/*
Theme Name: Premium Flights
Author: the Forinter team
Author URI: https://forinter.net/
Description: For all questions, please contact the developers by email <a href="mailto:forinter.ukraine@gmail.com">forinter.ukraine@gmail.com</a> or go to the website <a href="https://forinter.net" target="_blank">https://forinter.net</a>
Requires PHP: 7.3
Version: 1.0
Text Domain: https://doctorbersenev.ua/
Tags: custom theme for Premium Flights, forinter.net

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

*{
    --value-1: 1px;
    --value-2: 2px;
    --value-3: 3px;
    --value-4: 4px;
    --value-5: 5px;
    --value-6: 6px;
    --value-7: 7px;
    --value-8: 8px;
    --value-9: 9px;
    --value-10: 10px;
    --value-12: 12px;
    --value-13: 13px;
    --value-14: 14px;
    --value-15: 15px;
    --value-16: 16px;
    --value-18: 18px;
    --value-20: 20px;
    --value-22: 22px;
    --value-24: 24px;
    --value-25: 25px;
    --value-26: 26px;
    --value-28: 28px;
    --value-30: 30px;
    --value-32: 32px;
    --value-34: 34px;
    --value-36: 36px;
    --value-40: 40px;
    --value-48: 48px;
    --value-50: 50px;
    --value-54: 54px;
    --value-55: 55px;
    --value-58: 58px;
    --value-60: 60px;
    --value-64: 64px;
    --value-70: 70px;
    --value-80: 80px;
    --value-90: 90px;
    --value-100: 100px;
}


@media (min-width: 767px) and (max-width: 1440px){
    *{
        /* values of 1440 screen */
        /* --value-1: calc(var(--coef) * 0.068vw); */
        --value-2: calc(var(--coef) * 0.14vw);
        --value-3: calc(var(--coef) * 0.21vw);
        --value-4: calc(var(--coef) * 0.28vw);
        --value-5: calc(var(--coef) * 0.35vw);
        --value-6: calc(var(--coef) * 0.42vw);
        --value-7: calc(var(--coef) * 0.49vw);
        --value-8: calc(var(--coef) * 0.56vw);
        --value-9: calc(var(--coef) * 0.63vw);
        --value-10: calc(var(--coef) * 0.7vw);
        --value-12: calc(var(--coef) * 0.83vw);
        --value-13: calc(var(--coef) * 0.9vw);
        --value-14: calc(var(--coef) * 0.97vw);
        --value-15: calc(var(--coef) * 1.04vw);
        --value-16: calc(var(--coef) * 1.11vw);
        --value-18: calc(var(--coef) * 1.25vw);
        --value-20: calc(var(--coef) * 1.39vw);
        --value-22: calc(var(--coef) * 1.53vw);
        --value-24: calc(var(--coef) * 1.67vw);
        --value-25: calc(var(--coef) * 1.74vw);
        --value-26: calc(var(--coef) * 1.81vw);
        --value-28: calc(var(--coef) * 1.95vw);
        --value-30: calc(var(--coef) * 2.08vw);
        --value-32: calc(var(--coef) * 2.22vw);
        --value-34: calc(var(--coef) * 2.36vw);
        --value-36: calc(var(--coef) * 2.5vw);
        --value-40: calc(var(--coef) * 2.78vw);
        --value-48: calc(var(--coef) * 3.33vw);
        --value-50: calc(var(--coef) * 3.47vw);
        --value-54: calc(var(--coef) * 3.75vw);
        --value-55: calc(var(--coef) * 3.82vw);
        --value-58: calc(var(--coef) * 4.03vw);
        --value-60: calc(var(--coef) * 4.17vw);
        --value-64: calc(var(--coef) * 4.45vw);
        --value-70: calc(var(--coef) * 4.86vw);
        --value-80: calc(var(--coef) * 5.56vw);
        --value-90: calc(var(--coef) * 6.25vw);
        --value-100: calc(var(--coef) * 6.95vw);  
    }
}

*{  
    --color-base: rgba(54, 58, 44, 1);
    --color-base-dark: rgba(31, 33, 25, 1);
    --color-red: rgba(183, 37, 37, 1);
    --color-red-600: rgba(229, 46, 46, 1);
    --color-grey: rgba(54, 58, 44, 0.2);
    --color-grey-2: rgba(239, 242, 230, 1);
    --color-white: rgba(255, 255, 255, 1);
    --color-green: rgba(55, 181, 55, 1);

    --color-button-primary: rgba(239, 183, 51, 1);
    --color-button-primary-hover: rgba(252, 201, 78, 1);
    --color-text-secondary: var(--color-grey-2);

    --color-tab: var(--color-base);
    --color-tab-hover: var(--color-grey-2);

    --primary-font-family: "Inter", sans-serif;
    --secondary-font-family: "Platypi", serif;
    --default-font-size: var(--value-20);
    --default-line-height: 1.3;
    --container-width: calc(12.2 * var(--value-100));
    --container-width-2: calc(8.7 * var(--value-100));
    --coef: 1;
    font-optical-sizing: auto;
} 

:root {
    scroll-behavior: initial;
}

body{
    margin:0;
    -webkit-tap-highlight-color:  transparent;  
    background-color: var(--color-white);
    font-size: var(--default-font-size);
    font-family: var(--primary-font-family);
    line-height: var(--default-line-height);
    font-weight: 400;
    color: var(--color-base);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

p{
    margin: 0 0 var(--value-20);
}

p:last-child{
    margin-bottom: 0;
}

body.active{
    overflow: hidden;
}

.grecaptcha-badge {
    visibility: hidden;
}

img{
    max-width:100%;
    height:auto;
}

.d-grid{
    display: grid;
    grid-gap: var(--value-30);
    grid-auto-rows: min-content;
}

.flex-column{
    flex-direction: column;
}

.d-grid,
.g-box{
    display: grid;
    grid-gap: var(--value-24);
    grid-auto-rows: min-content;
}

.d-flex,
.f-box{
    display: flex;
}

.flex-column{
    flex-direction: column;
}

.text-center{
    text-align: center;
}

.align-end{
    align-items: flex-end;
}

.align-start{
    align-items: flex-start;
}

.align-center{
    align-items: center;
}

.justify-end{
    justify-content: flex-end;
}

.justify-start{
    justify-content: flex-start;
}

.justify-center{
    justify-content: center;
}

.justify-around{
    justify-content: space-around;
}

.justify-between{
    justify-content: space-between;
}

.container{
    padding:0 var(--value-20);
    max-width: var(--container-width);
    margin: 0 auto;
    width: 100%;
}

.container.type-2{
    max-width: var(--container-width-2);
}

section{
    padding: var(--value-40) 0;
}

section:first-child{
    padding-top: calc(5.4 * var(--value-10));
}

.rows{
    gap:var(--value-48);
    display: flex;
    flex-direction: column;
}

.rows.type-2{
    gap:var(--value-40);
}

.title-box{
    display: flex;
    flex-direction: column;
    gap: var(--value-16);        
}

.title-box .title,
h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    font-family: var(--secondary-font-family);
}

