@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

/* default */
:root {
    --main-theme-color: #0070ff;
    --white-color: #fff;
    --black-color: #222;
    --main-border: #e9e9e9;
}
body{
    /*font-family: "Inter", sans-serif;*/
    font-family: "IBM Plex Sans", sans-serif;
    color:#222;
    background: #efefef;
}
*{
    transition:0.3s linear;
}
:hover{
    transition:0.3s linear;
}
ul, ol{
    padding: 0;
    list-style: none;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 600;
}
section{
    position: relative;
    margin: auto;
    width: 100%;
    display: flex;
    padding: 60px 0;
    z-index: 3;
    overflow: hidden;
    background: #f6f9ff;
}
a{
    text-decoration: none;
}
button{
    box-shadow: none;
    outline: none;
    border: 0;
}
.container{
        max-width: 1280px;
}

/* main button */
.mainButton{
    color: #fff;
    font-size: 16px;
    padding: 12px 20px;
    font-weight: 700;
    position: relative;
    display: flex;
    width: max-content;
    position: relative;
    z-index: 2;
    background: var(--main-theme-color);
    transition: color .9s ease;
    overflow: hidden;
    border: 2px solid var(--main-theme-color);
    align-items: center;
        flex-direction: row-reverse;
    grid-gap: 10px;
}
.mainButtonTwo{
    background: #fff;
    color: var(--main-theme-color);
    border: 0;
}
.mainButtonTwo:before{
    display: none!important;
}
.mainButton::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    background: #fff;
    left: var(--x);
    top: var(--y);
    transform: translate(-50%, -50%);
    transition:
        width .9s ease,
        height .9s ease;
    z-index: -1;
}
.mainButton:before{
    content:"";
  display: inline-block;
  width: 22px;
  height: 22px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='black' d='m14.707 5.636l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l3.95-3.95H4a1 1 0 1 1 0-2h13.243l-3.95-3.95a1 1 0 1 1 1.414-1.414'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

}
.mainButtonTwo::after{
    background: #3a86e7;
}
.mainButton:hover{
    color: var(--main-theme-color);
}
.mainButtonTwo:hover{
    color: #fff;
}

.mainButton:hover::after{
    width: 500px;
    height: 500px;
}

.mainButtonWhite{
    background: #fff;
    color: var(--main-theme-color);
    border: 2px solid #fff;
}
.mainButtonWhite:hover{
    color: #fff;
}
.mainButtonWhite::after{
    background: var(--main-theme-color);
}

/**/
.viewAll{
    padding: 0;
    background: transparent;
    color: var(--main-theme-color);
    border: 0;
}
.viewAll:hover:after{
    display: none;
}
.viewAllHomeBanner:hover{
    color: #fff;
}
/**/
.paddingForHeader{
    padding-top: 80px;
}

/* others styles */
.sectionHeading{
    padding-bottom: 40px;
}
.sectionHeading h2{
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 0;
    width: 100%;
    max-width: 900px;
}
.sectionHWButton{
        display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
    align-items: center;
    justify-content: space-between;
}

/* header */

header{
    position: fixed;
    width: 100%;
    padding: 10px 0;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
        display: flex;
    align-items: center;
    
    border-bottom: 1px solid #222;
}
.headerWrap{
    display: flex;
    justify-content: space-between;
    grid-gap: 30px;
    align-items: center;
}
.headerLogo img{
    width: 100%;
    height: 60px;
}
.headerLogo a{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #222;
    display: flex;
    align-items: flex-start;
}
.headerLogo a span{
    color: var(--main-theme-color);
    padding-left: 5px;
    font-size: 16px;
    line-height: 16px;
}
.headerMiddle{
        margin-right: auto;
}
.headerNav{
    
}
.headerNav nav{
    
}
.headerNav ul{
        padding: 0;
    list-style: none;
    margin: 0;
    grid-gap: 30px;
    display: flex;
}
.headerNav ul li{
    position: relative;
}
.headerNav ul li a{
        font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}
.headerNav ul li a:hover{
    color: var(--main-theme-color);
} 

/* Dropdown */

.dropdownItem > a{
    display: flex;
    align-items: center;
    gap: 7px;
}
.dropdownItemNapr{
    font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    grid-gap: 3px;
    align-items: center;
}
.dropdownItemNapr:hover{
    color: var(--main-theme-color);
}
.dropdownItemNapr:after{
    content:"";
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dropdownItem > a span{
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #6c757d;
    border-bottom: 1.5px solid #6c757d;
    transform: rotate(45deg);
    margin-top: -3px;
    transition: .2s ease;
}

.dropdownMenu{
    position: absolute;
    top: calc(100% + 2px);
    left: 0;

    min-width: 220px;

    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 6px;

    padding: 8px 0;

    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);

    transition: .15s ease;

    z-index: 1000;
}
.dropdownItem:hover .dropdownItemNapr{
    color: var(--main-theme-color);
}
.dropdownMenu a{
    display: block;
    padding: 10px 16px;
    color: #212529;
    font-size: 15px;
    border-radius: 0;
}

.dropdownMenu a:hover{
    background: #f8f9fa;
    color: #1e2125;
}

