/*@font-face {
    font-family: Fontspring;
    src: url('../fonts/Fontspring/Fontspring-DEMO-darwinpro-regular.otf');
    font-weight: 400;
    font-display: swap;
}*/
@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans/OpenSans-VariableFont_wdth,wght.ttf');
    font-display: swap;
}
@font-face {
    font-family: KapraNeue;
    src: url('../fonts/kapra-neue-pro/Typoforge-Studio-Kapra-Neue-Pro-Medium.otf');
    font-weight: 600;
    font-display: swap;
}

:root {
    /*colors*/
    --c-primary: #062132;
    --c-primary2: #023254;
    --c-secondary: #59c74f;
    --c-cardTitle: #001835;
    --c-pink2: #ff7f8c;
    --c-white: #ffffff;
    --c-black: #000000;
    /*fonts family*/
    --f-kapraneue: KapraNeue, sans-serif;
    --f-fontspring: Fontspring, sans-serif;
    --f-opensans: OpenSans, sans-serif;
    /*font size*/
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-21: 21px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-27: 27px;
    --fs-30: 30px;
    --fs-33: 33px;
    --fs-34: 34px;
    --fs-40: 40px;
    --fs-53: 53px;
    --fs-60: 60px;
    --fs-70: 70px;
    --fs-80: 80px;
}

body {font:400 var(--fs-15)/1.4 var(--f-opensans);position: relative;}