.title-box .title{
    font-size: var(--value-26); 
    margin:0;
}

.title-box.sect-title{
    width: 100%;
    max-width: calc(8.3 * var(--value-100));
}

.title-box.sect-title.text-center{
    margin: 0 auto;
}

.title-box.sect-title .title{
    font-size: var(--value-50); 
    line-height: 1.2;
}

.main-form-wrap .title-box.main-title{
    gap: 0;
}

.title-box.main-title .title{
    font-size: var(--value-55); 
    line-height: 1.4;
}


.btn,
.btn.disabled, 
.btn:disabled{
    background-color: var(--color-button-primary);
    color: var(--color-base);
    min-width: var(--value-100);
    min-height: var(--value-60);
    padding: var(--value-20) var(--value-30);
    border-radius: var(--value-50);
    text-decoration: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border: none;
    outline: none;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.25;
    transition: 0.2s background-color, 0.2s border-color;
    -moz-transition: 0.2s background-color, 0.2s border-color;
    -webkit-transition: 0.2s background-color, 0.2s border-color;
    box-shadow: 0px 8px 16px 0px rgba(39, 42, 31, 1);
}

.btn:hover{
    background-color: var(--color-button-primary-hover);
    color: var(--color-base);
}


.btn.transparent{
    background-color: transparent;
}

.btn.transparent:hover {
    background-color: #EEF4FD;
}

.btn.secondary{
    background-color: var(--color-base);
    color: var(--color-white);
    box-shadow: none;
}

.btn.secondary:hover,
.btn.secondary:active{
    background-color: var(--color-base-dark);
    color: var(--color-white);
}

.show-more::before {
    content: attr(data-cont);
}

.show-more.active::before {
    content: attr(data-cont-active);
}

.green-bg{
    background-color: var(--color-base);
    color: var(--color-white);
}

header{
    font-size: var(--value-16);
    background-color: var(--color-base);
    color: var(--color-white);
    padding: var(--value-16) 0;
}

header .columns{
    gap: var(--value-50);
}

header .menu-logo-box,
header .menu-phone-box{
    display: none;
}

header .menu-box{
    flex: 4;
    justify-content: center;
}

header .menu-box ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

header .menu-box ul li{
    gap: var(--value-4);
}

header .menu-box ul li a{
    color: var(--color-white);
    padding: var(--value-12) var(--value-16);
    text-decoration: none;
    border-radius: calc(4.4 * var(--value-10));
    display: inline-flex;
    transition: .3s ease-out background-color;
    -o-transition: .3s ease-out background-color;
    -moz-transition: .3s ease-out background-color;
    -webkit-transition: .3s ease-out background-color;
}

header .menu-box ul li a:hover,
header .menu-box ul li span:hover, 
header .menu-box ul li.current-menu-item a{
    background-color: rgba(255, 255, 255, 0.1);
}

header .logo-box,
header .phone-box{
    flex: 1;
}

header .logo-box img{
    width: calc(2.11 * var(--value-100));
    height: auto;
}

header .phone-box a{
    text-decoration: none;
    color: var(--color-white);
}

header .menu-btn,
header .close-menu,
.overlay{
    display: none;
}

footer{
    padding:var(--value-40) 0 var(--value-20);
    background-color: var(--color-base);
    color: var(--color-text-secondary);
    margin-top: var(--value-40);
}

footer .rows{
    gap: var(--value-64);
}

footer a{
    color: var(--color-text-secondary);
    text-decoration: none;
}

footer ul{
    list-style: none;
    padding:0;
    margin: 0;
}

footer .top-bar{
    flex-wrap: wrap;
    gap: var(--value-30);
    align-items: center;
}

footer .menu-box{
    flex: 1;
    font-size: var(--value-20);
}

footer .menu-box ul{
    display: flex;
    gap: var(--value-40);
    font-family: var(--secondary-font-family);
}

footer .contacts{
    gap: var(--value-40);
    width:100%;
    font-size: var(--value-16);
}

footer .contacts-item{
    max-width: calc(3.8 * var(--value-100));
}

footer .contacts-item p span{
    display: block;
}

footer .bottom-bar{
    border-top: var(--value-1) solid rgba(239, 242, 230, 0.1);
    padding-top: var(--value-20);
    gap: var(--value-30);
    font-size: var(--value-14);
}

footer .reg-list{
    gap: var(--value-30);
}

footer .terms{
    flex: 1;
    gap: var(--value-6);
}

.reg-item{
    gap: var(--value-16);
    align-items: center;
}

.reg-item .ico-box img{
    width: var(--value-32);
    height: var(--value-32);
}

.reg-item p span{
    display: block;
}

.social ul{
    gap: var(--value-16);

}

.social ul li svg{
    width: var(--value-40);
    height: var(--value-40);
}

.social ul li{
    transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
}

.social ul li:hover{
    opacity: 0.6;
}

.head-box{
    background-color: var(--color-base);
}

.head-box .title-box{
    color: var(--color-white);
}

.main-form-wrap{
    gap: var(--value-32);
}

.partners-line{
    padding: var(--value-30) 0;
    background-color: var(--color-base);
    margin-bottom: var(--value-40);
    position: relative;
}

.partners-list{
    position: relative;
    grid-template-columns: repeat(4, 1fr);
}

.partners-line .partners-list::after{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #363A2C 10%, rgba(54, 58, 44, 0) 50%, #363A2C 90%);
}

.partners-line .partners-list .item{
    padding: 0 var(--value-16);
    width: calc(1.37 * var(--value-100));
    flex-shrink: 0;
}


.triggers-section .columns{
    gap: var(--value-60);
    align-items: center;
}

.triggers-section .info-box{
    flex: 1;
}

.triggers-list{
    gap: var(--value-48);
    position: relative;
}

