body,html{height:100%;margin:0;padding:0}.full-page-section{background:#1d1b1b;background-image:url(https://www.nexastack.com/hubfs/nexastack-cloud-native-assessment-background.svg),url(https://www.nexastack.com/hubfs/nexastack-cloud-native-assessment-background.svg);background-size:contain;display:flex;height:100%;overflow-y:scroll;width:100%}.full-page-section-wrapper{padding:40px 15px 0}.left-section-top-navigation{width:100%}.left-section-top-navigation h2{color:#fff!important}.left-section-top-navigation{font-size:16px}.left-section-top-navigation,.left-section-top-navigation a{color:#d6dade;font-family:sf_pro_displayregular;font-weight:400}.left-section-top-navigation a{align-items:center;display:flex;font-size:2rem}.left-section-top-navigation a i{display:inline-block;font-size:20px;margin-right:8px}.fa-angle-left:before{content:"\f104"}.middle-section{width:100%}.middle-section-wrapper{align-items:center;display:flex;flex-direction:column}.middle-section-heading h2,.middle-section-heading p{color:#fff!important}.middle-section-heading{font-family:sf_pro_displaybold;margin:0 0 3%;text-align:center;width:100%}.transparent-div-wrapper{display:flex;width:70%}.transperent-div-1{background-color:rgba(214,218,222,.2);border:1px solid #fff;border-radius:25px;height:100%;margin-right:2%;width:100%}.transparent-div-1-wrapper{align-content:center;align-content:space-around;display:flex;flex-wrap:wrap;height:100%;justify-content:center;padding:5% 7%;width:100%}.transperent-div-2{background-color:rgba(214,218,222,.2);border:1px solid #fff;border-radius:25px;height:100%;width:100%}.transparent-div-2-wrapper-content{margin:6% 0 5%}.transperent-div-2-wrapper{align-content:space-evenly;display:flex;flex-wrap:wrap;height:100%;justify-content:center;padding:7%;width:100%}.inner-circle{align-items:center;border:5px solid #fff;border-radius:50%;display:flex;flex-direction:column;height:160px;justify-content:center;max-width:100%;width:160px}#circle,#circle .segment{border:15px solid #fff;border-radius:50%;box-sizing:border-box;height:210px;margin-bottom:7%;padding:10px;position:relative;width:210px}#circle .segment{-webkit-clip-path:inset(0 0 55px 40px);left:-15px;position:absolute;top:-15px}#circle .segment:first-child{border-color:#53e253;transform:rotate(70deg)}.inner-circle h3{color:#fff;font-family:sf_pro_displaybold;font-size:3rem;line-height:.5;padding-top:15%}.inner-circle p{color:#fff;font-family:sf_pro_displayregular;font-size:2rem;line-height:1.3}.transparent-div-wrapper p{color:#ebedef!important;font-family:sf_pro_displayregular}.transparent-div-2-wrapper{align-content:space-evenly;display:flex;flex-wrap:wrap;height:100%;justify-content:center;padding:9% 12%;width:100%}.transparent-div-2-wrapper button{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:7px;box-shadow:0 0 3px 1px hsla(0,0%,100%,.8);color:#d6dade;display:flex;height:50px;justify-content:center;width:100%}.transparent-div-2-wrapper button span{color:#213047;font-family:sf_pro_displayregular;font-size:2rem;line-height:1.3;opacity:1}.phone-view-heading{display:none}.phone-view-left-section-top-content a{align-items:center;color:#fff;display:flex;font-family:sf_pro_displayregular;font-size:1.6rem;font-weight:400}.end-button-wrapper{display:flex;height:10%;justify-content:flex-end;margin-top:9%;width:100%}.end-button{height:50px;width:150px}.end-button button{background-color:#ebedef;border:0;border-radius:7px;display:flex;height:91%;justify-content:center;padding:7%;width:100%}.end-button button p{border:none;color:#213047;font-family:sf_pro_displayregular;font-weight:400}@media (max-width:768px){.full-page-section{height:auto}.middle-section{margin:0;padding:0}.phone-view-heading{display:block;width:100%}.transperent-div-1{height:350px}.transperent-div-1,.transperent-div-2{margin-bottom:5%;width:100%}.transparent-div-wrapper{display:block}.middle-section-heading{margin:5% 0}.phone-view-left-section-top-content a{font-size:2.7rem}.middle-section-heading h3{margin-bottom:6%}.inner-circle{height:160px;width:160px}#circle,#circle .segment{height:210px;width:210px}.end-button-wrapper{justify-content:flex-start}.transparent-div-2-wrapper{padding:7%}}@media (max-height:800px){.middle-section-heading{margin:10% 0 5%}}@media (max-width:425px){#circle,#circle .segment{height:160px;width:160px}.inner-circle{height:107px}.transparent-div-wrapper{width:100%}}@media (max-width:768px){.image-wrapper img{height:550px!important}}.container{padding:0 25px!important}