@import url("https://use.typekit.net/xmu0inm.css");
@font-face {
    font-family: "Geist";
    src: url("assets/fonts/Geist.ttf") format("ttf");
    font-display: swap;
}
:root {
    /*colors*/
    --c-primary: #d10019;
    --c-secondary: #59c74f;
    --c-pink: #ff495b;
    --c-pink2: #ff7f8c;
    --c-white: #ffffff;
    --c-black: #000000;
    /*fonts family*/
    --f-Geist: "Geist", sans-serif;
    /*font size*/
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-15: 15px;

}

body {font:500 var(--fs-16)/1.4 var(--f-Geist);position: relative;color: #565656;}

a {text-decoration: none;transition: all 0.3s ease;}
* {box-sizing: border-box;scroll-margin-top: 140px;scroll-behavior:smooth}
button, a {cursor: pointer}
.text__primary {color: var(--c-primary);}
.text__secondary {color: var(--c-secondary);}
.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}
.text_justify {text-align: justify!important;hyphens: auto!important;}
.btn-danger {--bs-btn-disabled-border-color: #d10019;--bs-btn-disabled-bg: #d10019;--bs-btn-bg: #d10019;--bs-btn-border-color: #d10019;}
.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__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)}

.primary__heading {font: 700 var(--fs-40)/1.2 var(--f-Geist);}

.primary__subHeading {font: 700 var(--fs-27)/1.2 var(--f-Geist);}
.primary__subHeading2 {font: 700 var(--fs-21)/1.2 var(--f-Geist);}
.primary__para {font: var(--fs-17) var(--f-Geist);}
.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;}
@media only screen and (min-width: 1281.98px) {
    .animateScrollFade {opacity: 0;visibility: hidden;animation: scrollFade 5s alternate;animation-fill-mode: forwards;animation-timeline: view(block 90% 15%)}
    .animateScrollMoveUp {opacity: 0;visibility: hidden;transform:  translateY(200px);animation: animateScrollMoveUp 3s alternate;animation-fill-mode: forwards;animation-timeline: view(block 90% 15%)}
    .animateScrollMoveRight {opacity: 0;visibility: hidden;transform:  translateX(200px);animation: scrollFade 3s alternate;animation-fill-mode: forwards;animation-timeline: view(block 90% 15%)}
    .animateScrollFadeGrow {opacity: 0;visibility: hidden;transform: scale(0.75);animation: scrollFadeGrow 3s alternate;animation-fill-mode: forwards;
        animation-timeline: view(block 90% 15%);}
}
@media only screen and (max-width: 1279.98px) {
    :root {
        --fs-15: 13px;
        --fs-16: 16px;
        --fs-17: 15px;
        --fs-18: 16px;

    }
    
    .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:670.98px) {
   
    * {
        scroll-margin-top: 50px;
    }
}



/*Tailwind starts*/
.gradient-overlay {background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 100%);}
.card-hover {transition: all 0.3s ease;}
.card-hover:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,0.1);}
.tab-active {background-color: #DC2626;color: white;}
.tab-inactive {background-color: #fff;color: #374151;}
.tab-inactive:hover {background-color: #DC2626;color: white;}
.activities-tab.tab-inactive {background-color: white;color: #374151;border: 2px solid #DC2626;}
.activities-tab.tab-inactive:hover {background-color: #DC2626;color: white;}
.nav-link {position: relative;overflow: hidden;}
.nav-link::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 3px;background-color: #DC2626;transition: left 0.3s ease;}

    .nav-link:hover::before {
        left: 0;
    }

    .nav-link.active {
        border-top: 3px solid #DC2626;
    }



/*Keyframes ends*/

@keyframes scrollFade {
    to {opacity: 1;visibility: visible;}
}
@keyframes animateScrollMoveUp {
    to {opacity: 1;visibility: visible;transform: translateY(0px)}
}
@keyframes scrollFadeGrow {
    to {opacity: 1;visibility: visible;transform: scale(1)}
}