.triggers-list::before{
    content: '';
    width: var(--value-1);
    height: calc(100% - var(--value-30));
    background-color: var(--color-grey-2);
    position: absolute;
    top: 0;
    left: calc(5.2 * var(--value-10) / 2)
}

.triggers-list .item{
    gap: var(--value-30);
    align-items: flex-start;
}

.triggers-list .item .ico-box{
    background-color: var(--color-base);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(5.2 * var(--value-10));
    height: calc(5.2 * var(--value-10));
    outline: var(--value-10) solid var(--color-white);
    z-index: 1;
}

.triggers-list .item .ico-box img{
    width: 100%;
    height: auto;
}

.triggers-list .item .content{
    flex: 1;
    gap: var(--value-12);
}

.triggers-section .img-box{
    max-width: calc(5.2 * var(--value-100));
    position: relative;
}

.triggers-section .img-box .img-wrap{
    overflow: hidden;
    border-radius: var(--value-32);
}

.dop-info{
    box-shadow: 0 var(--value-10) var(--value-24) 0 rgba(54, 58, 44, 0.1);
    background-color: var(--color-white);
    padding: var(--value-20);
    border-radius: var(--value-24);
    width:100%;
    gap: var(--value-12);
    max-width: calc(3.73 * var(--value-100));
}

.dop-info .sale{
    border-radius: var(--value-10);
    padding: var(--value-7) var(--value-10);
    color: var(--color-white);
    background-color: var(--color-green);
}

.dop-info .content{
    flex: 1;
}

.dop-info .content p{
    margin: 0;
}

.dop-info .ico-box{
    width: calc(6.8 * var(--value-10));
    height: calc(6.8 * var(--value-10));
    border-radius: 50%;
    overflow: hidden;
}

.dop-info .ico-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.triggers-section .dop-info{
    position: absolute;
    z-index: 1;
}

.triggers-section .dop-info:nth-child(1){
    bottom: var(--value-60);
    transform: translateX(-50%) rotate(-5deg);
    z-index: 2;
    left: 50%;
    max-width: calc(3.73 * var(--value-100));
}

.triggers-section .dop-info:nth-child(2){
    bottom: calc(-1 * var(--value-30));
    transform: rotate(2deg);
    left: calc(1.31 * var(--value-100));
    max-width: calc(3.22 * var(--value-100));
}

.tabs-block{
    gap: var(--value-40);
}

.tabs-block .tab{
    display: none;
}

.tabs-nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: var(--value-4);
}

.tabs-nav li {
    display: inline-flex;
    gap: var(--value-8);
    padding: var(--value-14) var(--value-20);
    border-radius: var(--value-40);
    cursor: pointer;
    align-items: center;
    background-color: var(--color-grey-2);
    border: var(--value-1) solid var(--color-grey);
    transition: .3s ease-out background-color, .3s ease-out border-color;
    -o-transition: .3s ease-out background-color, .3s ease-out border-color;
    -webkit-transition: .3s ease-out background-color, .3s ease-out border-color;
    -moz-transition: .3s ease-out background-color, .3s ease-out border-color;
    white-space: nowrap;
}

.tabs-nav li.current {
    background-color: var(--color-base);
    cursor: default;
    border-color: var(--color-base);
    color: var(--color-white);
}

.tabs-nav li:not(.current):hover{
    background-color: rgba(223, 229, 207, 1);
}

.tabs-block.destinations .tabs-content{
    margin: 0 calc(-1 * var(--value-4));
}

.owl-carousel .owl-stage {
    display: flex;
}

.steps-list{
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-8);
}

.steps-list .item-step{
    background-color: var(--color-grey-2);
    border: var(--value-1) solid var(--color-grey);
    border-radius: var(--value-32);
    padding: var(--value-40) var(--value-28);
    gap: var(--value-50);
}

.steps-list .item-step .info-box{
    gap: var(--value-12);
}

.steps-list .item-step .clouds-list{
    flex: 1;
}

.cloude-box{
    box-shadow: 0 var(--value-4) var(--value-20) 0 rgba(215, 218, 206, 1);
    padding: var(--value-20) var(--value-24);
    background-color: var(--color-white);
    border-radius: var(--value-24);
    font-size: var(--value-16);
    gap: var(--value-16);
    min-height: calc(1.38 * var(--value-100));
    position: relative;
}

.cloude-box.type-1 .label{
    font-size: var(--value-13);
    font-weight: 600;
}

.cloude-box.type-1 .destin{
    gap: var(--value-4);
}

.cloude-box.type-1 .destin:nth-of-type(1){
    padding-bottom: var(--value-16);
}

.cloude-box.type-1 .destin:nth-of-type(3){
    padding-top: var(--value-16);
    border-top: var(--value-1) solid var(--color-grey-2);
}

.cloude-box.type-1 .change-button{
    border-radius: 50%;
    background-color: var(--color-grey-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--value-14);
    margin: calc(-1 * var(--value-25)) 0;
    width: var(--value-50);
    height: var(--value-50);
    outline: var(--value-8) solid var(--color-white);
    position: relative;
}

.cloude-box.type-1 .change-button img{
    width: 100%;
    height: auto;
}

.cloude-box.type-1 .separator{
    border-top: var(--value-1) solid var(--color-grey-2);
}

.cloude-box .cloude-title{
    font-size: var(--value-20);
    font-weight: 600;
}

.cloude-box .destin{
    gap: var(--value-4);
    align-items: flex-start;
}

.cloude-box .destin .name{
    font-weight: 700;
    padding-top: var(--value-10);
    background-color: var(--color-white);
    display: inline-block;
    position: relative;
}

.cloude-box .destin .name img{
    width: var(--value-18);
    height: var(--value-18);
}

.cloude-box.type-2 .destination-box{
    align-items: flex-start;
    position: relative;
}

.cloude-box.type-2 .destination-box::before{
    content: '';
    width:68%;
    height: var(--value-1);
    background-color: var(--color-grey-2);
    position: absolute;
    top: var(--value-20);
    left: 16%;
}

.cloude-box.type-2 .bage{
    outline: var(--value-6) solid var(--color-white);
    z-index: 1;
}

.cloude-box.type-2 .destin:nth-child(3){
    padding-left: var(--value-6);
    background-color: var(--color-white);
    position: relative;
}

.bage{
    display: inline-flex;
    background-color: rgba(237, 248, 237, 1);
    color: rgba(19, 100, 19, 1);
    align-items: center;
    gap: var(--value-6);
    padding: var(--value-9) var(--value-10);
    border-radius: var(--value-12);
    font-size: var(--value-20);
    line-height: 1;
}

