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

section#top-content{padding:40px 0}@media(min-width: 992px){section#top-content{padding:80px 0}}@media(min-width: 992px){section#top-content .the-content{width:69%;margin:0 auto;color:#0a0a0a;font-size:22px;line-height:32px}}@media(min-width: 992px){section#swiper-section{padding:120px 0}}
@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}