/*
Theme Name:   Hello Elementor Child
Template:     hello-elementor
*/ 

/* Global Styles */
@font-face {
    font-family: "Cabinet Grotesk";
    src: url("https://agaadventuresltd.com/wp-content/uploads/2025/01/CabinetGrotesk-Variable.ttf") format("truetype");
    font-weight: 100 900; /* Variable range */
    font-display: swap;
}

@font-face {
    font-family: "Satoshi Variable";
    src: url("https://agaadventuresltd.com/wp-content/uploads/2025/01/Satoshi-Variable.ttf") format("truetype");
    font-weight: 100 900; /* Variable range */
    font-display: swap;
}

html,body{overflow-x:hidden;}
:root{--mb-padding:clamp(1.125rem, -0.589rem + 8.571vw, 1.5rem) } /* 24px - 18px [390-320px] for mobile screens. */
@media (max-width:430px) {.wrapper{padding-inline:var(--mb-padding) !important;} }
@media (min-width:1024px) and (max-width:1200px){.wrapper{padding-inline:50px !important;}}
@media (width<1024px){.phones--br-none br{display:none ;}}
/* Global Styles */

.neon--color,.neon--color *{color:var(--e-global-color-primary) !important;}
.neon--color-sec,.neon--color-sec *{color:var(--e-global-color-secondary) !important;}



/* Button Styles */
.btn--white svg{
    margin-bottom: -5px;
}

.btn--white .elementor-button:hover path{
    fill:var(--e-global-color-text) !important;
    stroke:var(--e-global-color-text) !important
}

.btn--black .elementor-button path{
    fill:var(--e-global-color-text) !important;
    stroke:var(--e-global-color-text) !important
}

.btn--black .elementor-button:hover path{
    fill:white !important;
    stroke:white !important
}

.btn--black .elementor-button:focus path{
    fill:white !important;
    stroke:white !important
}
/* Button Styles */

.reviews *:not(img),
.reviews .swiper{
    overflow: visible !important;
}

.reviews .swiper-wrapper{
    transition-timing-function: linear !important;
}


/* Trip Hero */

.hero--wrapper::after{position:absolute;left: 0;top: 0;height: 100%;width: 100%;display: inline-block;background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),linear-gradient(180deg, rgba(0, 0, 0, 0) 27.59%, rgba(0, 0, 0, 0.4) 79.99%);content:"";}
@media (width<768px){.hero--wrapper::after{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(180deg, rgba(0, 0, 0, 0) 27.59%, rgba(0, 0, 0, 0.4) 79.99%) !important;}}