.bage .ico-box img{
    width: var(--value-20);
    height: auto;
}

.cloude-box .bage{
    gap: var(--value-4);
    font-size: var(--value-16);
}

.cloude-box .bage .ico-box img{
    width: var(--value-16);
}

.cloude-box.type-2 .bage{
    border-radius: var(--value-7);
}

.cloude-box.type-2:nth-child(1){
    transform: translateX(var(--value-6)) rotate(2deg);
    margin-bottom: calc(-0.9 * var(--value-100));
}

.cloude-box.type-2:nth-child(2){
    z-index: 2;
    transform: translateX(calc(-1 * var(--value-6)));
}

.cloude-box.type-3 .destination-box{
    gap: var(--value-16);
}

.cloude-box.type-3 .destin{
    padding-bottom: var(--value-16);
    border-bottom: var(--value-1) solid var(--color-grey-2);
}

.cloude-box.type-3 .destin-info{
    gap: var(--value-6);
}

.cloude-box .price-box{
    font-size: var(--value-16);
    font-weight: 700;
    gap: var(--value-8);
    align-items: center;
}

.cloude-box .price-box .old-price{
    font-weight: 400;
    text-decoration: line-through;
    font-size: var(--value-14);
    color: rgba(54, 58, 44, 0.5);
}

.reviews-list{
    overflow: hidden;
    position: relative;
}

.reviews-list .item{
    padding: var(--value-4);
    width: 33.33%;
}

.stars-list{
    display: flex;
    gap: var(--value-2);
    font-size: var(--value-24);
    line-height: 1;
}

.rev-item{
    border: var(--value-1) solid var(--color-grey);
    padding: var(--value-24) var(--value-28) var(--value-30);
    border-radius: var(--value-32);
    gap: var(--value-16);
}

.rev-item .author-box{
    gap: var(--value-16);
}

.rev-item .author-box .img-box{
    width: var(--value-70);
    height: var(--value-70);
    border-radius: 50%;
    overflow: hidden;
}

.rev-item .author-box .img-box img{
    width: 100%;
    height: auto;
}

.rev-item .author-box .author-info{
    flex: 1;
    gap: var(--value-4);
}

.rev-item .author-box .name{
    font-size: var(--value-24);
    font-family: var(--secondary-font-family);
}

.rev-item .destin-info{
    gap: var(--value-8);
}

.reviews-list::before{
    content: '';
    width: 100%;
    height: calc(3 * var(--value-100));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 82.69%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.reviews-list:not(.active){
    max-height: calc(8.5 * var(--value-100))!important;
}

.reviews-list.active::before{
    display: none;
}

div:has(.reviews-list) .show-more.active{
    margin-top: var(--value-20);
}

.hidden-review {
    opacity: 0;
    visibility: hidden;
}

.partners-block{
    color: var(--color-white);
    background-image: var(--partner-block-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--value-60);
    border-radius: var(--value-32);
    position: relative;
    overflow: hidden;
}

.partners-block .title-box{
    max-width: calc(6.4 * var(--value-100));
}

.partners-block::after{
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #55340C 0%, rgba(85, 52, 12, 0.5) 50.48%, rgba(85, 52, 12, 0) 65.87%);
    position: absolute;
    top: 0;
    left: 0;
}

.partners-block .info{
    max-width: calc(6.6 * var(--value-100));
    position: relative;
    z-index: 1;
}

.faq-list{
    gap: var(--value-16);
    margin: 0 auto;
    max-width: calc(8.6 * var(--value-100));
}

.faq-list .item{
    background-color: var(--color-grey-2);
    border: var(--value-1) solid var(--color-grey);
    padding: var(--value-20) var(--value-28) var(--value-36);
    gap: var(--value-16);
    border-radius: var(--value-16);
}

.item-post-destin{
    position: relative;
}

.item-post-destin a{
    color: var(--color-white);
    text-decoration: none;
}

.item-post-destin .img-box{
    border-radius: var(--value-32);
    overflow: hidden;
    position: relative;
}

.item-post-destin .img-box::after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s ease-out opacity;
    -o-transition: .3s ease-out opacity;
    -moz-transition: .3s ease-out opacity;
    -webkit-transition: .3s ease-out opacity;
}

.item-post-destin:hover .img-box::after{
    opacity: 0.5;
}

.item-post-destin .img-box img{
    transition: .3s ease-out transform;
    -o-transition: .3s ease-out transform;
    -moz-transition: .3s ease-out transform;
    -webkit-transition: .3s ease-out transform;
}

.item-post-destin:hover .img-box img{
    transform: scale(1.2);
}

.item-post-destin .info-box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding:  0 var(--value-28) var(--value-40);
    gap: var(--value-12);
    z-index: 1;
}

.item-post-destin .old-price{
    text-decoration: line-through;
    color: rgba(255, 255, 255, 0.6);
}

.item-post-destin .economy-box{
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-white);
    padding: var(--value-8);
    border-bottom-left-radius: var(--value-22);
}

.item-post-destin .economy-box .economy{
    display: inline-flex;
    color: var(--color-white);
    padding: var(--value-12) var(--value-16);
    line-height: 1;
    background-color: var(--color-red);
    border-radius: var(--value-16);
    z-index: 1;
    position: relative;
}

.item-post-destin .economy-box::before,
.item-post-destin .economy-box::after{
    content: '';
    position: absolute;
    border-top: var(--value-10) solid var(--color-white);
    border-right: var(--value-10) solid var(--color-white);
    border-top-right-radius: var(--value-30);
    width: var(--value-60);
    height: var(--value-40);
}

.item-post-destin .economy-box::after{
    transform: translateX(-100%);
    top: calc(-1 * var(--value-10));
    left: var(--value-10);
}

.item-post-destin .economy-box::before{
    top: calc(100% - var(--value-10));
    right: calc(-1 * var(--value-10));
}

.deals-sect{
    overflow-x: hidden;
}

.deals-sect .owl-carousel .owl-stage-outer{
    overflow: initial!important;
}

.deals-sect .tab-nav{
    padding-right: calc(1.5 * var(--value-100));
}

.deals-sect .items-list .item{
    padding: 0 var(--value-4);
}

.destin-list .owl-nav {
    position: absolute;
    display: flex;
    gap: var(--value-14);
    right: var(--value-4);
    top: calc(-1 * var(--value-40));
    transform: translateY(-100%);
}

