/* ======================================= */
/* HOME PAGE */
/* ======================================= */
.home-page{
    position: relative;
    
    overflow: hidden;
    
    z-index: 0;
}

@media screen and (min-width: 1025px){
    .about-container{
        display: flex;
        align-items: center;
    }
    
    .about-container__picture{
        max-width: 59.37853107344633%;
        min-width: 59.37853107344633%;
        margin-right: 8.4180790960452%;        
    }
}

.text-note{
    font: 400 16px/1.5 var(--font);
    
    padding-left: 20px;
    
    border-left: 1px solid var(--gray)
}

.text-note.short{
    max-width: 42.3728813559322%;
}

@media screen and (max-width: 1379px){
    .text-note{
        font-size: 14px;
    }
}

@media screen and (min-width: 1025px){
    .about-container__picture.mobile{
        display: none;    
    }    
}

@media screen and (max-width: 1024px){
    .about-container__picture.desktop{
        display: none;
    }
    
    .text-note.short{
        max-width: none;
    }
}

/* new section */
@media screen and (min-width: 1025px){
    .new-container{
        display: flex;    
    }
    
    .new-container__main{
        max-width: 50.84745762711864%;
        min-width: 50.84745762711864%;
        margin-right: 6.77966101694915%;
    }
}

.new-container__main{
    position: relative;
}

.new-container__note{
    padding-right: 20px;
}

.new-container__btn{
    position: absolute;
    right: 30px;
    top: -94px;
}

@media screen and (min-width: 1025px) and (max-width: 1379px){
    .new-container__main{
        margin-right: 4%;
    }
}

@media screen and (max-width: 1024px){
    .new-container__btn{
        top: -67px;
        right: 50%;
        transform: translateX(50%);
    }
}

/* contacts section */
@media screen and (min-width: 1025px){
    .contacts-container{
        display: flex;
        align-items: center;
    }
    
    .contacts-container__body{
        margin-right: auto;
    }
    
    .contacts-container__text{
        max-width: 380px;
    }
    
    .contacts-container__picture{    
        min-width: 57.6271186440678%;
        max-width: 57.6271186440678%;    
    }
}

@media screen and (min-width: 768px){
    .contacts-info{
        display: flex;
        flex-wrap: wrap;
    }
    
    .contacts-info__row{
        width: 50%;
        margin: -13px 0;
        
        box-sizing: border-box;
    }
    
    .contacts-info__row:nth-child(2n){
        padding-left: 34px;    
    }
    
    .contacts-info__col{
        padding: 13px 0;
    }
}

.contacts-item{
    display: flex;
    
    color: var(--common);
    font: 600 18px/1.361666666666667 var(--font);
}

.contacts-item--address{
    align-items: center;
}

/*.contacts-item--address br{
    display: none;
}*/

.contacts-item--link{
    display: inline-flex;
}

.contacts-item--time{
    line-height: 1.84;
    white-space: nowrap;
    
    margin-top: -12px;
}

.contacts-item--time .contacts-item__icon{
    position: relative;
    top: 4px;
}

@media screen and (min-width: 1025px){
    .contacts-item--link{
        transition: color var(--dur) ease-in-out;
    }
    
    .contacts-item--link:hover{
        color:  var(--primary);
    }
}

.contacts-item__icon{
    line-height: 0;
    
    margin-right: 12px;
}

.contacts-icon{
    width: 26px;
    height: 26px;
}

.contacts-icon.line{
    fill: var(--primary);
}

.contacts-icon.outline{
    fill: none;
    stroke: var(--primary);
    stroke-width: 1.2381;
    stroke-miterlimit: 10;
}

.contacts-item__label p:not(:first-child){
    margin-top: 5px;
} 

