/* components/vue-job.scss, 
pages/students.scss, 
sections/hero.scss */

section#top-content{padding:60px 0}@media(min-width: 992px){section#top-content{padding:110px 0}}section#top-content .the-content{color:#0a0a0a}@media(min-width: 992px){section#top-content .the-content{width:69%;margin:0 auto;font-size:22px;line-height:32px}}section#top-content .the-content h2{color:#000;font-family:Assistant-Bold;margin-bottom:20px}@media(min-width: 992px){section#top-content .the-content h2{font-size:40px;line-height:52px;margin-bottom:28px}}section#top-content .the-content .btn-wrap{text-align:center}section#benefits{padding:30px 0 90px}@media(min-width: 992px){section#benefits{padding:40px 0 140px}}section#benefits h2{margin-bottom:30px}@media(min-width: 992px){section#benefits h2{margin-bottom:80px}}section#swiper-section{padding:10px 0 90px}@media(min-width: 992px){section#swiper-section{padding:6px 0 126px}}section#projects{padding:0 0 60px}@media(min-width: 992px){section#projects{padding:0 0 120px}}section#projects .section-headline{position:relative}section#projects .section-headline h2{margin-bottom:20px}@media(min-width: 992px){section#projects .section-headline h2{margin-bottom:70px}}section#projects .decoration{display:none}@media(min-width: 992px){section#projects .decoration{display:block;position:absolute;top:-70px;right:20%}}section#projects .decoration svg{fill:#1c48f0;width:61px;height:61px}
@media(max-width: 575.98px){section#hero .ratio{--bs-aspect-ratio: 107%}}@media(min-width: 576px){section#hero .ratio{--bs-aspect-ratio: 46%}}@media(min-width: 768px){section#hero .ratio{--bs-aspect-ratio: 420px}}section#hero .ratio img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}section#hero.job-hero .content{align-items:flex-end}section#hero.job-hero .content .content-inner{margin-bottom:50px}@media(min-width: 768px){section#hero.job-hero .content .content-inner{margin-bottom:170px;text-align:right}}section#hero .content{display:flex;align-items:center;color:#fff;background:linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%)}section#hero .content .content-inner{text-align:center}section#hero .content .content-inner h1{font-size:35px;font-family:Assistant-Bold;line-height:42px;margin-bottom:20px}@media(min-width: 992px){section#hero .content .content-inner h1{font-size:68px;line-height:76px;margin-bottom:25px}}section#hero .back_button{font-size:22px}section#hero .back_button a{color:#fff}section#hero .back-arrow{transform:rotate(-90deg);width:25px;height:25px}