a {text-decoration: none;transition: all 0.3s ease;}
* {box-sizing: border-box;scroll-margin-top: 140px;}
button, a {cursor: pointer}
.text__primary {color: var(--c-primary);}
.text__primary2 {color: var(--c-primary2);}
.text__secondary {color: var(--c-secondary);}
.text__cardTitle {color: var(--c-cardTitle);}
.tboa_cp{cursor:pointer!important;}
.zoomToggle{opacity:0; transition:opacity 1s ease;}
.lightBoxEffect:hover .zoomToggle {opacity: 1; transition: opacity 0.4s ease;}
.zoomToggle svg{background:#000; padding:4px; fill:white; border-radius:4px;}
.lg-thumb-item:first-child{display:none}
.theBest .card-body{min-height:120px;}
.w-fit{width:fit-content!important}

.btn__primary {background-color: var(--c-primary);color: var(--c-white);transition: 0.7s ease-in-out;}
.btn__primary:hover, .btn__primary:focus, .btn__primary:active {color: var(--c-white);box-shadow: 0 0 0 50px var(--c-secondary) inset;}
.btn__secondary {background-color: var(--c-secondary);color: var(--c-white);transition: 0.7s ease-in-out;}
.btn__secondary:hover, .btn__secondary:focus, .btn__secondary:active {color: var(--c-white);box-shadow: 0 0 0 50px var(--c-secondary) inset;}
.btn__pink{background: var(--c-pink2)}
.btn__pink:hover, .btn__pink.active,.btn__pink:hover, .btn__pink:focus, .btn__pink:active{background: var(--c-pink)!important}
.custom__border {position: relative;}
.bg__primary{background:var(--c-primary)!important}
.bg__secondary{background:var(--c-secondary)}
.bg__pink{background:var(--c-pink)}
.bg__pink2{background:var(--c-pink2)}
.primary__heading {font: 600 var(--fs-40)/1.2 var(--f-kapraneue);text-shadow: 0px 0px 0px var(--c-primary);}
.primary__subHeading {font: 600 var(--fs-20)/1.2 var(--f-kapraneue);text-shadow: 0px 0px 0px var(--c-primary);}
.secondary__textShadow {text-shadow: 0px 0px 0px var(--c-secondary)!important;}
.white__textShadow {text-shadow: 0px 0px 0px var(--c-secondary)!important;}
.primary__subHeading {font: bold var(--fs-24) var(--f-kapraneue);}
.primary__para {font: var(--fs-17) var(--f-opensans);}
.custom__border::after {position: absolute;content: "";background: #3a3485;bottom: 0;left: 0;width: 80%;height: 3px;}
.custom__arrowList li {list-style: none;position: relative;margin-bottom:10px}
.custom__arrowList li::before {position: absolute;content: "";background: url("../images/icon3.png") no-repeat center center;padding: 12px 25px;
        top: 0;left: -50px;}
.custom__flightList li {list-style: none;position: relative}
.custom__flightList li::before {position: absolute;content: "";background: url("../images/icon9.png") no-repeat center center;filter: opacity(0.5);
        background-size: 18px;padding: 30px;top: 50%;transform: translateY(-50%);left: -50px;}

.custom__bulletList li {list-style: none;position: relative;white-space: break-spaces;}
.custom__bulletList li::before {position: absolute;content: "";background: url("../images/icon7.webp") no-repeat center center;background-size: 18px;padding: 15px 20px 15px 30px;/*top: 50%;transform: translateY(-50%);*/left: -50px;}
.custom__bulletList--2x2grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 7px;}

/*first hover1 effect*/
.btn__hover1:hover {
    color: var(--c-white);
    box-shadow: 0 0 0 50px var(--c-primary) inset;
}
/*first hover1 effect ends*/

/* second hover effect*/
.btn__hover2 {position: relative;transition: all 0.4s linear;overflow: hidden;color: var(--c-white);background: var(--c-secondary);border-color:var(--c-primary);z-index:2}
.btn__hover2:hover {color: white;background: var(--c-secondary);}
.btn__hover2::after, .btn__hover2::before {position: absolute;content: "";top: -75%;width: 140%;height: 260%;background: var(--c-primary);z-index: -1;
        transition: all 0.4s linear;transform: rotate(12deg);}
.btn__hover2::after {left: -50%;}
.btn__hover2::before {right: -50%;}
.btn__hover2:hover::after {left: -200%;}
.btn__hover2:hover::before {right: -200%;}
/*btn hover2 ends*/

@media only screen and (max-width: 1199.98px) {
    :root {
        --fs-15: 13px;
        --fs-16: 16px;
        --fs-17: 15px;
        --fs-18: 16px;
        --fs-20: 18px;
        --fs-21: 19px;
        --fs-22: 20px;
        --fs-24: 22px;
        --fs-27: 25px;
        --fs-33: 31px;
        --fs-34: 32px;
        --fs-53: 51px;
    }
    .hCtrol {height: 360px;overflow-x: hidden;overflow-y: auto;}
    .custom__bulletList--2x2grid {display: grid;grid-template-columns: repeat(1, 1fr);text-align: left;}
}

@media only screen and (min-width: 1023.98px) {
    .container__custom {
        max-width: 1100px
    }
}

@media only screen and (max-width: 1023.98px) {
    :root {
        --fs-15: 13px;
        --fs-16: 14px;
        --fs-17: 15px;
        --fs-20: 17px;
        --fs-21: 18px;
        --fs-22: 20px;
        --fs-24: 22px;
        --fs-27: 25px;
        --fs-33: 31px;
        --fs-34: 32px;
        --fs-53: 51px;
    }
}

@media only screen and (max-width: 991.98px) {
    :root {
        --fs-53: 45px;
        --fs-70: 60px;
    }
}


@media only screen and (max-width:575.98px) {
    :root {
        --fs-15: 11px;
        --fs-34: 30px;
        --fs-53: 37px;
        --fs-70: 50px;
    }
    }

/*SHINE EFFECT*/

.shine {position: relative;overflow: hidden;font-size: 1.1rem;padding: 1rem 3rem;border-radius: 4px;text-decoration: none;border: 1px solid rgba(255, 255, 255, 0.2);
    /*  color: #f4f4f4;*//*background: var(--btn-bg);*/
    /*  .shine:not(:last-child) {margin-bottom: 3rem;}*/
}
.shine::before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: linear-gradient( 120deg, transparent,rgba(255, 255, 255, 0.4), transparent );}
.shine-hover::before {left: -100%;transition: all 0.4s ease-in-out;}
.shine-hover:hover::before {left: 100%;}

/*Keyframes starts*/


@keyframes fade-in {
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fade-grow-in {
    to {
        opacity: 1;
        visibility: visible;
        transform:initial
    }
}

@keyframes zoom-out {
    to {
        scale: 1;
        opacity: 1;
        visibility: visible
    }
}

@keyframes moveupdown {

    to {
        transform: translateY(-10px)
    }
}

@keyframes slideLeft {
    to {
        transform: translateX(0px);
        visibility: visible
    }
}
.animateScrollFade {opacity: 0;visibility: hidden;animation: scrollFade 3s alternate;animation-fill-mode: forwards;animation-timeline: view(block 95% 10%)}
.animateScrollFadeGrow {opacity: 0;visibility: hidden;transform: scale(0.75);animation: scrollFadeGrow 3s alternate;animation-fill-mode: forwards;
    animation-timeline: view(block 95% 10%);}
/*Keyframes ends*/

@keyframes scrollFade {
    to {opacity: 1;visibility: visible;transform: scale(1)}
}

@keyframes scrollFadeGrow {
    to {opacity: 1;visibility: visible;transform: scale(1)}
}