/* components/vue-job.scss, 
pages/videos.scss, 
sections/hero.scss, 
parts/cards/video.scss */

@media(min-width: 992px){section#page{padding:70px 0 145px}}section#page #sticky{position:sticky;top:var(--header-height);z-index:4}section#page #sticky.shadow{box-shadow:0 2px 15px 0 rgba(0,0,0,.12)}section#page #sticky .sticky-inner{position:relative;overflow:hidden;background-color:#fff}@media(max-width: 991.98px){section#page #sticky .sticky-inner:after{content:"";position:absolute;top:0;height:100%;width:40px;z-index:3;left:0;pointer-events:none;background:linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}}section#page .filter-swiper-wrap{position:relative;overflow:visible;padding:15px 0}@media(min-width: 992px){section#page .filter-swiper-wrap{overflow:hidden}}section#page .filter-swiper-wrap button.swiper-nav{display:none}@media(min-width: 992px){section#page .filter-swiper-wrap button.swiper-nav{display:block;position:absolute;top:38%}}section#page .filter-swiper-wrap button.swiper-nav.swiper-button-disabled{opacity:.5}section#page .filter-swiper-wrap button.swiper-nav svg{width:28px;height:28px}section#page .filter-swiper-wrap button.swiper-nav.filter-next{left:0}@media(min-width: 1200px){section#page .filter-swiper-wrap button.swiper-nav.filter-next{left:6%}}section#page .filter-swiper-wrap button.swiper-nav.filter-prev{right:0}@media(min-width: 1200px){section#page .filter-swiper-wrap button.swiper-nav.filter-prev{right:6%}}section#page .filter-swiper-wrap button.swiper-nav.filter-prev svg{transform:rotate(180deg)}section#page .filter-swiper-wrap #filter-swiper{overflow:visible}section#page .filter-swiper-wrap #filter-swiper .hidden{display:none}@media(min-width: 992px){section#page .filter-swiper-wrap #filter-swiper{overflow:hidden;width:90%;margin:0 auto}}@media(min-width: 1200px){section#page .filter-swiper-wrap #filter-swiper{width:78%}}section#page .filter-swiper-wrap #filter-swiper .swiper-wrapper{list-style-type:none;padding:0}section#page .filter-swiper-wrap #filter-swiper .input-tag-label{width:99%;cursor:pointer;text-align:center;padding:10px 4px;color:#000;background-color:#fff;font-family:Assistant-SemiBold;line-height:23px;border-radius:5px;border:1px solid #1c48f0}@media(min-width: 1200px){section#page .filter-swiper-wrap #filter-swiper .input-tag-label{font-size:18px}}section#page .filter-swiper-wrap #filter-swiper label:hover,section#page .filter-swiper-wrap #filter-swiper input:checked+label{color:#fff;background-color:#1c48f0}@media(min-width: 992px){section#page .container-fluid{padding-right:70px;padding-left:70px}}section#page ul.videos-wrap{list-style-type:none;padding:0}@media(min-width: 576px){section#page ul.videos-wrap{display:grid;gap:25px;grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){section#page ul.videos-wrap{display:grid;gap:65px;margin-top:50px}}@media(min-width: 1200px){section#page ul.videos-wrap{grid-template-columns:repeat(3, 1fr)}}.modal-body{display:flex;gap:6px;align-items:center;justify-content:space-between}@media(max-width: 991.98px){.modal-body{padding:0}}@media(min-width: 992px){.modal-body{gap:36px}}.modal-body button.video-nav svg{width:28px;height:28px}@media(min-width: 992px){.modal-body button.video-nav svg{width:33px;height:33px}}
@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}
.video-card{position:relative;overflow:hidden;border-radius:5px;background-color:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.11);margin-bottom:25px}@media(min-width: 992px){.video-card{margin-bottom:0}}.video-card .img-wrap{position:relative;overflow:hidden}.video-card .img-wrap:hover .play-wrap,.video-card .img-wrap:focus-within .play-wrap{opacity:1}.video-card .img-wrap img{width:100%;object-fit:cover}.video-card .img-wrap .play-wrap{position:absolute;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}@media(min-width: 992px){.video-card .img-wrap .play-wrap{opacity:0;transition:opacity .3s ease}}.video-card .img-wrap .play-wrap .video-popup svg{height:65px;width:65px}.video-card .card-content{padding:16px;position:relative}@media(min-width: 992px){.video-card .card-content{padding:32px 25px}}.video-card .card-content h3{color:#000;font-family:Assistant-Bold;line-height:30px;margin-bottom:8px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(min-width: 992px){.video-card .card-content h3{font-size:25px;line-height:33px;height:66px}}