.dropdownItem:hover .dropdownMenu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdownItem:hover > a span{
    transform: rotate(225deg);
    margin-top: 2px;
}

.headerLang{
    display: flex;
    grid-gap: 5px;
    background: #eaf2ff;
    padding: 4px;
        border-radius: 5px;
}


.headerLang a{
        color: #222;
    font-size: 12px;
    text-transform: uppercase;
        border-radius: 5px;
    padding: 5px 10px;
    font-weight: 700;
}
.headerLang a:hover{
    color: var(--main-theme-color);
}
.headerLang li a.active{
    background: var(--main-theme-color);
    color: #fff;
    padding: 5px 10px;
}
.headerMobMenu{
    display: flex;
    align-self: center;
    grid-gap: 10px;
    display: none;
}
.headerMobMenu button{
    background: transparent;
    padding: 0;
}
.headerMobMenu button svg{
    width: 40px;
    height: 40px;
}
.headerMWhatsApp{
    color: green;
    display: flex;
    align-self: center;
    border-right: 1px solid #bbbbbb;
    padding-right: 10px;
}
.headerMWhatsApp svg{
    width: 32px;
    height: 32px;
}

/* footer */

footer{
    background: linear-gradient(135deg, #0a1024 0%, #1a2238 100%);
    color: #fff;
    position: relative;
}
footer:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
}
.footerTop{
        padding: 60px 0;
}
.footerTCols{
        display: grid;
    grid-template-columns: repeat(4, 25%);
    margin: 0 -10px;
    grid-gap: 20px 0;
}
.footerTCol{
        margin: 0 10px;
}
.footerLogo{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 44px;
    line-height: 44px;
    color: #fff;
    display: flex;
    align-items: flex-start;
}
.footerLogo span{
        color: var(--main-theme-color);
    padding-left: 5px;
    font-size: 16px;
    line-height: 16px;
}
.footerLogoDes{
    color: #fffffff0;
    font-size: 14px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 30px;
}
.footerBottom{
    padding: 20px;
    position: relative;
}
.footerBottom:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, .06);
    transform: translateX(-50%);
}

.footerBCopyright{
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 30px;
        align-items: center;
}
.footerBCopyright p{
    margin: 0;
}
.footerBCopyright p span{
    color: #fffffff0;
}
.footerBPolicy{
    color: #fffffff0;
}
.footerH4{
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
}
/*.footerH4:after{
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    background: linear-gradient(-90deg, #ffffff00 50%, var(--main-theme-color) 100%, rgba(237, 221, 83, 0) 0%);
    transform: translateX(-50%);
    
}*/
.footerList{
        display: grid;
    grid-gap: 5px 0;
    padding-left: 10px;
}
.footerList li{
    display: flex;
    align-items: center;
    grid-gap: 12px;
}

.footerList li a{
    color: #fffffff0;
    font-size: 16px;
    width: 100%;
}
.footerList li:hover{
    padding-left: 10px;
}
.footerList li:hover a{
    color: #fff;
}
.footerContacts{
        display: grid;
    grid-gap: 15px 0;
    padding-right: 10px;
}
.footerContacts a{
        color: #fffffff0;
    font-size: 16px;
    display: flex;
    align-items: center;
    grid-gap: 7px;
}
.footerContacts span{
    color: var(--main-theme-color);
    background: rgba(255,255,255,.06);
    padding: 10px;
    border-radius: 50%;
}
.footerContacts span svg{
    width: 22px;
    height: 22px;
}
.footerContacts a:hover{
    color: #fff;
}

.footerSocial{
        padding-top: 20px;
    display: flex;
}
.footerSocial ul{
        display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
}
.footerSocial a{
    background: rgba(255, 255, 255, .06);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}
.footerSocial a svg{
    width: 26px;
    height: 26px;
}
.footerSocial a:hover{
    background: var(--main-theme-color);
    
}
.footerContactsBottom{
        display: flex;
    grid-gap: 5px;
    padding-top: 20px;
}
.footerContactsBottomBlocks{
     display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
    align-items: center;
}
.footerContactsBottomBlocks div{
    color: #fffffff0;
    font-size: 14px;
}
.footerContactsBottom div:last-child span{
    background: rgba(255, 255, 255, .06);
    padding: 3px 10px;
    font-size: 14px;
    color: #fffffff0;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .1);
}