.owl-nav .owl-prev, 
.owl-nav .owl-next {
    width: calc(5.2 * var(--value-10));
    height: calc(5.2 * var(--value-10));
    border-radius: 50%;
    background-image: url(assets/img/arrows/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: var(--value-24);
    background-position: center;
    background-color: var(--color-grey-2);
    border: 1px solid var(--color-grey);
    cursor: pointer;
    font-size: 0;
    transition: .3s ease-out background-color;
    -o-transition: .3s ease-out background-color;
    -moz-transition: .3s ease-out background-color;
    -webkit-transition: .3s ease-out background-color;
}

.owl-nav .owl-prev {
    transform: scaleX(-1);
}

.owl-nav .owl-prev:not(.disabled):hover, 
.owl-nav .owl-next:not(.disabled):hover{
    background-color: rgba(223, 229, 207, 1);
}

.owl-nav .owl-prev.disabled, 
.owl-nav .owl-next.disabled{
    opacity: 0.5;
    cursor: default!important;
}

.partners-line .partners-list,
.partners-line .partners-list.owl-loaded{
    overflow: hidden;
}

.partners-line .partners-list{
    display: flex;
    z-index: 0;
}

/* Page thanks */
.new-thanks{
    -webkit-tap-highlight-color: transparent;
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100vh;
    --bs-body-line-height: 147%;
    background-color: #F5F5F7; 
    grid-template-rows: auto 1fr;
    font-family: 'Inter', sans-serif;
    color: rgba(10, 29, 61, 1);
    font-size: var(--value-14);
    overflow-x: hidden;
}

.new-thanks .sect {
    padding: var(--value-40) 0;
}

.new-thanks header .columns {
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.new-thanks header{
    border-bottom: var(--value-1) solid rgba(226, 224, 227, 1);
    color: rgba(137, 131, 144, 1);
    position: relative;
    top: initial;
    left: initial;
    padding: var(--value-25) 0;
    font-weight: 400;
    background-color: #F5F5F7;
    font-size: var(--value-14);
}

.new-thanks header a{
    color: rgba(137, 131, 144, 1);
    text-decoration: none;
}

.new-thanks header .logo-box img,
.new-thanks footer .logo-box img{
    filter: invert(1);
    width: calc(var(--value-100) + var(--value-48));
}

.new-thanks header .steps,
.new-thanks header .steps .hidden-steps{
    display: flex;
    justify-content: center;
}

.new-thanks header .steps .item{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 10px;
    margin-right: var(--value-60);
    position: relative;
}

.new-thanks header .steps .item::after{
    content: '';
    width: var(--value-30);
    height: calc(2 * var(--value-1));
    background-color: rgba(226, 224, 227, 1);
    top:50%;
    transform: translateY(-50%);
    right: calc(-1 * ((var(--value-30) + var(--value-15))));
    position: absolute;
}

.new-thanks header .steps .item:last-child{
    margin-right: 0;
}

.new-thanks header .steps .item:last-child::after{
    display: none;
}

.new-thanks header .steps .item .step-info{
    display: block;
}

.new-thanks header .steps .item.current .step-info{
    font-weight: 600;
    color: rgba(10, 29, 61, 1);
}

.new-thanks header .steps .item .number{
    width:var(--value-30);
    height: var(--value-30);
    border: var(--value-1) solid rgba(226, 224, 227, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-thanks header .steps .item.current .number{
    background-color: rgba(0, 174, 250, 1);
    border-color: rgba(0, 174, 250, 1);
    color: #fff;
}

.new-thanks header .steps .item .step-of{
    display: none;
}

.new-thanks footer .logo-box{
    display: none;
}

.new-thanks footer{
    padding: var(--value-25) 0;
    border-top: var(--value-1) solid rgba(226, 224, 227, 1);
    background-color: #F5F5F7;
    color: #8995A0;
}

.new-thanks footer .reg-list,
.new-thanks .sect .info-block{
    max-width: calc(8 * var(--value-100) + var(--value-50));
    margin: 0 auto;
}

.new-thanks footer .reg-list{
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
}

.new-thanks footer .reg-list .reg-item {
    display: grid;
    grid-template-columns: var(--value-30) 1fr;
    grid-gap: var(--value-16);
    align-items: center;
}

.new-thanks footer .reg-list .reg-item img {
    width: var(--value-30);
}

.new-thanks footer .reg-list .reg-item .info span{
    display: block;
}

.new-thanks footer .title{
    display: none;
    color: #000;
}

.new-thanks .info-block{
    background-color: #fff;
    border-radius: var(--value-12);
    padding: var(--value-40);
    text-align: center;
}

.new-thanks .info-block .images-list{
    justify-content: center;
}

.new-thanks .info-block .images-list img{
    width:100%;
    max-width: var(--value-80);
}

.new-thanks .info-block .images-list .item {
    border-radius: 50%;
    overflow: hidden;
    margin-left: calc(-1 * var(--value-10));
}

.new-thanks .searching-block .searching-info{
    font-size: var(--value-20);
    font-weight: 600;
}


.spinner {
    animation: rotator 1.4s linear infinite;
    transform: translateZ(0);
}

@keyframes rotator {
    0% { 
        transform: rotate(0deg); 
    }
    100% { 
        transform: rotate(360deg); 
    }
}

.spinner .path {
    stroke-dasharray: 150;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: rgba(0, 174, 250, 1);
    animation: dash 1.4s ease-in-out infinite;
    will-change: transform;
}
  
@keyframes dash {
    0% { stroke-dashoffset: 150; }
    100% { stroke-dashoffset: -150; }
}

body:has(.page-contacts){
    background-color: var(--color-base);
    color: var(--color-white);
}

.page-contacts .title-box .descr{
    font-size: var(--value-16);
}

.form-box{
    backdrop-filter: blur(100px);
    box-shadow: 0px 8px 16px 0px rgba(39, 42, 31, 1);
    padding: var(--value-24);
    border-radius: var(--value-24);
    color: var(--color-base);
    background-color: var(--color-white);
}

.form-box .input-group{
    display: block;
}

.form-box .input-group label{
    font-size: var(--value-13);
    font-weight: 600;
}

.form-box .input-control{
    font-size: var(--value-16);
    width: 100%;
    border: none;
    padding: 0;
    outline: none;
}

.form-box .input-control.wpcf7-not-valid{
    color: var(--color-red-600);
}

.form-box .input-group .wpcf7-not-valid-tip{
    color: var(--color-white);
    background-color: var(--color-red-600);
    padding: var(--value-6) var(--value-12);
    font-size: var(--value-12);
    border-radius: var(--value-6);
    top: calc(100% + 1.7 * var(--value-10));
    left: 0;
    position: absolute;
    z-index: 1;
}

.form-box .input-group .wpcf7-not-valid-tip::before{
    content: '';
    width: calc(2.2 * var(--value-10));
    height: var(--value-9);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -88%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(assets/img/union.svg);
}

.form-box textarea.input-control{
    padding: var(--value-6) 0;
    resize: none;
    -webkit-appearance: none;
}

.form-box .input-control::placeholder{
    color: rgba(54, 58, 44, 0.7)
}

.form-box .fields-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-40) calc(6.4 * var(--value-10));
}

.form-box .fields-list div:has(textarea){
    grid-column-start: span 3;
}

.form-box form{
    display: flex;
    flex-direction: column;
    gap: var(--value-40);
}

.form-box .fields-list .input-group:nth-child(1)::after,
.form-box .fields-list .input-group:nth-child(2)::after,
.form-box .fields-list .input-group:nth-child(4)::before{
    content: '';
    background-color: rgba(54, 58, 44, 0.16);
    position: absolute;
}

.form-box .fields-list .input-group:nth-child(1)::after,
.form-box .fields-list .input-group:nth-child(2)::after{
    top: 0;
    right: calc(-3.2 * var(--value-10));
    width: var(--value-1);
    height: 100%;
}

.form-box .fields-list .input-group:nth-child(4)::before{
    top: calc(-2 * var(--value-10));
    left: 0;
    width: 100%;
    height: var(--value-1);
}

.form-box .input-group input[type=checkbox]{
    display: none;
}

.form-box .input-group:has(input[type=checkbox]) label{
    font-size: var(--value-12);
    color: rgba(54, 58, 44, 0.7);
    display: flex;
    gap: var(--value-8);
    max-width: calc(5.6 * var(--value-100));
    cursor: pointer;
    font-weight: 400;
}

.form-box .input-group:has(input[type=checkbox]) label a{
    color: rgba(54, 58, 44, 0.7);
    text-underline-offset: var(--value-2);
}
.form-box .input-group:has(input[type=checkbox]) label a:hover{
    text-decoration: none;
}

.form-box .input-group:has(input[type=checkbox]) label::before{
    content: '';
    width: var(--value-24);
    height: var(--value-24);
    border: var(--value-1) solid rgba(54, 58, 44, 0.7);
    border-radius: var(--value-6);
}

.form-box .input-group:has(input:checked) label::before{
    background-color: var(--color-base);
    border-color: var(--color-base);
    background-image: url(assets/img/checked.svg);
    background-size: var(--value-12);
    background-position: center;
    background-repeat: no-repeat;
}

.form-box .input-group:has(input[type=checkbox]) .wpcf7-list-item-label{
    flex: 1;
}

.form-box .wpcf7-list-item{
    margin: 0;
}

body form .iti--allow-dropdown{
    font-size: var(--value-16);
}

body form .iti__flag{
    width: calc(2.3 * var(--value-10));
    height: calc(1.7 * var(--value-10));
}

.form-box .bottom-bar{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: var(--value-20);
    align-items: center;
    justify-content: space-between;
}

.form-box .bt-box{
    position: relative;
}

.form-box .bt-box .btn{
    font-weight: 400;
}

.form-box .wpcf7-spinner{
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: var(--value-10);
}

.form-box .wpcf7 form .wpcf7-response-output,
.form-box .wpcf7 form.invalid .wpcf7-response-output,
.form-box .wpcf7 form.sent .wpcf7-response-output{
    margin: 0;
    padding: var(--value-10) var(--value-16);
    border: none;
    font-size: var(--value-14);
    border-radius: var(--value-10);
}

.form-box .wpcf7 form.invalid .wpcf7-response-output{
    background-color: rgba(183, 37, 37, 0.2);
}

.form-box .wpcf7 form.sent .wpcf7-response-output{
    background-color: rgba(55, 181, 55, 0.2);
}

input:-webkit-autofill,
textarea:-webkit-autofill{
    -webkit-box-shadow: inset 0 0 0 var(--value-50) var(--color-white);
    -webkit-text-fill-color: var(--color-base);
}

.head-box .info-box{
    margin: 0 auto;
    max-width: calc(8.4 * var(--value-100));
}

.protection-plans-page .head-box,
.reviews-page .head-box {
    padding-bottom: 0;
    margin-bottom: var(--value-40);
}

.protection-plans-page .head-box .triggers{
    gap: var(--value-60);
    justify-content: center;
}

.protection-plans-page .head-box .triggers .item{
    gap: var(--value-16);
    font-size: var(--value-16);
    max-width: calc(3.11 * var(--value-100));
    position: relative;
    color: var(--color-grey-2);
}

.protection-plans-page .head-box .triggers .item:not(:last-child)::after{
    content: '';
    width: var(--value-1);
    height: calc(2.6 * var(--value-10));
    right: calc(-1 * var(--value-30));
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-grey-2);
    position: absolute;
}

.protection-plans-page .head-box .triggers .item .value{
    font-size: calc(3.6 * var(--value-10));
    font-family: var(--secondary-font-family);
    line-height: 1;
    color: var(--color-white);
}

.protection-plans-page .head-box .images-items{
    display: flex;
    gap: 0;
    overflow: hidden;
    justify-content: center;
    margin-top: var(--value-80);
}

.protection-plans-page .head-box .images-items .item{
    height: calc(2.42 * var(--value-100));
    border: var(--value-5) solid var(--color-grey-2);
    border-bottom: 0;
    border-top-left-radius: var(--value-30);
    border-top-right-radius: var(--value-30);
    width: calc(2.5 * var(--value-100));
    position: relative;
    overflow:hidden;
}

.protection-plans-page .head-box .images-items .item:nth-child(1){
    transform: rotate(-5deg) translateY(var(--value-80)) translateX(var(--value-30));
}

.protection-plans-page .head-box .images-items .item:nth-child(2){
    transform: rotate(-3deg) translateY(var(--value-40)) translateX(var(--value-20));
    z-index: 1;
}

.protection-plans-page .head-box .images-items .item:nth-child(3){
    z-index: 2;
}

.protection-plans-page .head-box .images-items .item:nth-child(4){
    transform: rotate(3deg) translateY(var(--value-40)) translateX(calc(-1 * var(--value-20)));
    z-index: 1;
}
.protection-plans-page .head-box .images-items .item:nth-child(5){
    transform: rotate(5deg) translateY(var(--value-80)) translateX(calc(-1 * var(--value-30)));
}

.protection-plans-page .head-box .images-items .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.protection-plans-items{
    gap: var(--value-60);
}

.protection-plans-items .item{
    background-color: var(--color-grey-2);
    border-radius: var(--value-32);
    padding: var(--value-40);
    grid-template-columns: calc(6 * var(--value-100)) 1fr;
    gap: var(--value-48) var(--value-40);
    position: relative;
}

.protection-plans-items .item .quote{
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-button-primary);
    border-radius: var(--value-50);
    padding: var(--value-12) var(--value-20);
    transform: rotate(2deg) translate(var(--value-10), -50%);
    white-space: nowrap;
}