@media screen and (min-width: 1025px) and (max-width: 1500px){
    .contacts-container__picture{
        min-width: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 1379px){
    .contacts-item{
        font-size: 16px;
    }
    
    .contacts-container__picture{
        margin-left: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1379px){
    .contacts-info__row:nth-child(2n){
        padding-left: 15px;    
    }
}

@media screen and (max-width: 1024px){
    .contacts-container__picture{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .contacts-info{
        display: block;
        
        margin: -8px 0;
    }
    
    .contacts-info__col{
        padding: 8px 0;
    }
    
    .contacts-item{
        font-size: 15px;
    }
    
    .contacts-item--time{
        margin-top: -10px;
    }
    
    .contacts-icon{
        width: 24px;
        height: 24px;
    }
}

/* preview section */
.preview-section-title,
.preview-section-text{
    margin: 0 auto;
}

.preview-section-title{
    max-width: 870px;
}

.preview-section-text{
    text-align: center;
    
    max-width: 930px;
}

.company-video{
    position: relative;
    
    border-radius: 16px;
    
    overflow: hidden;   
}

.company-video:before{
    content: "";
    
    display: block;
    padding-top: 48.70056497175141%;
}

.company-video__img{
    object-fit: cover;
    
    z-index: 0;
}

.company-video-play-btn{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    
    background-color: rgba(0,0,0,0.08);
    
    cursor: pointer;
    
    transition: opacity var(--dur) ease-in-out;
    
    z-index: 3;
}

.company-video-play{
    padding: 15px;
    
    border-radius: 50%;
    background-color: rgba(255,255,255,0.4);
}

.company-video-play:active{
    transform: scale(0.96);
}

.play-icon{
    width: 60px;
    height: 60px;
}

.play-icon.line{
    fill: var(--light);
}

@media screen and (min-width: 1025px){
    .play-icon.line{
        transition: all var(--dur) ease-in-out;
    }
    
    .company-video-play:hover .play-icon.line{
        fill: var(--primary);
    }
}

.video-iframe,
.company-video__img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-iframe{
    opacity: 0;
    
    z-index: 2;
    
    transition: opacity var(--dur) ease-in-out;
}

.company-video.active .video-iframe{
    opacity: 1;
}

.company-video.active .company-video-play-btn{
    opacity: 0;
    pointer-events: none;
}

@media screen and (max-width: 1024px){
    .company-video{
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px){
    .company-video:before{
        content: "";
        
        display: block;
        padding-top: 56.25%;
    }
    
    .company-video-play{
        padding: 8px;
    }
}

/* advantages */
.advantages-container{
    display: flex;
}

.advantages-container__content{
    display: flex;
    flex-direction: column;
    
    overflow: hidden;
}

.advantages-container__text{
    max-width: 320px;
}

.advantages-container__links{
    display: flex;
    align-items: flex-end;
    
    margin-top: auto;
}

.link-elem{
    position: relative;
    
    display: inline-block;
    
    color: var(--primary);
    font: 400 18px/1.5 var(--font);

}

.link-elem:after{
    content: "";
    
    display: block;
    
    border-top: 1px solid var(--primary);
}

.arrow-link-container{
    margin-left: auto;
}

.arrow-link{
    display: block;
}

.arrow-link-icon{
    width: 40px;
    height: 40px;
}

.arrow-link-icon.line{
    fill: none;
    stroke: var(--primary);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit:1 0;
}

@media screen and (min-width: 1025px){
    .link-elem{
        transition: color var(--dur) ease-in-out;
    }
    
    .link-elem:hover{
        color: var(--warning);
    }
    
    .link-elem:after{
        transition: border-color var(--dur) ease-in-out;
    }
    
    .link-elem:hover:after{
        border-color: var(--warning);
    }
    
    .arrow-link-icon.line{
        transition: all var(--dur) ease-in-out;
    }
    
    .arrow-link:hover .arrow-link-icon.line{
        stroke: var(--warning);
    }
}

.advantages-container__body{
    min-width: 74.57627118644068%;
    max-width: 74.57627118644068%;
    margin-left: 30px;
}

.advantages-block{
    display: flex;
    
    margin: -15px;
}

.advantages-block__item{
    width: 33.33333333333333%;
    padding: 15px;
    
    box-sizing: border-box;
}

.advantage-elem{
    position: relative;
    
    border-radius: 16px;
    
    overflow: hidden;
}

.advantage-elem:before{
    content: "";
    
    position: relative;
    
    display: block;
    padding-top: 78.57142857142857%;
    
    background-color: rgba(0,0,0,0.2);
    
    z-index: 1;
}

.advantage-elem__picture{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;
    
    border-radius: 16px;
    
    z-index: 0;
}

.advantage-elem__title{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    
    display: flex;
    align-items: center;
    
    color: var(--common);
    font: 400 24px/1.3 var(--font);
    text-transform: uppercase;
    
    padding: 16px;
    min-height: 94px;
    
    background-color: rgba(255,255,255,0.6);
    
    box-sizing: border-box;
    
    z-index: 2;
}

.advantage-elem__title-inside{
    width: 100%;
}

.advantage-elem__icon{
    position: absolute;
    right: 20px;
    top: 20px;
    
    width: 60px;
    
    z-index: 2;
}

@media screen and (min-width: 1025px){
    .advantage-elem__icon{
        opacity: 0;
        transform: scale(0.9) translateY(5px);
        
        transition: all var(--dur) ease-in-out;
    }
    
    .advantage-elem:hover .advantage-elem__icon{
        opacity: 1;
        
        transform: scale(1) translateY(0);
    }
    
    .advantage-elem__picture{
        transition: transform 0.3s ease-in-out;
    }
    
    .advantage-elem:hover .advantage-elem__picture{
        transform: scale(1.1);
    }
}

@media screen and (max-width: 1400px){
    .advantages-container__body{
        margin-left: 15px;
    }
    
    .advantage-elem__title{
        font-size: 18px;
        
        min-height: 80px;
    }
}

@media screen and (max-width: 1280px){
    .advantages-container{
        display: block;
    }
    
    .advantages-container__body{
        margin: 32px 0 0;
        max-width: none;
        min-width: 0;
    }
    
    .advantages-container__text{
        max-width: none;
    }
}

@media screen and (max-width: 1024px){
    .advantages-container__content{
        display: block;
    }
    
    .advantage-elem,
    .advantage-elem__picture{
        border-radius: 8px;
    }
    
    .advantage-elem__title{
        font-size: 16px;
        
        padding: 10px;
        min-height: 68px;
    }
    
    .advantage-elem__icon{
        right: 12px;
        top: 12px;
        width: 40px;
    }
}

@media screen and (max-width: 1023px){
    .advantages-block{
        margin: -5px;
    }
    
    .advantages-block__item{
        padding: 5px;
    }
}

@media screen and (max-width: 767px){
    .advantages-block{
        display: block;
        
        margin: -10px 0;
    }
    
    .advantages-block__item{
        width: auto;
        padding: 10px 0;
    }
    
    .link-elem{
        font-size: 16px;
    }
}

/* sale section */
.sale-section-text{
    text-align: center;
    
    max-width: 742px;
    margin: 0 auto;
}

.sale-container{
    display: flex;
    
    margin: -15px;
}

.sale-container__elem{
    width: 33.33333333%;
    padding: 15px;
    
    box-sizing: border-box;
}

.sale-item{
    
}

.sale-item__picture{
    position: relative;
}

.sale-item__picture:before,
.sale-item__label:before{
    content: "";
    
    display: block;
    padding-top: 100%;
}

.sale-item__img{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;
    
    z-index: 0;
}

.sale-item__label{
    position: absolute;
    right: 30px;
    top: 30px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    color: var(--light);
    font-weight: bold;
    font-size: 16px;
    
    width: 60px;
    
    background: url("../images/icons/empty-sale-icon.svg") center center / 100% no-repeat;
}

.sale-item__title{
    font: 400 36px/1.3 var(--font);
    text-transform: uppercase;
    
    padding-top: 26px;
}

.sale-item__brand,
.sale-item__prices-label,
.sale-item__price-label{
    font-size: 18px;
    line-height: 1.5;
}

.sale-item__brand{
    color: var(--gray);
    
    padding-top: 6px; 
}

.sale-item__footer,
.sale-item__prices{
    display: flex;
    align-items: center;
}

.sale-item__footer{
    color: var(--gray);
    
    flex-wrap: wrap;
    
    padding-top: 4px;
}

.sale-item__prices{
    white-space: nowrap;
}

.sale-item__old-price,
.sale-item__price{
    font-size: 22px;
    line-height: 1.5;
}

.sale-item__old-price-value,
.sale-item__price-value{
    font-weight: 600;    
}

.crossed-out{
    position: relative;
}

.crossed-out:before{
    content: "";
    
    position: absolute;
    left: 1px;
    top: 50%;
    right: 6px;
    
    margin-top: 2px;
    
    border-top: 1px solid var(--gray);
}

.sale-item__price-label{
    
}

.sale-item__price{
    color: var(--primary);
    
    margin-left: 40px;
}

.sale-item__price-value{
    
}

@media screen and (max-width: 1400px){
    .sale-item__title{
        font-size: 28px;
    }
    
    .sale-item__prices{
        justify-content: space-between;
        
        width: 100%;
    }
    
    .sale-item__price{
        margin: 0;
    }
}

@media screen and (max-width: 1379px){
    .sale-section-text{
        max-width: 600px;
    }
}

@media screen and (max-width: 1280px){
    .sale-item__old-price, 
    .sale-item__price{
        font-size: 18px;
    }
    
    .sale-item__brand, 
    .sale-item__prices-label, 
    .sale-item__price-label{
        font-size: 15px;
    }
}

@media screen and (max-width: 1180px){
    .sale-container{
        margin: -8px;    
    }
    
    .sale-container__elem{
        padding: 8px;
    }
}

@media screen and (max-width: 1024px){
    .sale-item__label{
        right: 12px;
        top: 12px;
        width: 40px;
    }
    
    .sale-item__title{
        font-size: 24px;
        
        padding-top: 12px;
    }
    
    .sale-item__brand, 
    .sale-item__prices-label, 
    .sale-item__price-label{
        font-size: 12px;
    }
    
    .sale-item__old-price, 
    .sale-item__price{
        font-size: 16px;
    }    
    
    .sale-item__footer{
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .sale-item__prices{
        display: block;
    }
}

@media screen and (max-width: 767px){
    .sale-container{
        display: block;
        
        margin: -16px 0;
    }
    
    .sale-container__elem{
        width: auto;
        padding: 16px 0;
    }
}

/* description section */
@media screen and (min-width: 1025px){
    .description-container{
        display: flex;
        
        margin: 0 -15px;
    }
    
    .description-container__content,
    .description-container__body{
        padding: 0 15px;
        
        box-sizing: border-box;
    }
    
    .description-container__content{
        width: 33.333333333%;
    }
    
    .description-container__title{
        max-width: 400px;
    }
    
    .description-container__text{
        padding-right: 40px;
    }
    
    .description-container__body{
        width: calc(100% - 33.333333333%);
    }
}


.black-logo{
    width: 166px;
    
    background: url("../images/black-logo.svg") center center / 100% no-repeat;
}

.black-logo:before{
    content: "";
    
    display: block;
    padding-top: 17.07317073170732%;
}

@media screen and (min-width: 768px){
    .description-container__body{
        display: flex;
        
        gap: 30px;
    }
    
    .description-container__picture{
        width: 100%;
    }
    
    .description-container__second-picture{
        min-width: 35.8974358974359%;
    }
    
    .description-container__btn{
        position: absolute;
        right: -109px;
        top: 50%;
        margin-top: -94px;
        
        z-index: 2;
    }
}

.description-container__picture,
.description-container__second-picture{
    position: relative;
}

.description-container__picture:before{
    content: "";
    
    display: block;
    padding-top: 72.91666666666667%;
}

.description-container__img{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;
    
    border-radius: 16px;
}

@media screen and (max-width: 1024px){
    .description-container__img{
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px){
    .description-container__btn{
        position: absolute;
        top: -67px;
        right: 50%;
        
        transform: translateX(50%);        
    }
    
    .description-container__second-picture{
        display: none;
    }
}

/* examples section */
.examples-arrows{
    display: flex;
    justify-content: flex-end;
}

.examples-arrow{
    display: block;
    
    border-radius: 50%;
    background-color: rgba(0,0,0,0.06);
    
    outline: none;
    user-select: none;
    cursor: pointer;
}

.examples-arrow.hidden-arrow{
    display: none;
}

.examples-arrow.next{
    transform: scale(-1, 1);
}

.examples-arrow:not(:first-child){
    margin-left: 40px;
}

.examples-arrow.prev:active{
    transform: translateX(-1px);
}

.examples-arrow.next:active{
    transform: translateX(1px) scale(-1, 1);
}

.chevron-icon{
    width: 40px;
    height: 40px;
}

.chevron-icon.line{
    fill: none;
    stroke: var(--common);
    stroke-width: 0.75;
}


@media screen and (min-width: 1025px){
    .chevron-icon.line{
        transition: all var(--dur) ease-in-out;
    }
    
    .examples-arrow:hover .chevron-icon.line{
        stroke: var(--primary);
    }
}

.examples-block{
    display: flex;
    flex-wrap: wrap;
    
    margin: 0 -15px;
    
    overflow: hidden;
}

.examples-block__item{
    position: relative;
    
    width: 25%;
    padding-left: 30px;
    box-sizing: border-box;
}

.examples-block.swiper-initialized{
    margin: 0;
}

.examples-block.swiper-initialized .examples-block__item{
    padding: 0;
}

@media screen and (min-width: 768px){
    .examples-block__item:before{
        content: "";
        
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
        
        border-left: 1px solid var(--gray);
    }
    
    .examples-block__item:first-child:before{
        display: none;
    }
    
    .example-elem{
        transition: padding 1.4s ease-in-out;
    }
    
    .example-elem.even,    
    .scroll-down .examples-block.visible .example-elem.even,
    .scroll-up .examples-block.visible .example-elem.odd{
        padding-top: 82px;
    }
    
    .scroll-up .examples-block.visible .example-elem.even{
        padding-top: 0;
    }    
}

@media screen and (min-width: 768px) and (max-width: 1280px){
    .example-elem.even,    
    .scroll-down .examples-block.visible .example-elem.even,
    .scroll-up .examples-block.visible .example-elem.odd{
        padding-top: 64px;
    }
    
    .scroll-up .examples-block.visible .example-elem.even{
        padding-top: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1259px){
    .examples-block__item:before{
        left: -10px;
    }
}

.example-elem__number{
    color: var(--light-gray);
    font: 700 28px/1.3 var(--font);
    
    padding: 0 10px;
}

.example-elem__picture{
    position: relative;
    
    margin-top: 2px;
}

.example-elem__picture:before{
    content: "";
    
    display: block;
    padding-top: 107.1428571428571%;
}

.example-elem__img{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;
}

.example-elem__title{
    font: 400 22px/1.3 var(--font);
    text-transform: uppercase;
    
    padding-top: 26px;
}

.example-elem__brand,
.example-elem__prices-label,
.example-elem__price-label{
    font-size: 18px;
    line-height: 1.5;
}

.example-elem__brand,
.example-elem__prices-label{
    color: var(--gray);
}

.example-elem__footer,
.example-elem__prices{
    display: flex;
    align-items: center;
}

.example-elem__footer{
    color: var(--gray);
    
    flex-wrap: wrap;
}

.example-elem__prices{
    white-space: nowrap;
}

.example-elem__price{
    font-size: 22px;
    line-height: 1.5;
}

.example-elem__price-value{
    font-weight: 600;    
}

.example-elem__price{
    color: var(--primary);
}

@media screen and (min-width: 768px) and (max-width: 1280px){
    .example-elem__number{
        font-size: 24px;
    }
}

@media screen and (max-width: 1259px){
    .examples-block__item{
        width: 33.333333333333333%;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px){
    .example-elem__number{
        font-size: 20px;
    }
    
    .example-elem__title{
        font-size: 18px;
        
        padding-top: 14px;
    }
    
    .example-elem__brand,
    .example-elem__prices-label,
    .example-elem__price-label{
        font-size: 14px;
    }
    
    .example-elem__price{
        font-size: 18px;
    }
}

@media screen and (max-width: 767px){
    .examples-block__item{
        width: 50%;
    }
}

@media screen and (max-width: 499px){
    .examples-block__item{
        width: 100%;
    }
}

/* intro section */
.intro-section{
    position: relative;
    
    height: 100vh;
}

.admin-bar .intro-section{
    height: calc(100vh - 32px);
}

@media screen and (max-width: 782px){
    .admin-bar .intro-section{
        height: calc(100vh - 46px);
    }
}

.intro-section__body{
    position: relative;
    display: flex;
    align-items: center;
    
    color: var(--light);
    text-align: center;
    
    height: 100%;
    
    background-color: rgba(0,0,0,0.6);
    
    z-index: 1;
}

.intro-section__logo-container,
.intro-section__text{
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: opacity 1s ease, transform 1s ease;
}

.intro-section__text{
    transition-delay: 0.3s;
}

.intro-carousel-arrows{
    opacity: 0;
    transition: opacity 1s ease 0.5s;
}

body.loaded .intro-section__logo-container,
body.loaded .intro-section__text,
body.loaded .intro-carousel-arrows{
    opacity: 1;
    transform: translate3d(0, 0, 0)    
}


.intro-section__logo-container{
    line-height: 0;
    
    max-width: 470px;
    margin: 0 auto;
}

.intro-section__logo{
    max-width: 100%;
    height: auto;
}

.intro-section__text{
    font-size: 22px;
    line-height: 1.2;
}

.intro-carousel,
.intro-carousel__inside,
.intro-carousel__slide,
.intro-carousel__elem,
.intro-carousel__img{
    height: 100%;
}

.intro-carousel{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    
    overflow: hidden;
    
    z-index: 0;
}

.intro-carousel__slide{
    
}

.intro-carousel__elem{
    
}

.intro-carousel__img{
    width: 100%;
    
    object-fit: cover;
    
    transition: transform 5.5s ease-in-out 0.8s;
}

.swiper-slide-active .intro-carousel__img{
    transform: scale(1.1);
}

.intro-carousel-arrows{
    position: absolute;
    
    left: 0;
    top: 86px;
    right: 0;
    bottom: 0;
    
    z-index: 2;
}

.intro-carousel-arrow{
    position: absolute;
    top: 50%;
    margin-top: -40px;
    
    border-radius: 50%;
    background-color: rgba(255,255,255,0.2);
    
    outline: none;
    user-select: none;
    
    cursor: pointer;
}

.intro-carousel-arrow.prev{
    left: 32px;
    
    transform: scale(-1,1);    
}

.intro-carousel-arrow.next{
    right: 32px;
}

.intro-carousel-arrow.prev:active{
    transform: translateX(-1px) scale(-1,1);
}

.intro-carousel-arrow.next:active{
    transform: translateX(1px);
}

.arrow-icon{
    width: 80px;
    height: 80px;
}

.arrow-icon.line{
    fill: none;
    
    stroke: var(--common);
    stroke-width: 1.5;
}

@media screen and (min-width: 1025px){
    .arrow-icon.line{
        transition: all var(--dur) ease-in-out;
    }
    
    .intro-carousel-arrow:hover .arrow-icon.line{
        stroke: var(--primary);
    }
}

.youtube-intro-video{
    position: absolute;
    left: 50%;
    top: 50%;
    
    transform: translate(-50%,-50%); /* center it */
    
    width: 120%;
    height: 120%;
    
    object-fit: cover;
}

.intro-video{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;
}

@media screen and (max-width: 1280px){
    .intro-carousel-arrow{
        margin-top: -20px;
    }
    
    .intro-section__text{
        font-size: 16px;
    }
    
    .arrow-icon{
        width: 40px;
        height: 40px;
    }    
}

@media screen and (max-width: 1024px){
    .intro-carousel-arrows{
        top: 60px;
    }
}



@media screen and (max-width: 767px){
    .intro-section__logo-container{
        max-width: 320px;
    }
    
    .intro-carousel-arrows{
        display: none;
    }
    
    .intro-section__text{
        font-size: 14px;
    }
}