.pFooterMarquee {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: 18px 0;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.pFooterMarqueeTrack {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: pMarquee 45s linear infinite;
}
.pFooterMarqueeTrack span {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    color: rgba(255, 255, 255, .55);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}
.pFooterMarqueeTrack span svg {
    width: 18px;
    height: 18px;
    color: var(--main-theme-color);
    flex-shrink: 0;
}
@keyframes pMarquee{
    0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}

/* slider navigation */

.swiperMyAllNavigation{
    display: flex;
    grid-gap: 30px;
    padding-top: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-50%);
    width: 100%;
        justify-content: space-between;
    padding: 0 20px;
}
.swiperMyNext{
        background: #e5e6e7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
        padding: 5px;
}
.swiperMyNext:after{
    content:"";
  display: inline-block;
      width: 40px;
    height: 40px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.swiperMyNext:hover{
    background: #e1e1e1;
}
.swiperMyPrev{
        background: #e5e6e7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
        padding: 5px;
}
.swiperMyPrev:after{
    content:"";
    display: inline-block;
    width: 40px;
    height: 40px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transform: rotate(180deg);
}
.swiperMyPrev:hover{
    background: #e1e1e1;
}


/* home banner */
.homeBanner{
    background: url(/assets/img/homeBanner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    /*min-height: 85vh;*/
    display: flex;
    align-items: center;
        padding-bottom: 350px;
        padding-top: 100px;
}
.homeBanner:after{
    content: "";
    position: absolute;
    z-index: 1;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.75;
}

.otherPagesBanner{
    background: url(/assets/img/opb.jpg) no-repeat;
    background-size: cover;
    background-position: center;
        padding: 60px 0;
    min-height: auto;
}

.homeBContent{
    position: relative;
    z-index: 10;
}
.homeBContent h1{
    color: #fff;
    font-size: 56px;
    width: 100%;
    max-width: 900px;
    line-height: 56px;
    margin-bottom: 30px;
    font-weight: 600;
}
.homeBContent p{
    color: #fffffff0;
    font-size: 24px;
    width: 100%;
    max-width: 700px;
    margin-bottom: 60px;
}
.homeBCBtns{
        display: flex;
    grid-gap: 20px 30px;
    flex-wrap: wrap;
}

/* home direction */

.homeDirection{
    margin-top: -300px;
    padding-bottom: 0;
    background: transparent;
}
.homeDirection .container{
    max-width: 100%;
    padding-right: 0;
}
  
.homeDTop{
    display: flex;
    grid-gap: 30px;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding-right: 12px;
    max-width: 1280px;
    padding: 0 12px;
    padding-bottom: 30px;
}
.homeDTop h3{
        color: #fff;
    font-size: 28px;
    margin: 0;
}
.homeDTop a{
        font-size: 20px;
}
.homeDCard{
    display: grid;
    width: 100%;
    background: #fff;
    color: #fff;
    height: 100%;
    padding: 40px;
}
.homeDCTop{
        display: flex;
    grid-gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.homeDCTop h4{
    color: #222;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
.homeDCTop img{
    width: 40px;
    height: 30px;
    object-fit: cover;
}
.homeDCMiddle{
        color: #5b6478;
        font-weight: 500;
}
.homeDCCar{
    
}
.homeDCCar img{
    width: 100%;
}
.homeDCMeta{
        display: grid;
    grid-template-columns: repeat(3, 33.3%);
    margin: 0 -5px;
    padding-bottom: 30px;
}
.homeDCMBlock{
    margin: 0 5px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    font-size: 18px;
}
.homeDCMBlock svg{
        color: #222;
    width: 22px;
    height: 22px;
}
.homeDCMBlock span{
        color: #5b6478;
}
.homeDCAction{
        display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.homeDCAction .mainButton:before{
    display: none!important;
}
.homeDCAPrice{
        color: #222;
    font-size: 26px;
    font-weight: 700;
}
.homeDCAPrice span{
    font-size: 14px;
     color: #5b6478;
     font-weight: 400;
}
.homeDCAction .mainButton{
    padding: 8px 16px;
    font-size: 16px;
}

/* home categories */
.homeDCategories{
  background: transparent;
}
.homeDCAll{
        display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 30px;
}
.homeDCAll div{
        font-weight: 600;
    font-size: 22px;
}
.homeDCats{
        display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
        justify-content: flex-start;
        border: 0;
}
/*.homeDCats a{
        background: var(--main-border);
    padding: 8px 20px;
    color: #222;
    
    display: flex;
}
.homeDCats a:hover{
    background: var(--main-theme-color);
    color: #fff;
}*/
.homeDCats li{
    
}
.homeDCats button{
    background: #ffffff !important;
    padding: 8px 20px !important;
    color: #222 !important;
    display: flex !important;
    border-radius: 0 !important;
    border: 1px solid var(--main-border) !important;
}
.homeDCats button:hover{
    border: 1px solid var(--main-theme-color) !important;
    color: var(--main-theme-color)!important;
}
.homeDCats button.active{
    border: 1px solid var(--main-theme-color) !important;
    color: var(--main-theme-color)!important;
}

/* home adv */
.homeAdv{
    background: url(/assets/img/fsq.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.homeAdvBack{
    padding: 40px;
    color: #fff;
}
.homeAAll{
    display: flex;
    width: 100%;
    grid-gap: 80px;
}
.homeALeft{
    width: 40%;
    grid-gap: 30px;
    display: grid;
}
.homeALGroup{
        display: flex;
    grid-gap: 30px;
    align-items: center;
}
.homeALGroup svg{
    width: 36px;
    height: 36px;
    color: var(--main-theme-color);
}
.homeALGroup h6{
        font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.homeALGroup p{
    color: #fffffff0;
}
.homeARight{
    width: 60%;
}
.homeARGroup{
    margin: 0 -10px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 20px 0;
    
}
.homeARGLeft{
    margin: 0 10px;
    padding: 40px 0;
    
}
.homeARGLeft img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    
}
.homeARGLeft p{
    margin-top: 20px;
}
.homeARGRight{
    margin: 0 10px;
}
.homeARGRight img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* home steps */
.swiperMyPag{
    
}
.homeStepsTop{
    display: flex;
    grid-gap: 30px;
    align-items: center;
    padding-bottom: 60px;
    justify-content: space-between;
}
.homeStepsTop h2{
    width: 100%;
    max-width: 400px;
    margin: 0;
    font-size: 60px;
    font-weight: 700;
}
.homeStepsTop div{
width: 40%;
    display: grid;
    grid-gap: 30px;
}
.homeStepsTop div p{
    margin: 0;
    font-size: 16px;
}
.homeStepsTop div button{
    
}

.swiper-wrapper{
        height: auto;
}
.swiper-slide{
        height: auto;
}

.homeStepSlide{
    color: #222;
    display: flex;
    grid-gap: 80px;
    padding: 40px;
    background: #fff;
    border: 1px solid var(--main-border);
    height: 100%;
}
.homeSSLeft{
    width: 100%;
    display: grid;
    grid-gap: 10px;
    position: relative;
    align-content: space-around;
    height: fit-content;
}
.homeSSLeft div{
    display: grid;
    order: 1;
}
.homeSSLeft div h6{
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}
.homeSSLeft div p{
        font-size: 16px;
    color: #5b6478;
}
.homeSSLeft span{
    font-size: 40px;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
    -webkit-text-stroke: 2px #222;
    line-height: 40px;
    opacity: 0.2;
    width: 100%;
    text-align: left;
    order: 0;
        margin-bottom: 20px;
}
.homeSSRight{
    width: 60%;
}
.homeSSRight img{
    width:100%;
}
/* .homeSteps{
    display: grid;
}
.homeSBlock{
    position: relative;
    width: 100%;
    display: flex;
    grid-gap: 30px;
    border-top: 1px solid #bbb6b6;
    padding: 20px 0;
    align-items: center;
}
.homeSBlock:last-child{
    border-bottom: 1px solid #bbb6b6;
}
.homeSBlock > span{
    font-size: 30px;
    color: #5b6478;
}
.homeSBContent{
    
}
.homeSBContent h6{
color: #222;
    font-size: 24px;
    font-weight: 700;
}
.homeSBContent p{
    color: #5b6478;
}
.homeSBLines{
        display: flex;
    grid-gap: 8px;
    margin-left: auto;
}
.homeSBLines span{
        transform: skewX(-10deg);
    width: 2px;
    height: 16px;
    background: #b3b3b3;
    display: block;
    transition: all 0.3s;
}
.homeSBLines span.open {
    background: #222;
        height: 24px;
}*/

/* home map */
.homeMap{
    background: #f6f9ff;
}
.homeSectionMap{
        width: 100%;
    height: 600px;
}

/* home faq */

.homeServAccordion .accordion-item {
    border: 0;
    border-top: 1px solid #bbbbbb;
    border-radius: 0;
    background: transparent!important;
}
.homeServAccordion p{
    color: #5b6478;
}
.homeServAccordion h2 button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #222 !important;
    font-weight: 700;
    font-size: 20px;
    padding: 30px 0;
    display: flex;
    grid-gap: 30px;
}
.homeServArrow {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-width='1.5' d='M5.75 12.75v5.5h5.5m1.5-12.5h5.5v5.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color: #b3b3b3;
    font-weight: 400;
}
.homeServAccordion .accordion-body {
    padding: 0 !important;
    padding-bottom: 20px !important;
}
.homeServAccordion .accordion-item:last-child{
    border-bottom: 1px solid var(--main-border);
}

/* home blog */
.homeBlogBack{
    
}
.homeBlog{
    margin: 0 -15px;
    display: flex;
    grid-gap: 20px 0;
}
.homeBOthers{
    margin: 0 15px;
    width: 40%;
    display: grid;
    grid-gap: 30px 0;
    align-content: flex-start;
}
.homeBCard{
    background: #fff;
    display: grid;
    grid-gap: 30px;
    margin: 0 15px;
    border: 1px solid var(--main-border);
    width: 60%;
}
.homeBOthers .homeBCard{
    display: flex;
    grid-gap: 30px;
    width: 100%;
    margin: 0;
    height: fit-content;
}

.homeBCPhoto{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.homeBCPhoto a{
    height: 100%;
}
.homeBCard:hover .homeBCPhoto img{
    transform: scale(1.1);
} 
.homeBOthers .homeBCPhoto{
    width: 48%;
}
.homeBCPhoto img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.homeBCPCat{
    background: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    color: var(--main-theme-color);
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 10;
}

.homeBCContent{
        padding: 0 20px 20px 20px;
}
.homeBCContent h4{
    margin: 0;
}
.homeBOthers .homeBCContent{
    width: 52%;
    display: grid;
    align-items: center;
    align-content: center;
        padding: 20px;
    padding-left: 0;
}
.homeBCMeta{
    position: relative;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 10px;
    color: #5b6478;
}
.homeBMetaC{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-width='1.5' d='M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M7 4V2.5M17 4V2.5M2.5 9h19'/%3E%3Cpath fill='black' d='M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color: #5b6478;
    font-weight: 400;
}
.homeBMetaT{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12'/%3E%3Cpath stroke='black' stroke-linecap='square' stroke-width='2' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12Z'/%3E%3Cpath stroke='black' stroke-linecap='square' stroke-width='2' d='M12 6.5V12l3 3'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color: #5b6478;
    font-weight: 400;
}
.homeBDot{
        width: 4px;
    height: 4px;
    background: #5b6478;
    border-radius: 50%;
}
/*.homeBCMeta:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M5.673 0a.7.7 0 0 1 .7.7v1.309h7.517v-1.3a.7.7 0 0 1 1.4 0v1.3H18a2 2 0 0 1 2 1.999v13.993A2 2 0 0 1 18 20H2a2 2 0 0 1-2-1.999V4.008a2 2 0 0 1 2-1.999h2.973V.699a.7.7 0 0 1 .7-.699M1.4 7.742v10.259a.6.6 0 0 0 .6.6h16a.6.6 0 0 0 .6-.6V7.756zm5.267 6.877v1.666H5v-1.666zm4.166 0v1.666H9.167v-1.666zm4.167 0v1.666h-1.667v-1.666zm-8.333-3.977v1.666H5v-1.666zm4.166 0v1.666H9.167v-1.666zm4.167 0v1.666h-1.667v-1.666zM4.973 3.408H2a.6.6 0 0 0-.6.6v2.335l17.2.014V4.008a.6.6 0 0 0-.6-.6h-2.71v.929a.7.7 0 0 1-1.4 0v-.929H6.373v.92a.7.7 0 0 1-1.4 0z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color: var(--main-theme-color);
    font-weight: 400;
}*/
.homeBCContent h4 a{
        font-weight: 700;
    font-size: 20px;
    color: #222;
}
.homeBCContent h4 a:hover{
    color: var(--main-theme-color);
}
.homeBCardMain h4 a{
    font-size: 30px;
}
.homeBCardMain h4{
    margin-bottom: 10px;
}
.homeBCardMain p{
    color: #5b6478;
}
.homeBLink{
    font-weight: 700;
    color: #222;
    font-size: 14px;
    padding-top: 20px;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    color: var(--main-theme-color);
}
.homeBLink:after{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='black' d='m14.707 5.636l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l3.95-3.95H4a1 1 0 1 1 0-2h13.243l-3.95-3.95a1 1 0 1 1 1.414-1.414'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.homeBLink:hover{
    padding-left: 10px;
}

/**/

.routeSection {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 30px;
    /*height: 700px;*/
}

.routeSidebar {
    background: #ffffff;
    border: 1px solid var(--main-border);
    padding: 24px;
    /*box-shadow: 0 10px 30px rgba(0,0,0,.08);*/
    overflow-y: auto;
}

.routeSidebar h2 {
    font-size: 20px;
}
.routeSidebar .sectionHeading{
    padding: 0;
    padding-bottom: 20px;
}

.inputGroup {
    margin-bottom: 18px;
}

.inputGroup label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: #222;
}

.inputGroup input {
    width: 100%;
    height: 56px;
    padding: 0 18px;
    font-size: 16px;
    position: relative;
    background: #f3f3f3;
    border: 0;
}

#buildRoute {
    width: 100%;
    text-align: center;
    justify-content: center;
}
#buildRoute:before{
    display: none;
}

.routeInfo {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.routeCard {
    background: #f3f3f3;
    padding: 15px;
}

.routeCard span {
    display: block;
    margin-bottom: 8px;
    color: #666;
}

.routeCard strong {
    font-size: 24px;
    color: #222;
}

#map{
    width:100%;
    /*height:700px;*/
}
.inputGroupA{
    display: grid;
    grid-gap: 20px;
}
.inputGroupAfter{
    margin: 0;
    position: relative;
}
.inputGroupAfter input{
    padding-left: 40px;
    border: 2px solid #f3f3f3;
    border-radius: 0;
}
.inputGroupAfter input:focus, .inputGroupAfter input:focus-visible{
    border: 2px solid #222;
    border-radius: 0;
}
.inputGroupAfter1:after{
    content: "";
    width: 20px;
    height: 20px;
    border: 5px solid #222;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.inputGroupAfter2:after{
    content: "";
    width: 20px;
    height: 20px;
    border: 5px solid #222;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

/* breadcrumb */

.breadcrumb{
        background: var(--main-border);
}
.breadcrumbUl{
        width: 100%;
    padding: 20px 0;
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.breadcrumbUl li{
    font-size: 18px;
    color: #222;
    font-weight: 700;
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.breadcrumbUl li a{
    font-size: 18px;
    color: #222;
    font-weight: 700;
}
.breadcrumbUl li.breadcrumbLast{
    color: var(--main-theme-color);
}
.breadcrumbUl li:after{
    content:"";
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 13v-2h16.172l-3.95-3.95l1.414-1.414L22 12l-6.364 6.364l-1.414-1.414l3.95-3.95z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.breadcrumbUl li.breadcrumbLast:after{
    display: none;
}

/* table price */

.tablePrice {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(12px);
    border: 1px solid rgb(0 0 0 / 23%);
    color: #fff;
    font-family: inherit;
}

.tablePrice thead {
    background: var(--main-theme-color);
}

.tablePrice thead th {
    padding: 18px 24px;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.tablePrice thead th div{
        display: flex;
    align-items: center;
    grid-gap: 0 5px;
}

.tablePrice tbody tr {
    transition: 0.25s ease;
        border-bottom: 1px solid rgb(0 0 0 / 23%);
}

.tablePrice tbody tr:last-child {
    border-bottom: none;
}
.tablePrice tbody tr:nth-child(even){
    background: #eaf2ff;
}

.tablePrice tbody td {
    padding: 18px 24px;
    font-size: 16px;
    color: #222;
}

.tablePrice tbody td strong {
    font-weight: 700;
}

/*.tablePrice tbody td:last-child {
    font-size: 18px;
    font-weight: 700;
    color: var(--main-theme-color);
}

.tablePrice tbody td:last-child strong:last-child {
    margin-left: 3px;
    font-size: 15px;
    opacity: 0.8;
}*/

/* Mobile */
@media (max-width: 768px) {
    .tablePrice thead th,
    .tablePrice tbody td {
        padding: 14px 16px;
    }

    .tablePrice thead th {
        font-size: 13px;
    }

    .tablePrice tbody td {
        font-size: 14px;
    }

    .tablePrice tbody td:last-child {
        font-size: 16px;
    }
}

.tablePrice thead th div span:before{
    content:"";
  display: inline-block;
    width: 26px;
    height: 26px;
  
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

}

.tablePriceFrom:before{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");
}
.tablePriceTo:before{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='10.5' height='10.5' x='2.75' y='2.75' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}
.tablePriceDistance{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.975 8.975a3.5 3.5 0 1 0-4.95 0L7.5 11.45zM7.5 14.278L3.61 10.39a5.5 5.5 0 1 1 7.78 0zM7.5 8a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m9 12.45l2.475-2.475a3.5 3.5 0 1 0-4.95 0zm3.89-1.06l-3.89 3.888l-3.89-3.889a5.5 5.5 0 1 1 7.78 0M16.5 17a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
}
.tablePriceTime{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='black' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");
}
.tablePricePrice:before{
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m16.137 4.728l1.83 1.83C20.656 9.248 22 10.592 22 12.262c0 1.671-1.344 3.015-4.033 5.704c-2.69 2.69-4.034 4.034-5.705 4.034c-1.67 0-3.015-1.344-5.704-4.033l-1.83-1.83c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688 1.233-3.302s1.51-.82 3.302-1.233l1.228-.284c2.13-.491 3.194-.737 4.197-.45c1.003.288 1.775 1.061 3.32 2.606m-4.99 9.6c-.673-.672-.668-1.638-.265-2.403a.75.75 0 0 1 1.04-1.046c.34-.18.713-.276 1.085-.272a.75.75 0 0 1-.014 1.5a.88.88 0 0 0-.609.277c-.387.387-.286.775-.177.884c.11.109.497.21.884-.177c.784-.784 2.138-1.044 3.005-.177c.673.673.668 1.639.265 2.404a.75.75 0 0 1-1.04 1.045a2.2 2.2 0 0 1-1.472.232a.75.75 0 1 1 .302-1.47c.177.037.463-.021.708-.266c.387-.388.286-.775.177-.884c-.11-.109-.497-.21-.884.177c-.784.784-2.138 1.044-3.005.176m-1.126-4.035a2 2 0 1 0-2.829-2.828a2 2 0 0 0 2.829 2.828' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* home adv 2*/

.homeAdv2{
        display: grid;
    grid-gap: 30px;
}
.homeA2Top{
    display: flex;
    grid-gap: 30px;
}
.homeA2TMain{
    border: 1px solid var(--main-border);
    padding: 40px;
    position: relative;
    background: linear-gradient(135deg, #0a1024 0%, #1a2238 100%);
    width: 60%;
}
.homeA2TMain:before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse at center, #000 30%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 70%);
}
.homeA2TMain:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 85% 15%, rgba(0, 112, 255, .5), transparent 50%), radial-gradient(circle at 15% 95%, rgba(61, 142, 255, .35), transparent 50%);
    animation: pMeshShift 18s ease-in-out infinite;
}
.homeA2TMainCircle{
    z-index: 5;
    position: relative;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.homeA2TMainCircle:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3aff8a;
    display: inline-block;
}
.homeA2TMain h2{
        color: #fff;
    font-size: 36px;
    font-weight: 700;
    z-index: 5;
    position: relative;
    margin: 20px 0;
}
.homeA2TMain p{
        color: #fffffff0;
    width: 100%;
    max-width: 500px;
}
.homeA2TMCols{
    display: grid;
    grid-template-columns: repeat(3, 33.3%);
    margin: 0 -10px;
    z-index: 5;
    position: relative;
    padding-top: 20px;
    margin-top: 80px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.homeA2TMCols div{
    display: grid;
    justify-content: center;
}
.homeA2TMCols div span:first-child{
        color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}
.homeA2TMCols div span:last-child{
        color: #fffffff0;
    font-size: 14px;
}
.homeA2TOthers{
    grid-gap: 30px;
    display: grid;
    width: 40%;
}
.homeA2TOBlock{
    border: 1px solid var(--main-border);
    padding: 40px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(10, 16, 36, .04), 0 4px 12px rgba(10, 16, 36, .04);
}
.homeA2TOBlock span{
    color: var(--main-theme-color);
    font-size: 18px;
    width: 100%;
    display: flex;
    justify-content: end;
    opacity: .42;
}
.homeA2TOBlock h6{
        font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.homeA2TOBlock p{
    margin: 0;
    color: #5b6478;
}
.homeA2Bottom{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 20px 0;
    margin: 0 -15px;
    width: 100%;
    max-width: 80%;
}
.homeA2Bottom .homeA2TOBlock{
    margin: 0 15px;
}

/* home flow */

.homeFlow{
    background: linear-gradient(135deg, #0a1024 0%, #1a2238 100%);
    display: flex;
    grid-gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    padding: 80px;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.homeFlow::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    pointer-events: none;
    background: radial-gradient(closest-side, rgba(0, 112, 255, .5), transparent);
}
.homeFlow::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 500px;
    height: 500px;
    pointer-events: none;
    background: radial-gradient(closest-side, rgba(61, 142, 255, .3), transparent);
    animation: pMeshShift 14s ease-in-out infinite reverse;
}
.homeFLeft{
    display: grid;
    grid-gap: 10px;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 480px;
}
.homeFLeft h4{
    color: #fff;
    margin: 0;
    font-size: 48px;
    font-weight: 700;
}
.homeFLeft p{
    margin: 0;
    color: #fffffff0;
    font-weight: 700;
}
.homeFRight{
    position: relative;
    z-index: 10;
}
.homeFRight a{
    
}

/* mobile menu */

.mobileWindow{
position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    max-width: 350px;
    height: 100%;
    z-index: 12999;
    background: #fff;
    border-right: 1px solid #222;
    padding: 20px;
    display: grid;
    grid-gap: 20px;
    align-items: flex-start;
    align-content: flex-start;
        transform: translateX(-400px);
    transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
}
.mobileWindowOpen{
    transform: translateX(0);
}
.mobileWindowBack{
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 12000;
    opacity: 0;
    visibility: hidden;
}
.mobileWindowOpen + .mobileWindowBack {
    opacity: 0.6;
    visibility: visible;
}
.mWClose{
    position: absolute;
    top: 20px;
    right: 20px;
    color: #222;
}
.mWClose svg{
    width: 32px;
    height: 32px;
}
.mWLan{
    display: grid;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
    margin-top: 10px;
    grid-gap: 10px;
}
.mWLan span{
    font-weight: 600;
    font-size: 14px;
}
.headerLang2{
        display: flex;
    grid-gap: 5px;
    background: #eaf2ff;
    padding: 8px;
    border-radius: 5px;
        width: max-content;
}
.headerLang2 li a.active {
    background: var(--main-theme-color);
    color: #fff;
}
.headerLang2 a {
color: #222;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 7px 14px;
    font-weight: 700;
    display: flex;
}
.headerLang2 a:hover {
    color: var(--main-theme-color);
}
.mWLogo{
        border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.mWNav{
    
}
.mobNav{
    
}
.mobNav ul{
    padding: 0;
    list-style: none;
    margin: 0;
    grid-gap: 10px;
    display: grid;
}
.mobNav a{
        font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}
.mobMenuAcc{
        font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}
.mobMenuAccOpen{
        display: flex;
    align-items: center;
    grid-gap: 10px;
    justify-content: space-between;
}
.mobMenuAccOpen:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.mobMenuAccOpen.open:after {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E");
}
.mobMenuAccContent{
    display: grid;
    grid-gap: 10px;
    padding-left: 20px;
    padding-top: 10px;
    display: none;
}
.mobMenuAccContent a{
    display: flex;
    grid-gap: 5px;
    align-items: center;
}
.mobMenuAccContent a:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m10 17l5-5l-5-5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mobMenuAccOpen.open + .mobMenuAccContent{
    display: grid;
}
.mobNav a:hover {
    color: var(--main-theme-color);
}

/**/

/* media  */

@media (max-width: 1199px) {
    .headerMiddle, .headerAction{
        display: none;
    }
    .headerMobMenu{
        display: flex;
    }
}

@media (max-width: 991px) {
    .mainButton::after{
        display: none;
    }
    .mainButton:hover{
        background: #fff;
    }
    .mainButtonTwo:hover{
        background: var(--main-theme-color);
    }
    .mainButtonWhite:hover{
        background: var(--main-theme-color);
    }
    .footerTCols{
        grid-template-columns: repeat(2, 50%);
    }
    .homeBContent h1{
            font-size: 44px;
            line-height: 44px;
            max-width: 800px;
    }
    .homeBContent p{
        font-size: 20px;
    }
    .mainButton::after{
        transform: translate(20px, 0);
    }
        .mainButton:hover::after {
        width: 100%;
        height: 100%;
        transform: translate(20px, 0);
    }
    .homeFlow{
        padding: 40px;
    }
    .homeDCard{
        padding: 15px;
    }
    .homeDCMBlock{
        font-size: 16px;
    }
    .homeDCTop h4{
        font-size: 16px;
    }
    .homeDCMiddle{
        font-size: 14px;
    }
    .homeDCAPrice{
        font-size: 20px;
    }
    .homeDCAction .mainButton{
        font-size: 14px;
    }
    .homeDCAction {
        grid-gap: 10px 5px;
    }
    .homeDCAll div{
        font-size: 20px;
    }
    .sectionHeading h2, .homeStepsTop h2{
        font-size: 32px!important;
    }
    .homeStepsTop h2{
        font-size: 48px;
    }
    .homeServAccordion h2 button{
        font-size: 18px;
    }
    .homeBOthers, .homeBCard{
        width: 50%;
    }
    /**/
    .homeA2TMain, .homeA2TOBlock, .homeStepSlide{
        padding: 20px;
    }
    .homeDCats, .homeA2Top, .homeA2TOthers, .homeAdv2, .homeStepsTop, .homeBOthers .homeBCard, .homeBOthers{
        grid-gap: 20px;
    }
    .routeSection{
        gap:20px;
    }
    .homeA2Bottom, .homeBlog{
        margin: 0 -10px;
    }
    .homeA2Bottom .homeA2TOBlock, .homeBCard, .homeBOthers{
        margin: 0 10px;
    }
    /**/
    .routeSection{
        grid-template-columns: 300px 1fr;
    }
    .routeCard strong{
        font-size: 20px;
    }
    section, .footerTop{
        padding: 40px 0;
    }
}
@media (max-width: 767px) {
    .homeBContent h1{
            font-size: 44px;
            max-width: 800px;
    }
    .homeBContent p{
        font-size: 20px;
    }
    .mainButton::after{
        transform: translate(20px, 0);
    }
    .mainButton:hover::after {
        width: 100%;
        height: 100%;
        transform: translate(20px, 0);
    }
    .homeFlow{
        padding: 40px;
    }
    
    .homeDTop h3{
            font-size: 24px;
    }
    .homeDTop a {
        font-size: 18px;
    }
    .homeBanner{
        min-height: initial;
    }
    .homeDCAll{
        display: grid;
        grid-gap: 10px;
    }
    .routeSection{
                display: grid;
        grid-template-columns: initial;
    }
    #map{
        height: 300px;
    }
    .sectionHeading h2{
        font-size: 28px;
    }
    section, .footerTop{
        padding: 30px 0;
    }
    .homeA2Top{
        display: grid;
    }
    .homeA2TMain, .homeA2TOthers{
        width: 100%;
    }
    .homeA2Bottom{
        width: 100%;
        margin: 0;
        display: grid;
        grid-template-columns: initial;
        max-width: 100%;
    }
    .homeA2TOBlock{
        margin: 0!important;
    }
    .homeStepsTop{
        display: grid;
    }
    .homeStepsTop h2{
        max-width: 100%;
    }
    .homeStepsTop div{
        width: 100%;
        grid-gap: 20px;
    }
    .homeFlow{
        padding: 40px 20px;
    }
    .homeFLeft h4{
        font-size: 32px;
    }
    .homeServAccordion h2 button{
        font-size: 16px;
    }
    .sectionHWButton, .footerBCopyright{
        grid-gap: 20px;
    }
    .homeBlog{
        display: grid;
    }
    .homeBOthers, .homeBCard{
        width: 100%;
        margin: 0;
    }
    .homeA2Bottom, .homeBlog{
        margin: 0;
    }
}

@media (max-width: 575px){
    .mainButton{
        font-size: 14px;
    }
    .homeBCBtns{
        grid-gap: 20px!important;
    }
    .homeDCAction .mainButton{
        font-size: 12px;
    }
        .footerTCols {
        grid-template-columns: repeat(1, 100%);
    }
    .homeBCContent h4 a{
        font-size: 18px;
    }
    .homeBContent h1{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .homeBanner{
        padding-top: 90px;
    }
    .homeBContent p{
        margin-bottom: 30px;
    }
    .homeDTop{
        grid-gap: 10px;
        padding: 0;
        padding-bottom: 20px;
        padding-right: 12px;
    }
    .homeDTop h3{
        font-size: 18px;
    }
    .homeDTop a{
        font-size: 14px;
    }
    .viewAllHomeBanner:before{
        display: none;
    }
    .homeDCMBlock svg{
        width: 18px;
        height: 18px;
    }
    .homeDCMBlock span{
        font-size: 14px;
    }
    .swiperMyPrev:after, .swiperMyNext:after{
        width: 32px;
        height: 32px;
    }
    .swiperMyAllNavigation{
                padding: 0 10px;
    }
    .homeBContent p{
                font-size: 16px;
        width: 90%;
    }
    .homeA2TMain h2{
                font-size: 28px;
    }
    .homeA2TMCols div span:first-child{
        font-size: 32px;
    }
    .homeA2TMCols div span:last-child{
        font-size: 12px;
    }
    .homeSSLeft div h6{
        font-size: 20px;
    }
}
@media (max-width: 475px){

}

@media (max-width: 375px){
    .homeBCMeta{
        font-size: 10px;
    }
    .homeDCMBlock{
        display: grid;
    }
}