.protection-plans-items .item .bottom-box{
    grid-column-start: span 2;
    position: relative;
}

.protection-plans-items .item .bottom-box .img-box{
    overflow: hidden;
    border-radius: var(--value-16);
}

.protection-plans-items .item .bottom-box .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.protection-plans-items .item .content{
    display: flex;
    flex-direction: column;
    gap: var(--value-20);
}

.protection-plans-items .item .dop-content ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--value-16);
    justify-content: flex-end;
    height: 100%;
}

.protection-plans-items .item .dop-content ul li{
    display: grid;
    grid-gap: var(--value-8);
    grid-template-columns: auto 1fr;
}

.protection-plans-items .item .dop-content ul li::before{
    content: '';
    width: var(--value-24);
    height: var(--value-24);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    background-image: url(assets/img/checked.svg);
    background-color: var(--color-base);
    border-radius: 50%;
}

.protection-plans-items .item .bottom-box .dop-info-list{
    position: absolute;
    top: 50%;
    right: var(--value-60);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: var(--value-8);
    width: 100%;
    max-width: calc(4 * var(--value-100));
}

.color-green{
    color: var(--color-green);
}

.protection-plans-items .item .dop-info{
    max-width: 100%;
}

.protection-plans-items .item .dop-info .price{
    margin-bottom: var(--value-26);
}

