.school-app{background-color:#fff;overflow:hidden;padding-bottom:10.51%}.school-app .bg-title-wrap .text-overlay-bg{font-weight:600}.school-app .bg-title-wrap .text-overlay-bg:before{content:none}.school-app .bg-section{position:absolute;display:flex;justify-content:space-between;width:100%}.school-app .header-school-app,.school-app .pupil>.row{padding-left:7.1%;padding-right:7.1%}.school-app .first-section .header-school-app{padding-top:8.85%;padding-bottom:2.65%;align-items:center;position:relative}.school-app .first-section .header-school-app .bg-section{top:0}.school-app .first-section .header-school-app .school-app-brand{display:inline-block;position:relative}.school-app .first-section .header-school-app .school-app-brand:after{position:absolute;right:0;top:-62px;content:"";background:url(/media/portfolio/portfolio-detail/school-app/logo-school-app.webp) no-repeat;background-size:contain;width:71px;height:85px}.school-app .first-section .header-school-app .school-app-brand h1{color:#fdbf14}.school-app .first-section .header-school-app .school-app-brand h1 strong.big-title{font-size:120px;margin-right:15px}.school-app .first-section .header-school-app .school-app-brand h1 span.small-title{font-size:72px;font-weight:300;color:#2c5364}.school-app .first-section .header-school-app .header-content>p{color:#2b5262}.school-app .second-section .pupil{color:#fff;background-color:#16afbe;position:relative}.school-app .second-section .pupil .bg-section{top:-90px}.school-app .second-section .pupil .bg-grey-text{color:hsla(0,0%,100%,.15);text-shadow:none}.school-app .second-section .pupil .sub-text{max-width:840px;margin:0 auto;padding:0 2.6%}.school-app .second-section .pupil .school-app-tablet{padding-top:5%;padding-bottom:8.41%}.school-app .second-section .pupil .school-app-tablet img{box-shadow:0 20px 98px 0 rgba(0,0,0,.2);border-radius:30px}.school-app .second-section .pupil .school-app-tablet .mt-8{margin-top:5.5%}.school-app .second-section .pupil .icon-bottom{position:absolute;bottom:-45px;left:50%;transform:translateX(-50%)}.school-app .last-section .student{padding-top:3%}.school-app .last-section .student .sub-text{max-width:1314px;margin:0 auto 35px;padding:0 2.6%;color:#2c5364}.school-app .last-section .student .bg-section{position:static;margin-top:-120px}.school-app .last-section .student>img{max-width:1230px;width:100%;padding:0 3.5%}.school-app .last-section .appeal{margin-top:50px;margin-bottom:-200px}@media only screen and (max-width:1440px){.school-app .first-section .header-school-app .school-app-brand h1 strong.big-title{font-size:100px}.school-app .bg-section img{width:70%}}@media only screen and (max-width:1366px){.school-app .first-section .header-school-app .school-app-brand h1 strong.big-title{font-size:70px;margin-right:5px}.school-app .first-section .header-school-app .school-app-brand h1 span.small-title{font-size:50px}.school-app .first-section .header-school-app .school-app-brand:after{width:50px;top:-30px}.school-app .second-section .pupil .bg-section{top:-40px}.school-app .bg-section img{width:50%}}@media only screen and (max-width:1024px){.school-app .last-section .student .bg-section{margin-top:0}}@media only screen and (max-width:991px){.school-app .first-section .header-school-app .school-app-brand h1 strong.big-title{font-size:50px}.school-app .first-section .header-school-app .school-app-brand h1 span.small-title{font-size:30px}.school-app .first-section .header-school-app .school-app-brand:after{width:40px;top:-25px}}@media only screen and (max-width:767px){.school-app .pupil>.row{padding-left:10px;padding-right:10px}.school-app .pupil>.row div:first-child img{margin-bottom:30px}.school-app .first-section .header-school-app{padding-left:0;padding-right:0}.school-app .first-section .header-school-app .school-app-brand{max-width:280px;margin:0 auto;display:block}.school-app .first-section .header-school-app .school-app-brand:after{width:30px;height:36px;top:-15px}.school-app .first-section .header-school-app .school-app-brand h1 strong.big-title{font-size:56px}.school-app .first-section .header-school-app .school-app-brand h1 span.small-title{font-size:36px}.school-app .second-section .pupil .sub-text{padding-left:10px;padding-right:10px}.school-app .second-section .pupil .school-app-tablet .mt-8{margin-top:0}.school-app .second-section .pupil .bg-grey-text{color:transparent}.school-app .last-section .appeal{margin-bottom:60px}}