.dop-info .flight-item{
    gap: var(--value-16);
    display: flex;
    align-items: center;
}

.dop-info .flight-item .item-ico img{
    width: var(--value-30);
}

.dop-info .flight-item .flight-item-cont{
    flex: 1;
}

.dop-info .flight-item.canceled .flight-item-cont{
    text-decoration: line-through;
}

.dop-info .flight-item .bage{
    padding: var(--value-6) var(--value-12);
    border-radius: var(--value-8);
    font-size: inherit;
}

.dop-info .flight-item .bage.canceled{
    padding: 0;
    background-color: transparent;
    color: var(--color-red-600);
}

.rev-item-2{
    padding: calc(2.8 * var(--value-10));
    grid-template-columns: calc(2.2 * var(--value-100)) 1fr;
    grid-gap: var(--value-24);
    border-radius: var(--value-32);
    border: var(--value-1) solid rgba(54, 58, 44, 0.2);
}

.rev-item-2 .img-box{
    overflow: hidden;
    border-radius: var(--value-12);
}

.rev-item-2 .img-box img{
    width: 100%;
}

.rev-item-2 .info-box{
    gap: var(--value-16);
    flex-direction: column;
}

.rev-item-2 .info-box .author p{
    margin: 0
}

.rev-item-2 .body-box{
    gap: var(--value-24);
}

.rev-item-2 .content{
    font-size: var(--value-26);
    font-family: var(--secondary-font-family);
}

.rev-item-2 .bages-list{
    flex-wrap: wrap;
    gap: var(--value-8);
}

.reviws-2-slider-block{
    padding: 0 calc(1.56 * var(--value-100));
    position: relative;
}

.reviews-list-2 .owl-nav .owl-prev, 
.reviews-list-2 .owl-nav .owl-next{
    position: absolute;
    top: 50%;
}

.reviews-list-2 .owl-nav .owl-prev{
    left: calc(-2.4 * var(--value-10));
    transform: translate(-100%, -50%) scaleX(-1);
}

.reviews-list-2 .owl-nav .owl-next{
    right: calc(-2.4 * var(--value-10));
    transform: translate(100%, -50%);
}

.reviews-list-2 .item{
    padding: 0 var(--value-4);
}

.reviews-page .head-box{
    padding-bottom: var(--value-100);
}

.reviews-page .head-box .triggers{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-8);
}

.reviews-page .head-box .triggers .item{
    background-color: var(--color-grey-2);
    padding: calc(1.6 * var(--value-10));
    border-radius: calc(1.6 * var(--value-10));
    gap: var(--value-4);
    color: var(--color-base);
    font-size: calc(1.6 * var(--value-10));
    text-align: left;
}

.reviews-page .head-box .triggers .item .value{
    font-size: calc(3.6 * var(--value-10));
    font-family: var(--secondary-font-family);
    line-height: 1.1;
}

.reviews-page section.reviews .tabs-nav{
    justify-content: center;
}

.reviews-page .reviews-list::before{
    display: none;
}

.reviews-page .reviews-list:not(.active) {
    max-height: initial !important;
}

.reviews-page .banner-section{
    margin: var(--value-80) 0;
}

.banner-section{
    display: grid;
    grid-template-columns: 1fr calc(3.8 * var(--value-100));
    grid-gap: calc(3.8 * var(--value-10));
    background-color: var(--color-grey-2);
    border-radius: calc(3.2 * var(--value-10));
    padding: var(--value-40);
    padding-right: var(--value-30);
    position: relative;
    overflow: hidden;
}

.banner-section .images-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--value-20);
    position: absolute;
    right: var(--value-30);
}

.banner-section .images-list .img-item{
    width: var(--value-80);
    height: var(--value-80);
    border-radius: 50%;
    overflow: hidden;
}


.banner-section .images-list .column {
    display: flex;
    flex-direction: column;
    gap: var(--value-20);
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.banner-section .images-list .scroll-down {
    animation-name: scrollDown;
}

.banner-section .images-list .scroll-up {
    animation-name: scrollUp;
}

@media (max-width: 767.98px) {
    .banner-section .images-list .scroll-down {
        animation-name: scrollLeft;
    }

    .banner-section .images-list .scroll-up {
        animation-name: scrollRight;
    }
}

@keyframes scrollDown {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0%); }
}

@keyframes scrollUp {
  0% { transform: translateY(0%); }
  100% { transform: translateY(-50%); }
}

@keyframes scrollLeft {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

@keyframes scrollRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}



.deals-list .item {
    width: 33%;
}

.about-page .triggers-list::before{
    display: none;
}

.our-story{
    background-color: var(--color-grey-2);
    padding: var(--value-40);
    border-radius: calc(3.2 * var(--value-10));
    position: relative;
}

.our-story .rows{
    gap: var(--value-40);
    max-width: calc(8 * var(--value-100));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.our-story .triggers{
    grid-template-columns: repeat(3, auto);
    grid-gap: var(--value-80);
    justify-content: center;
}

.our-story .triggers .item{
    text-align: center;
    position: relative;
}

.our-story .triggers .item .value {
    font-size: var(--value-50);
    font-family: var(--secondary-font-family);
    line-height: 1.2;
}

.our-story .triggers .item:not(:last-child):after{
    content: '';
    width: 1px;
    height: var(--value-40);
    background-color: var(--color-base);
    opacity: .2;
    position: absolute;
    top: 50%;
    right: calc(-1 * var(--value-40));
    transform: translateY(-50%);
}

.our-story::before,
.our-story::after{
    content: '';
    width: calc(1.78 * var(--value-100));
    height: calc(3.28 * var(--value-100));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(./assets/img/our-story-img.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.our-story::before{
    left: var(--value-20);
    transform: translateY(-50%) scale(-1, 1);
}

.our-story::after{
    right: var(--value-20);
}

.deals-scroll-sect{
    overflow-x: hidden;
    padding: var(--value-30) 0 calc(3.4 * var(--value-10));
    margin-bottom: var(--value-40);
}

.deals-scroll-sect::-webkit-scrollbar{
    -webkit-appearance: none;
    display: none;
    opacity: 0;
    width:0;
    height: 0;
}

.deals-scroll-sect .deals-list{
    display: flex;
    overflow: hidden;
}

.deals-scroll-sect .item{
    flex-shrink: 0;
    padding: 0 var(--value-4);
    width: calc(5.44 * var(--value-100));
    height: calc(2 * var(--value-100));
}

.deals-scroll-sect .item .wrap{
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: calc(3.2 * var(--value-10));
    overflow: hidden;
}

.deals-scroll-sect .item .img-box{
    height: 100%;
}

.deals-scroll-sect .item .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.deals-scroll-sect .item .info-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    transform: translateZ(0);

}

.deals-scroll-sect .item .info-box .text-box{
    z-index: 2;
    padding: calc(2.5 * var(--value-10));
    color: var(--color-white);
    gap: var(--value-10);
    position: relative;
    transform: translateZ(0);
}

.deals-scroll-sect .item .blur-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;

    backdrop-filter: blur(var(--value-10));
    -webkit-backdrop-filter: blur(var(--value-10));

    mask-image: linear-gradient(to bottom, 
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,1) 100% 
    );
    -webkit-mask-image: linear-gradient(to bottom, 
        rgba(0,0,0,0) 0%, 
        rgba(0,0,0,1) 100%
    );

    mask-position: 50% 0%;
    mask-repeat: no-repeat;

    pointer-events: none;
}


.deals-scroll-sect .item .info-item{
    gap: var(--value-8);
    font-size: calc(1.6 * var(--value-10));
    align-items: center;
}

.deals-scroll-sect .item .info-item p{
    display: flex;
    gap: var(--value-4);
    flex-wrap: wrap;
}

.deals-scroll-sect .item .info-item img{
    width:var(--value-20);
    height: var(--value-20);
}

.deals-scroll-sect .item .info-item p img{
    width: var(--value-18);
    height: var(--value-18);
}

.about-page .head-box .info-box {
    max-width: calc(8.3 * var(--value-100));
    gap: var(--value-4);
}

.about-page .head-box .info-box .info-descr{
    font-size: calc(1.6 * var(--value-10));
}

.cloude-box.type-4{
    gap: calc(1.6 * var(--value-10));
}

.cloude-box.type-4 .item{
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: calc(1.2 * var(--value-10));
    align-items: center;
}

.cloude-box.type-4 .item:not(:last-child){
    padding-bottom: calc(1.6 * var(--value-10));
    border-bottom: 1px solid var(--color-grey-2);
}

.cloude-box.type-4 .item img{
    width: var(--value-20);
    height: var(--value-20);
    align-items: center;
}

.cloude-box.type-4 .item .destin .label{
    font-weight: 600;
    font-size: calc(1.3 * var(--value-10));
}

.cloude-box .chat{
    gap: var(--value-20);
}

.cloude-box .chat-item{
    display: flex;
    gap: var(--value-4);
    align-items: flex-end;
}

.cloude-box .chat-item:first-child{
    justify-content: flex-end;
}

.cloude-box .chat-item:last-child{
    justify-content: flex-start;
}

.cloude-box .chat-item .avatar{
    overflow: hidden;
    border-radius: 50%;
    width: calc(3.6 * var(--value-10));
    height: calc(3.6 * var(--value-10));
}

.cloude-box .chat-item .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cloude-box .chat-item .message{
    display: flex;
    flex-direction: column;
    gap: var(--value-4);
}

.cloude-box .chat-item:has(.avatar) .message{
    flex: 1;
}

.cloude-box .chat-item .text-box{
    font-size: calc(1.7 * var(--value-10));
    padding: var(--value-12);
    max-width: calc(2.18 * var(--value-100));
    background-color: var(--color-grey-2);
    border-radius: calc(1.2 * var(--value-10));
    position: relative;
}

.cloude-box .chat-item:last-child .text-box{
   background-color: rgba(243, 243, 243, 1); 
}

.cloude-box .chat-item .name{
    padding-left: calc(1.2 * var(--value-10));
    font-size: calc(1.2 * var(--value-10));
    color: rgba(135, 135, 135, 1);
}

.cloude-box .chat-item:first-child .text-box{
    max-width: calc(2.3 * var(--value-100));
}

.cloude-box .chat-item .text-box::after{
    content: '';
    width: calc(1.3 * var(--value-10));
    height: calc(1.6 * var(--value-10));
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(48%);
    background-image: url(./assets/img/bubble-after.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.cloude-box .chat-item:last-child .text-box::after{
    background-image: url(./assets/img/bubble-after-2.svg);
    transform: scale(-1, 1) translateX(48%);
    right: initial;
    left: 0;
}