* {
    padding: 0;
    margin: 0;
}

body {
    font-weight: 100 !important;
    /* Yahan required weight set karo */
}


@import url(https://db.onlinewebfonts.com/c/1eeab2d986186e65853217364b1bccd9?family=Argent+CF);
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'IkaTrial';
    src: url('./fonts/Ika\ Trial\ ExtraLight.woff2') format('woff2');
    font-style: normal;

}

@font-face {
    font-family: 'IkaTrial-bold';
    src: url('./fonts/IkaTrial-Light.woff') format('woff2');
    font-style: bold;

}

@font-face {
    font-family: 'spring-demo';
    src: url('./fonts/Argent\ CF.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'Argent';
    src: url('./fonts/Argent\ CF.woff2') format('woff2');
    font-style: normal;
}

.argent-font {
    font-family: 'Argent';
}

.spriing-font {
    font-family: 'spring-demo';
}

.ika-font {
    font-family: "IkaTrial";
}

.ika-font-bold {
    font-family: 'IkaTrial-bold';
}

.agent-font {
    font-family: "Argent CF";

}

.lato-font {
    font-family: "Lato", sans-serif;
    font-style: normal;

}



/* utilites-start */
.white-color {
    color: #FFFFFF !important;
}

.black-bgcolor {
    background-color: #000000 !important;
}

.black-color {
    color: #000000 !important;
}


.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}


.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.black-color {
    color: #000000 !important;
}

.bg-pink {
    background: #E6DBC1 !important;
}

.pink-bg {
    background-color: #E6DBC1 !important;
}

/* utilites-ends */


/* ============  header start ================ */


@media all and (min-width: 992px) {
    .dropdown-menu {
        width: 13rem;
    }

    .mega-submenu {
        left: 100%;
        top: 0;
        min-width: 25rem;
    }

    .ktm-mega-menu {
        position: static;
    }

    .mega-menu {
        left: 0;
        right: 0;
        width: 100%;
    }

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        left: 100%;
        top: 0;
    }

    .dropdown-menu>li:hover>.submenu,
    .dropdown:hover>.dropdown-menu {
        display: block;
    }

 
}

/* .header-sec .drowpdown .dropdown-menu li a{
    text-transform: lowercase !important;
} */

.header-logo {
    width: 150px;
    height: auto;
}

.log-sec {
    border-right: 2px solid #000000;
    padding-right: 20px;
}

.header-sec .navbar-nav :not(:last-child) {
    margin-right: 20px;
}

.header-sec .active {
    color: #AA5432 !important;
}

.header-sec a {
    color: #000000 !important;
    font-weight: 500;
}

.header-sec a:hover {
    color: #AA5432 !important;
}

/* ============  header end ================ */


/* ============  Hero section start ================ */
.hero-sec {
    background-image: url(./images/hero-banner.png);
    height: 620px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-sec .banner-btn {
    padding: 20px;
    border: 1px solid white;
}

/* ============  Hero section end ================ */


/* ============  Hero banner start ================ */
.banner-cards-sec {
    background: #E2D6B9;
    padding: 50px 0;
}

.banner-cards-sec .card-image-sec {
    width: 100%;
    height: 420px;
}

.banner-cards-sec .card-image-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-cards-sec .cards-head {
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
}

.journey-sec .big-card-image {
    width: 100%;
    height: 470px;
}

.journey-sec .big-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discover-btn {
    position: absolute;
    bottom: 15px;
}

/* ============  Hero banner Cards end ================ */



@media (min-width: 992px) and (max-width: 1200px) {
    .header-sec a {
        font-size: 12px !important;
    }
}

@media (max-width: 992px) {
    .header-sec a {
        margin: 4px;
    }

    .hero-sec {
        height: 430px;
    }

    .hero-sec .banner-heading {
        font-size: 30px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 330px;
    }
}


@media (max-width: 767px) {
    .hero-sec .banner-btn {
        padding: 14px;
        font-size: 14px !important;
    }

    .hero-sec {
        height: 350px;
    }

    .hero-sec .banner-heading {
        font-size: 24px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 270px;
    }

    .journey-sec .big-card-image {
        width: 100%;
        height: 325px;
    }
}



@media (max-width: 576px) {
    .header-logo {
        width: 120px !important;
        height: auto;
    }

    .hero-sec .banner-heading {
        font-size: 20px !important;
    }

    .hero-sec .banner-btn {
        padding: 8px;
        font-size: 14px !important;
    }

    .hero-sec {
        height: 260px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 280px;
    }

    .banner-cards-sec {
        background: #E2D6B9;
        padding: 30px 0;
    }

    .journey-sec .big-card-image {
        width: 100%;
        height: 250px;
    }

    .jounery-head {
        font-size: 22px;
    }
}

/* @@@@@@@@@@@@@@@@@@@-TRENDING-new-worthdy-sec-starts-@@@@@@@@@@@@@@@@@@@*/

.TRENDING-new-worthdy-sec .trending-imageouter {
    width: 100%;
    height: 415px;
}

/* .TRENDING-new-worthdy-sec .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important; 
    width: 100%;
    text-align: center;
} */
/* @@@@@@@@@@@@@@@@@@@-TRENDING-new-worthdy-sec-ends-@@@@@@@@@@@@@@@@@@@*/

/* @@@@@@@@@@@@@@@@@@@-Trending-sec-starts-@@@@@@@@@@@@@@@@@@@*/

html body .TRENDING-sec .owl-nav {
    display: none !important;
}

.kind-of-trip-sec h5 {
    font-size: 24px;
    font-weight: 300;
}

.kind-of-trip-sec .owl-theme .owl-nav {
    margin-top: 10px;
    display: flex !important;
    justify-content: space-between !important;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px 15px;
}

.kind-of-trip-sec .owl-carousel .owl-nav button.owl-next {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/right-navigation-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */
}

.kind-of-trip-sec .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/left-navigation-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */

}

.owl-next span {
    display: none;
}

.owl-prev span {
    display: none;
}

/* @@@@@@@@@@@@@@@@@@@-Trending-sec-starts-@@@@@@@@@@@@@@@@@@@*/

.trending-title h6 {
    font-weight: 900 !important;
    font-size: 13px;

}

.trending-title p {
    font-size: 24px;
    font-weight: 400 !important;

}

.trending-imageouter {
    width: 100%;
    height: 353px;
    position: relative;
}

/* .trending-imageouter .overlay{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    text-align: center;
} */
.trending-imageouter .overlay h1 {
    font-size: 20px;
    font-weight: 300;
}

.trending-imageouter .overlay p {
    font-size: 10px;
    font-weight: 300;
}

.trending-imageouter .blk-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.6;
    z-index: -1;
}

.trending-imageouter img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* @@@@@@@@@@@@@@@@@@@-Trending-sec-ends-@@@@@@@@@@@@@@@@@@@*/

/* @@@@@@@@@@@@@@@@@@@-business-dreams-sec-Starts-@@@@@@@@@@@@@@@@@@@*/

.business-video-outer {
    width: 100%;
    height: 490px;
    position: relative;
}

.business-video-outer .business-dreams-detail {
    font-size: 42px;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.business-video-outer video {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

/* @@@@@@@@@@@@@@@@@@@-business-dreams-sec-ends-@@@@@@@@@@@@@@@@@@@*/



/* @@@@@@@@@@@@@@@@@@@-Travel-Responsibly-sec-starts-@@@@@@@@@@@@@@@@@@@*/

.travel-imgouter {
    width: 100%;
    height: 420px;
}

.travel-imgouter video {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.travel-details {
    height: 420px;
}

.travel-details h1 {
    font-size: 16px;
    font-weight: 500;
}

.travel-details p {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.travel-details a {
    font-size: 12px;
    font-weight: 800;
}

.full-height {
    height: 100%;
}

.img-wrapper {
    position: relative;
}

.img-wrapper h6 {
    font-size: 20px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-box a {
    font-size: 12px;
    font-weight: 700;
}

.text-box p {
    font-size: 12px !important;
}

.why-Travel-sec h4 {
    font-size: 24px;
    font-weight: 400;
}

.our-story-butn button {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 13px 34px;
}

/* @@@@@@@@@@@@@@@@@@@-Travel-Responsibly-sec-ends-@@@@@@@@@@@@@@@@@@@*/



/* @@@@@@@@@@@@@@@@@@@-FOOTER_SECTION-starts-@@@@@@@@@@@@@@@@@@@*/
.form-check-label {
    font-weight: 300 !important;
}

.heritage-details h3 {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 40px;
}

.heritage-details p {
    font-size: 17px;
    color: #FFFFFF;
    line-height: 40px;
}


.heritage-choice p,
label {
    font-size: 12px;
    font-weight: 100 !important;
    color: #FFFFFF;
}

.term-text {
    font-size: 12px;
    line-height: 23px;
    font-weight: 100 !important;
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItNCAtNCA4IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSByPSIyIiBmaWxsPSIjMDAwIi8+PC9zdmc+") !important;
}

.form-check-input:checked {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.form-check-input {
    margin-top: 8px !important;
}

.form-check-input {
    width: 13px !important;
    height: 13px !important;
}

::placeholder {
    font-family: "IkaTrial" !important;
    font-size: 12px;
}

.Subscribe-butn button {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 13px 30px;
}

.main-links {
    margin-top: 55px;
}

.main-links label {
    font-size: 22px;
    font-weight: 100;
}

.main-links ul li {
    font-size: 11px;
    line-height: 20px;
    font-weight: 100;
}

.footer-socialimg {
    width: 22px;
    height: 22px;
}

.footer-socialimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.copy-text {
    font-size: 12px;
    font-weight: 100;
}

/* @@@@@@@@@@@@@@@@@@@-FOOTER_SECTION-ends-@@@@@@@@@@@@@@@@@@@*/

.footer-vedio {
    height: 360px !important;
}

.footer-vedio .small-vdo {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}


/* @@@@@@@@@@@@@@@@@@@-media-query-starts-@@@@@@@@@@@@@@@@@@@*/
@media (max-width:425px) {}

@media (max-width:576px) {

    .why-Travel-sec h4 {
        font-size: 18px !important;
    }

    .heritage-details h3 {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .heritage-details p {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .term-text {
        line-height: 20px !important;
    }

    .Subscribe-butn button {

        font-size: 12px !important;
    }

    .image-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .img-wrapper {
        width: 100%;
        height: 230px;
    }

    .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .text-box p,
    a {
        font-size:
            12px;
    }



    .text-box p {
        padding-bottom: 0px !important;
        font-weight: 500;
    }
}

@media (max-width:768px) {
    .footer-vedio {
        height: 260px !important;
    }

    .footer-vedio .small-vdo {
        width: 100%;
        height: 100% !important;
    }

    .kind-of-trip-sec h5 {
        font-size: 16px !important;
    }

    .trending-title p {
        font-size: 16px !important;
    }

    .business-video-outer {

        height: 300px !important;
    }

    video {
        height: 300px !important;
    }

    .business-video-outer .business-dreams-detail {
        font-size: 13px !important;
        width: max-content !important;
    }

    .img-wrapper h6 {
        font-size: 14px !important;
    }

    .main-links ul {
        padding-left: 0 !important;
    }

    .main-links {
        margin-top: 10px !important;
    }

    .travel-details {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }

    .TRENDING-new-worthdy-sec .trending-imageouter {
        height: 280px !important;
    }

}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 980px !important;
    }
    .image-container {
        display: flex !important;
        gap: 20px !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 400px !important;
    }

    .image-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: start !important;
        width: 33% !important;
        transition: width 0.3s ease-in-out !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .img-wrapper {
        flex: 1 !important;
        transition: flex 0.3s ease-in-out !important;
    }


    .img-wrapper img {
        width: 100% !important;
        height: 360px !important;
        display: block !important;
        transition: transform 0.3s ease-in-out !important;
        object-fit: cover;
    }

    /* Text box (Hidden by default) */
    .text-box {
        flex: 0 !important;
        background: white !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        opacity: 0 !important;
        display: none !important;
        transition: flex 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    }

    .text-box p {
        font-size: 12px !important;
        padding-bottom: 150px;
        font-weight: 500;
    }

    /* Hover effect */
    .image-box:hover {
        width: 80% !important;
        height: 100% !important;
    }

    .image-box:hover .text-box {
        flex: 1 !important;
        /* Show text */
        opacity: 1 !important;
        display: block !important;
    }

    .image-box:not(:hover) .img-wrapper {
        flex: 1 !important;
    }

    .image-container:hover .image-box:not(:hover) {
        width: 25% !important;
        /* Shrink other images */
    }

}

@media (min-width:768px) and (max-width:1024px) {
    .business-video-outer .business-dreams-detail {
        font-size: 35px !important;
    }
}

@media (min-width:992px) {

    .text-box p {
        padding-bottom: 175px !important;
        font-weight: 500;
    }

    /* .TRENDING-new-worthdy-sec .overlay {
        position: absolute;
        top: 73%;
        left: 50%;
        transform: translate(-50%, -27%) !important;
        width: 100%;
        text-align: center;
    } */
}

/* @@@@@@@@@@@@@@@@@@@-media-query-ends-@@@@@@@@@@@@@@@@@@@*/






.about-our-affilliate .swiper-slide {
    position: relative;
    overflow: hidden;
}

.about-our-affilliate .text-layer {
    position: absolute;
    top: 0;
    /* Top se start karega */
    left: 0;
    width: 100%;
    height: 100%;
    /* Slide ki full height cover karega */
    background: #E2D6B9;
    color: #000;
    align-items: center;
    /* Text ko vertically center karega */
    justify-content: center;
    /* Text ko horizontally center karega */
    text-align: center;
    align-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.about-our-affilliate .swiper-slide:hover .text-layer {
    opacity: 1;
}


.about-us-adventure {

    background-image: url(./images/ice-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    align-content: center;
    background-attachment: fixed;

}

.carousel-text p {
    font-size: 16px;
    color: #000;
    padding: 0 115px;
    font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .about-head .header-content-wrapper p {

        font-size: 30px;
    }
}

@media (min-width:320px) and (max-width:567px) {

    .about-head .header-content-wrapper h4 {
        font-size: 14px;
    }

    /* .about-head .header-content-wrapper p{

        font-size: 20px !important;
        line-height: 27px !important;
    } */

}





/* @@@@@@@@@@@@@@@@@@@-About Us CSS start -@@@@@@@@@@@@@@@@@@@*/
.about-head {
    background-image: url(./images/header-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.about-head .header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.about-head .header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.aboutus-wrapper .heading-para p {
    font-weight: 400;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
}

.aboutus-card .card-wrapper1 {
    background-image: url(./images/img1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.aboutus-card .card-wrapper2 {
    background-image: url(./images/img2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.aboutus-card .card-wrapper3 {
    background-image: url(./images/img3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.aboutus-card .card-wrapper {
    width: 100%;
    height: 350px;
    text-align: center;
}

.aboutus-card .card-wrapper h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0%;
    text-align: center;
}

.aboutus-card .card-wrapper-para p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
}

.card-wrapper-para {
    display: flex;
    flex-direction: column;
    height: 350px;
    justify-content: space-between;
}

.aboutus-card .card-wrapper-para a {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-decoration: underline;

}

.our-journy .our-journy-wrapper1 {
    background-image: url(./images/journy1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.our-journy .our-journy-wrapper3 {
    background-image: url(./images/rock.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.our-journy .our-journy-wrapper2 {
    background-image: url(./images/journy2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    align-content: center;
}

.our-journy .our-journy-wrapper2 h4 {
    font-size: 24px;
    font-weight: 300;
}

.our-journy .our-journy-wrapper2 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.journy-africa .africa-wrapper {
    width: 100%;
    height: 400px;
    align-content: center;
}

.journy-africa .africa-wrapper h4 {
    font-size: 24px;
    font-weight: 300;
}

.journy-africa .africa-wrapper p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.journy-africa .africa-wrapper-zeb {
    background-image: url(./images/zebra.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.journy-africa .africa-wrapper-highking {
    background-image: url(./images/highking.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.journy-africa .africa-wrapper a {
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
}

.about-us-video {
    background-color: #E2D6B9;

}

.video-wrapper {
    width: 100%;
    text-align: center;
    align-content: center;


}

.video-container {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;

}

.video-container video {
    display: block;
    width: 100%;
    height: 450px;
    border-radius: 10px;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
    /* Adjust size */
    height: 140px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.play-button.hidden {
    opacity: 0;
    pointer-events: none;
    /* Disable click when hidden */
}














.carousel-container {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.carousel-text {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
    width: 60%;
}

.carousel-text h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.carousel-text p {
    font-size: 16px;
    color: #000;
    padding: 0 80px;
}

/* Navigation Buttons */
.carousel-container .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.owl-prev,
.owl-next {
    background: none !important;
    border: none !important;
    outline: none !important;
}

.custom-nav {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
    object-fit: contain;
}

.discover-stories {

    background-color: #F5F2EB;

}

.stories-card {
    border: 1px solid #000000;
    background-color: #fff;
    padding: 15px;
}

.stories-card .stories-img-wrapper {
    width: 100%;
    height: 230px;
}

.stories-card .stories-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stories-wrapper h4 {
    font-weight: 700;
    font-size: 16px;

}

.stories-wrapper p {
    font-weight: 100;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0%;

}

.view-all ul li button {
    border: 1px solid #000000;
    border-radius: 0;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 18px;
}

.stories-card h5 {
    font-weight: 700;
    font-size: 14px;
}

.stories-card a {
    font-weight: 100;
    font-size: 26px;
    text-decoration: none;
    line-height: 33px;
}

.stories-card p {
    font-weight: 100;
    font-size: 13px;
}

.about-us-adventure {

    background-image: url(./images/ice-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    align-content: center;
}

.adventure-wrapper h1 {
    text-align: center;
    font-weight: 400;
    font-size: 50px;
}

.text-scroll .man-wrapper {
    background-image: url(./images/man.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    align-content: center;
}


.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: inline !important;
    width: fit-content;
    display: flex ! IMPORTANT;
    justify-content: space-around;
    width: 100%;

}

.carousel-container .owl-nav.disabled {
    margin-top: 300px;
}










.testimonial-container {
    width: 100%;
    margin: auto;
    background: #f5f1eb;
    padding: 30px;
    height: 490px;
    text-align: center;
    align-content: center;
}

.testimonial-container h3 {

    font-size: 16px;
    font-weight: 700;
}

.testimonial-text {
    color: #000;
    font-weight: 100;
    font-size: 24px;
    line-height: 34px;
    text-align: center;

}

.author {
    margin-top: 10px;
    font-family: Ika Trial;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}

.testimonial-container .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 120px;
}

.owl-nav button {
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-size: 20px;
    margin: 0 10px;
}


.swiper {
    width: 100%;
    height: 170px;
}

.swiper-slide img {
    width: 100%;
    height: 100%;


}

.left-right-wrapper {

    width: 50px;
    height: 50px;
}

.left-right-wrapper img {

    width: 100%;
    height: 100%;
    object-fit: scale-down;

}

.swipe-wrapper-btn ul li ul {
    gap: 15px;
}

.affilliate-content-wrapper h4 {
    font-weight: 700;
    font-size: 16px;

}

.affilliate-content-wrapper p {
    font-size: 25px;
    line-height: 34px;
}




/* media query start */
/* tablet media query */
@media (min-width: 768px) and (max-width: 1024px) {

    .aboutus-wrapper .heading-para p {
        font-size: 16px;
        line-height: 30px;
    }

    .our-journy .our-journy-wrapper1 {
        height: 100%;
    }

    .our-journy .our-journy-wrapper2 {
        height: 100%;
    }

    .journy-africa .africa-wrapper {
        height: 100%;
    }

    .journy-africa .africa-wrapper-zeb {
        height: 100%;
    }

    .our-journy .our-journy-wrapper3 {
        height: 100%;
    }

    .journy-africa .africa-wrapper-highking {
        height: 100%;
    }

    .adventure-wrapper h1 {
        font-size: 30px;
    }

    .about-us-adventure {
        height: 300px;
    }

    .stories-card {
        height: 488px;
    }

    .video-container {
        height: 310px;
    }

    .play-button {

        width: 100px;
        height: 100px;
    }

    .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 314px;
    }

    .carousel-text p {
        padding: 0;
    }

    .testimonial-container .owl-nav {

        margin-top: 164px;
        justify-content: center;
    }


}

@media (min-width:991px) and (max-width: 1024px) {

    .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 381px;
    }

    .stories-card {
        height: 537px;
    }

    .video-container {
        height: 400px;
    }

    .testimonial-container .owl-nav {

        margin-top: 164px;
        justify-content: center;
    }

}

@media (min-width:320px) and (max-width:567px) {

    .aboutus-wrapper .heading-para p {
        font-size: 16px;
        line-height: 32px;
    }

    .card-wrapper-para {
        text-align: center;
    }

    .our-journy {

        padding: 15px;
    }

    .our-journy .our-journy-wrapper2 {
        height: 100%;
        text-align: center;
    }

    .journy-africa .africa-wrapper {
        height: 100%;
        text-align: center;
    }

    .journy-africa {
        padding: 15px;
    }

    .africa-wrapper {
        padding-right: 0 !important;
    }

    .journy-africa .africa-wrapper-zeb {
        height: 235px;
    }

    .journy-africa .africa-wrapper-highking {
        height: 252px;
    }

    .video-wrapper {
        padding: 0 !important;
    }

    /* video{
        height: 200px !important;
    } */
    .play-button {
        width: 60px;
        height: 60px;
    }

    .about-us-adventure {
        height: 200px;
    }

    .adventure-wrapper h1 {
        font-size: 20px;
    }

    .about-our-affilliate {
        padding: 15px;
    }

    .affilliate-content-wrapper p {
        font-size: 20px;
    }

    .affilliate-content-wrapper h4 {
        font-size: 14px;
    }

    .left-right-wrapper {
        width: 40px;
        height: 40px;
    }

    .text-scroll .man-wrapper {
        height: 310px;
    }

    .testimonial-text {
        font-size: 16px;
    }

    .author {
        font-size: 14px;
    }

    .discover-stories {

        padding: 0 15px;
    }

    .stories-wrapper h4 {
        font-size: 14px;
    }

    .stories-wrapper p {
        font-size: 16px;
        line-height: 25px;
    }

    .view-all ul li button {

        font-size: 12px;
        padding: 8px 15px;
    }

    .our-journy .our-journy-wrapper1 {
        height: 260px;
    }

    .stories-card a {
        font-size: 20px;
        line-height: 26px;
    }

    .stories-card h5 {
        font-size: 12px;
    }

    .our-journy .our-journy-wrapper3 {

        height: 250px;
    }

    .carousel-text p {
        padding: 0;
    }

    .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 384px;
    }

    .testimonial-container .owl-nav {

        margin-top: 20px;
        justify-content: center;
    }

    header .header-content-wrapper p {
        font-size: 25px;
        line-height: 40px;
    }

    .about-head {

        height: 200px;
    }

    header .header-content-wrapper h4 {
        font-size: 14px;
    }

}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1195px !important;
    }
}

/* media query css end */

/* @@@@@@@@@@@@@@@@@@@-About Us CSS end -@@@@@@@@@@@@@@@@@@@*/



/* @@@@@@@@@@@@@@@@@@@-Distination page CSS start -@@@@@@@@@@@@@@@@@@@*/
.about-head {
    background-image: url(./images/destination-banner-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.search-icon {
    position: absolute;
    top: 8px;
    left: 8px;
}

.about-head .des-input-sec {
    width: 30%;
    margin: 0 auto;
}

.about-head .des-input-sec .form-control {
    background: #D9D9D9;
    border-radius: 30px;
    color: black;
    padding: 0px 20px 0 35px !important;
}

.breadcrumb .active {
    color: #AA5432;
}
.breadcrumb {
  align-items: center;
}

/* .breadcrumb-item+.breadcrumb-item::before {
    color: #000000;
    content: ">" !important;
} */

.country-cards {
    width: 100%;
    height: 350px;
}

.country-cards .white-box {
    border-top: 10px solid #AA5432;
}

.country-cards img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.country-cards .cntry-name {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.TRENDING-sec .owl-nav {
    display: none !important;
}






@media (max-width: 992px) {
    .trending-imageouter {
        height: 270px;
    }

    .img-wrapper img {
        height: 230px !important;
        object-fit: cover;

    }

    .image-box:hover {
        width: 90% !important;
        height: 70% !important;
    }

    .journey-sec .offer-card-image {
        height: 300px !important;
    }

    .journey-sec .offer-crd-head {
        font-size: 18px !important;
    }
}


@media (max-width: 767px) {
    .about-head .des-input-sec {
        width: 100%;
        margin: 0 auto;
    }

    .about-head .header-content-wrapper p {
        font-size: 20px !important;
        line-height: 27px !important;
    }

    .about-head {
        width: 100%;
        height: 250px;
    }

    .offers-sec {
        width: 100% !important;
        height: 250px !important;
    }

    .country-cards {
        width: 100%;
        height: 280px;
    }

    .journey-sec .offer-card-image {
        height: 230px !important;
    }
}


@media (max-width: 576px) {
    .about-head .des-input-sec {
        width: 100%;
        margin: 0 auto;
    }

    .country-cards {
        width: 100%;
        height: 250px;
    }

    video {
        height: 200px !important;
    }

    .card-wrapper1,
    .card-wrapper2,
    .card-wrapper3,
    .card-wrapper4 {
        height: 260px !important;
    }
}



/* @@@@@@@@@@@@@@@@@@@-Distination page CSS end -@@@@@@@@@@@@@@@@@@@*/




/* @@@@@@@@@@@@@@@@@@@-Offer page CSS start -@@@@@@@@@@@@@@@@@@@*/
.offers-sec {
    background-image: url(./images/offer-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.journey-sec .offer-card-image {
    width: 100%;
    height: 380px;
}

.journey-sec .offer-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* @@@@@@@@@@@@@@@@@@@-Offer page CSS end -@@@@@@@@@@@@@@@@@@@*/


/* @@@@@@@@@@@@@@@@@@@-Journy css start -@@@@@@@@@@@@@@@@@@@*/

.font-12 {

    font-size: 12px;
}

.font-20 {
    font-size: 20px;
}

.journy-hero {
    background-image: url(./images/journy.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}

.bottom-content {
    background-color: #AA5432;
    padding: 8px 0;
    width: 100%;
}

.bottom-nav {
    margin-top: -25px;
}

.journy-hero a:hover {
    color: #fff;
}

.bottom-content a:hover {
    color: #fff;
}

/* .journy-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    color: brown;
    margin: 0 5px;
} */

.journy-breadcrumb .breadcrumb-item:first-child::before {
    content: "";
    /* First item ke pehle koi separator na ho */
}

.journy-breadcrumb .breadcrumb {
    background-color: transparent;
    justify-content: center;
    margin-bottom: 0;
    margin: 10px 0;
}

.journy-paragraph-heading .para-wrapper p {
    font-size: 24px;
}

.journy-recomended h4 {

    text-transform: uppercase;


}

.journey-filter .filter-section {
    margin-top: 54px;
}

.showing-result span {
    border-radius: 0;
}


.journy-ways-to-explore {

    background-color: #F5F2EB;
}

.ways-bg {
    background-image: url(./images/ways.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}

.journy-ways-to-explore .ways-bg .ways-content-wrapper {

    background-color: #fff;
    width: 550px;
    height: 350px;
    text-align: center;
    align-items: center;
    align-content: center;
    position: relative;

}

.journy-ways-to-explore .border-ways {
    padding: 8px;
    background-color: #AA5432;
    position: absolute;
    width: 100%;
    top: 0;
}

.journy-ways-to-explore .card {
    border: none;
    background-color: transparent;
}

.journy-ways-to-explore .card .ways-img-wrapper {
    width: 100%;
    height: 300px;
}

.journy-ways-to-explore .card .ways-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card p {
    max-width: 86%;
    /* Width ko limit karna */
    text-align: left;
    /* Left align text */
    line-height: 1.6;
    /* Line spacing improve karna */
}

.journy-brouchures {
    background-color: #AA5433;
}

.journy-brouchures .img-broucher-wrapper {
    width: 100%;
    height: 372px;

}

.journy-brouchures .img-broucher-wrapper img {

    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.journy-brouchures .brouchers-content {
    align-content: center;
    align-items: center;
    height: 100%;

}

.filter-card-wrapper {
    position: relative;

}

.filter-card-wrapper .filter-img {
    width: 100%;
    height: 245px;

}

.filter-card-wrapper .filter-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.filter-card-wrapper ul {
    position: absolute;
    top: 10px;
    left: 10px;
}

.filter-card-wrapper ul li .expedition {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid;
    padding: 2px 4px;
}

.filter-card-wrapper ul li .expedition h6 {

    margin-bottom: 0;
    font-weight: 700;
    font-size: 12px;
}

.filter-card-wrapper ul li .offers {
    background-color: #000;
    border-radius: 5px;
    border: 1px solid;
    padding: 2px 4px;
}

.filter-card-wrapper ul li .offers h6 {

    margin-bottom: 0;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
}

.filter-section {

    background-color: #E2D6B980;
}

.filter-section button {
    font-size: 12px;
}

.filter-section .form-select {

    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;

}

.filter-section .form-select:focus {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}

.filter-section hr {
    color: #000;
    background-color: #000;

}

.journey-filter .btn-primary {

    background-color: #fff;
    color: #000;
    border: 1px solid #000000 !important;
    font-size: 14px;
    padding: 12px 30px;

}

.journey-filter .btn-primary:focus {
    box-shadow: none;
}

.yousaf-trending {
    height: auto;
}

.yousaf-reco .owl-nav.disabled {
    top: 28% !important;
}

.yousaf-reco .owl-nav.disabled button.owl-next {
    background-image: url(./images/right.png) !important;
}

.yousaf-reco .owl-nav.disabled button.owl-prev {
    background-image: url(./images/left.png) !important;

}

@media (min-width:320px) and (max-width:567px) {
    .brouchers-content a {
        font-size: 12px !important;
    }

    .showing-result {
        margin-top: 25px;
    }

    .journy-ways-to-explore .ways-bg .ways-content-wrapper {
        width: 100%;
        height: auto;
    }

    .ways-bg {
        height: auto;
        padding: 20px;
    }

    .journy-hero {
        height: 170px !important; 
    }

    .journy-paragraph-heading .para-wrapper p {
        font-size: 16px !important;
    }

    .journy-paragraph-heading .para-wrapper {
        margin-top: 20px;
    }

    .journy-breadcrumb nav {
        margin-top: 35px;
    }

    .bottom-nav ul {
        gap: 25px !important;
    }

    .bottom-nav ul li a {
        font-size: 13px !important;
    }

    .bottom-nav {
        margin-top: 0 !important;
    }

    .bottom-wrapper .text-center {
        display: none;
    }

    .journey-filter .btn-primary {
        padding: 10px 25px;
    }

    .journy-ways-to-explore .card {
        text-align: -webkit-center;
        margin-bottom: 30px;
    }

    .card p {
        max-width: 100%;
        text-align: center;
    }

    .journy-ways-to-explore .card .ways-img-wrapper {
        height: 200px;
    }

    .journy-brouchures .brouchers-content {
        text-align: -webkit-center;
        margin-top: 25px;
    }

    .brouchers-content .d-flex.gap-5 {
        justify-content: center;
    }

    .journy-brouchures .img-broucher-wrapper {
        height: 240px;
    }

    .bottom-wrapper .text-start {
        display: none !important;
    }

    .yousaf-reco .owl-nav.disabled button.owl-next {
        background-image: url(./images/right.png) !important;
    }


}

@media (min-width:768px) and (max-width:1024px) {
    .journy-ways-to-explore .ways-bg .ways-content-wrapper {
        width: 100%;
        height: auto;
    }
}

/* @@@@@@@@@@@@@@@@@@@- Journy page css end   -@@@@@@@@@@@@@@@@@@@*/


/* @@@@@@@@@@@@@@@@@@@- Contact page css start   -@@@@@@@@@@@@@@@@@@@*/
.contact-banner{
    background-image: url(./images/contact-banner.png) !important;
}
.contact-box{
    background: #E6DBC1;
    border-radius: 10px;
    padding: 60px 20px;
    height: 100%;
}

.inquiry-btn{
    background: #AA5432;
    color: white;
    padding: 7px 15px;
    border: 2px solid #D9D9D9;
}
/* @@@@@@@@@@@@@@@@@@@- Contact page css end   -@@@@@@@@@@@@@@@@@@@*/

















/* @@@@@@@@@@@@@@@@@@@-Stays CSS start -@@@@@@@@@@@@@@@@@@@*/


.stay-head {
    background-image: url(./images/staysbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.stay-head .stay-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.stay-head .stay-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.Stay-Extraordinary-sec .stay-camp-detail {
    font-size: 24px;
}


.Perfect-Travel-sec ul li {
    border: 1px solid black;
    padding: 0 5px 0 5px;
    line-height: 18px;
}

.crossimg {
    width: 8px;
    height: 8px;
    object-fit: cover;
    margin: 0 0 0 3px;
}

.Perfect-Travel-sec .accordion-button {
    padding: 15px 10px 15px 0px !important;
}

.Perfect-Travel-sec .accordion-button::after {
    width: 12px !important;
    height: 10px !important;
    background-size: 13px !important;

}

.Perfect-Travel-sec .accordion-button:not(.collapsed) {
    color: black !important;
    background-color: transparent !important;
}

.Perfect-Travel-sec .accordion-button:focus {
    border-color: white;

    box-shadow: none !important;
}

.Perfect-Travel-sec .accordion-button {
    background-color: transparent !important;
    /* / border-bottom: 1px solid !important; / */
}

.accordion-item {
    background-color: transparent !important;
    border-bottom: 1px solid rgb(0, 0, 0) !important;

}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    transform: rotate(-180deg);
}


.perfect-stay-card {
    height: 100%;
}

.perfect-stayimg-outer {
    width: 100%;
    height: 228px;

}

.perfect-stayimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.safari-hils-btns {
    position: absolute;
    top: 0;
}

/* .safari-hils-btns span {
    width: 100px;
    line-height: 9px;
} */
.stay-headtype h1 {
    display: inline-block;
    width: 25%;
}

.stay-headtype h2 {
    display: inline-block;
    width: 70%;
}


@media (max-width: 576px) {
    .collection-head {
        height: 170px !important;
    }

    .collection-head .collection-header-content-wrapper p {
        font-size: 26px !important;
    }

    .Stay-Extraordinary-sec .stay-camp-detail {
        font-size: 14px !important;
    }

    .stay-head {
        height: 170px !important;
        line-height: 30px !important;
    }

    .stay-head .stay-header-content-wrapper p {
        font-size: 26px !important;
    }

    .Perfect-Travel-sec .title h4 {
        font-size: 18px !important;
    }

    .perfect-stayimg-outer {
        height: 190px !important;
    }

    .header-logo {
        width: 120px !important;
        height: auto;
    }

    .hero-sec .banner-heading {
        font-size: 20px !important;
    }

    .hero-sec .banner-btn {
        padding: 8px;
        font-size: 14px !important;
    }

    .hero-sec {
        height: 260px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 280px;
    }

    .banner-cards-sec {
        background: #E2D6B9;
        padding: 30px 0;
    }

    .journey-sec .big-card-image {
        width: 100%;
        height: 250px;
    }

    .jounery-head {
        font-size: 22px;
    }
}
/* is mai stay ki media query h */
/* @@@@@@@@@@@@@@@@@@@-Stays CSS end -@@@@@@@@@@@@@@@@@@@*/


/* @@@@@@@@@@@@@@@@@@@- Collection CSS start -@@@@@@@@@@@@@@@@@@@*/

.collection-head {
    background-image: url(./images/collection-head.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.collection-head .collection-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.collection-head .collection-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.collectoon-sec .owl-carousel .owl-nav button.owl-next {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/brown-right-arrow-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */
}

.collectoon-sec .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/brown-left-arrow-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */

}


.collection-card {
    height: 100%;
}

.collection-imageouter {
    width: 100%;
    height: 235px;
}

.collection-imageouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collectoon-sec .owl-theme .owl-nav {
    top: 30%;
    left: 50%;

}

@media (max-width: 576px) {
    .login-image-outer img,
    .signup-image-outer img {
        border-radius: 15px 15px 0px 0px !important;
    }
    .login-image-outer,
    .signup-image-outer {
        height: 200px !important;
    }
    .collection-imageouter {
        height: 190px !important;
    }

    .collectoon-sec .owl-theme .owl-nav {
        top: 100% !important;
    }

    .collection-head {
        height: 170px !important;
    }

    .collection-head .collection-header-content-wrapper p {
        font-size: 26px !important;
    }

    .stories-head .stories-header-content-wrapper p {
        font-size: 26px !important;

    }

    .Stay-Extraordinary-sec .stay-camp-detail {
        font-size: 14px !important;
    }

    .stay-head {
        height: 170px !important;
        line-height: 30px !important;
    }

    .stay-head .stay-header-content-wrapper p {
        font-size: 26px !important;
    }

    .Perfect-Travel-sec .title h4 {
        font-size: 18px !important;
    }

    .perfect-stayimg-outer {
        height: 190px !important;
    }

    .header-logo {
        width: 120px !important;
        height: auto;
    }

    .hero-sec .banner-heading {
        font-size: 20px !important;
    }

    .hero-sec .banner-btn {
        padding: 8px;
        font-size: 14px !important;
    }

    .hero-sec {
        height: 260px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 280px;
    }

    .banner-cards-sec {
        background: #E2D6B9;
        padding: 30px 0;
    }

    .journey-sec .big-card-image {
        width: 100%;
        height: 250px;
    }

    .jounery-head {
        font-size: 22px;
    }
}


/* @@@@@@@@@@@@@@@@@@@- Collection CSS end -@@@@@@@@@@@@@@@@@@@*/








/* extra css */
* {
    padding: 0;
    margin: 0;
}

body {
    font-weight: 100 !important;
    /* Yahan required weight set karo */
}


@import url(https://db.onlinewebfonts.com/c/1eeab2d986186e65853217364b1bccd9?family=Argent+CF);
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'IkaTrial';
    src: url('./fonts/Ika\ Trial\ ExtraLight.woff2') format('woff2');
    font-style: normal;

}

@font-face {
    font-family: 'IkaTrial-bold';
    src: url('./fonts/IkaTrial-Light.woff') format('woff2');
    font-style: bold;

}

@font-face {
    font-family: 'spring-demo';
    src: url('./fonts/Argent\ CF.woff2') format('woff2');
    font-style: normal;
}

.spriing-font {
    font-family: 'spring-demo';
}

.ika-font {
    font-family: "IkaTrial";
}

.ika-font-bold {
    font-family: 'IkaTrial-bold';
}

.agent-font {
    font-family: "Argent CF";

}

.lato-font {
    font-family: "Lato", sans-serif;
    font-style: normal;

}


/* utilites-start */
.white-color {
    color: #FFFFFF !important;
}

.black-bgcolor {
    background-color: #000000 !important;
}

.black-color {
    color: #000000 !important;
}


.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.black-color {
    color: #000000 !important;
}

.bg-pink {
    background: #E6DBC1 !important;
}

.pink-bg {
    background-color: #E6DBC1 !important;
}

.lightpink-bg {
    background-color: #F5F2EB !important;
}

.extralight-bg {
    background-color: #E2D6B980;
}

.brown-bg {
    background-color: #AA5432 !important;
}

.brown-color {
    color: #AA5432 !important;
}


.inline-block {
    display: inline-block;
}

/* utilites-ends */


/* ============  header start ================ */
.header-logo {
    width: 150px;
    height: auto;
}

.log-sec {
    border-right: 2px solid #000000;
    padding-right: 20px;
}

.header-sec .navbar-nav :not(:last-child) {
    margin-right: 20px;
}

.header-sec .active {
    color: #AA5432 !important;
}

.header-sec a {
    color: #000000 !important;
    font-weight: 500;
}

.header-sec a:hover {
    color: #AA5432 !important;
}

/* ============  header end ================ */


/* ============  Hero section start ================ */
.hero-sec {
    background-image: url(./images/hero-banner.png);
    height: 620px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-sec .banner-btn {
    padding: 20px;
    border: 1px solid white;
}

/* ============  Hero section end ================ */


/* ============  Hero banner start ================ */
.banner-cards-sec {
    background: #E2D6B9;
    padding: 50px 0;
}

.banner-cards-sec .card-image-sec {
    width: 100%;
    height: 420px;
}

.banner-cards-sec .card-image-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-cards-sec .cards-head {
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
}

.journey-sec .big-card-image {
    width: 100%;
    height: 470px;
}

.journey-sec .big-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discover-btn {
    position: absolute;
    bottom: 15px;
}

/* ============  Hero banner Cards end ================ */



@media (min-width: 992px) and (max-width: 1200px) {
    .header-sec a {
        font-size: 12px !important;
    }
}

@media (max-width: 992px) {
    .header-sec a {
        margin: 4px;
    }

    .hero-sec {
        height: 430px;
    }

    .hero-sec .banner-heading {
        font-size: 30px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 330px;
    }
}


@media (max-width: 767px) {
    .hero-sec .banner-btn {
        padding: 14px;
        font-size: 14px !important;
    }

    .hero-sec {
        height: 350px;
    }

    .hero-sec .banner-heading {
        font-size: 24px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 270px;
    }

    .journey-sec .big-card-image {
        width: 100%;
        height: 325px;
    }
}



@media (max-width: 576px) {
    .login-image-outer img,
    .signup-image-outer img {
        border-radius: 15px 15px 0px 0px !important;
    }
    .login-image-outer,
    .signup-image-outer {
        height: 200px !important;
    }
    .collection-imageouter {
        height: 190px !important;
    }

    .collectoon-sec .owl-theme .owl-nav {
        top: 100% !important;
    }

    .collection-head {
        height: 170px !important;
    }

    .collection-head .collection-header-content-wrapper p {
        font-size: 26px !important;
    }

    .stories-head .stories-header-content-wrapper p {
        font-size: 26px !important;

    }

    .Stay-Extraordinary-sec .stay-camp-detail {
        font-size: 14px !important;
    }

    .stay-head {
        height: 170px !important;
        line-height: 30px !important;
    }

    .stay-head .stay-header-content-wrapper p {
        font-size: 26px !important;
    }

    .Perfect-Travel-sec .title h4 {
        font-size: 18px !important;
    }

    .perfect-stayimg-outer {
        height: 190px !important;
    }

    .header-logo {
        width: 120px !important;
        height: auto;
    }

    .hero-sec .banner-heading {
        font-size: 20px !important;
    }

    .hero-sec .banner-btn {
        padding: 8px;
        font-size: 14px !important;
    }

    .hero-sec {
        height: 260px;
    }

    .banner-cards-sec .card-image-sec {
        width: 100%;
        height: 280px;
    }

    .banner-cards-sec {
        background: #E2D6B9;
        padding: 30px 0;
    }

    .journey-sec .big-card-image {
        width: 100%;
        height: 250px;
    }

    .jounery-head {
        font-size: 22px;
    }
}

/* @@@@@@@@@@@@@@@@@@@-TRENDING-new-worthdy-sec-starts-@@@@@@@@@@@@@@@@@@@*/

.TRENDING-new-worthdy-sec .trending-imageouter {
    width: 100%;
    height: 415px;
    position: relative;
}

.TRENDING-new-worthdy-sec .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    text-align: center;
}

/* @@@@@@@@@@@@@@@@@@@-TRENDING-new-worthdy-sec-ends-@@@@@@@@@@@@@@@@@@@*/

/* @@@@@@@@@@@@@@@@@@@-Trending-sec-starts-@@@@@@@@@@@@@@@@@@@*/

html body .TRENDING-sec .owl-nav {
    display: none !important;
}

.kind-of-trip-sec h5 {
    font-size: 24px;
    font-weight: 300;
}

.kind-of-trip-sec .owl-theme .owl-nav {
    margin-top: 10px;
    display: flex !important;
    justify-content: space-between !important;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px 15px;
}

.kind-of-trip-sec .owl-carousel .owl-nav button.owl-next {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/right-navigation-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */
}

.kind-of-trip-sec .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/left-navigation-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */

}

.owl-next span {
    display: none;
}

.owl-prev span {
    display: none;
}

/* @@@@@@@@@@@@@@@@@@@-Trending-sec-starts-@@@@@@@@@@@@@@@@@@@*/

.trending-title h6 {
    font-weight: 900 !important;
    font-size: 13px;

}

.trending-title p {
    font-size: 24px;
    font-weight: 400 !important;

}

.trending-imageouter {
    width: 100%;
    height: 353px;
    position: relative;
}

.trending-imageouter .overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    text-align: center;
}

.trending-imageouter .overlay h1 {
    font-size: 20px;
    font-weight: 300;
}

.trending-imageouter .overlay p {
    font-size: 10px;
    font-weight: 300;
}

.trending-imageouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* @@@@@@@@@@@@@@@@@@@-Trending-sec-ends-@@@@@@@@@@@@@@@@@@@*/

/* @@@@@@@@@@@@@@@@@@@-business-dreams-sec-Starts-@@@@@@@@@@@@@@@@@@@*/

.business-video-outer {
    width: 100%;
    height: 490px;
    position: relative;
}

.business-video-outer .business-dreams-detail {
    font-size: 42px;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.business-video-outer video {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

/* @@@@@@@@@@@@@@@@@@@-business-dreams-sec-ends-@@@@@@@@@@@@@@@@@@@*/



/* @@@@@@@@@@@@@@@@@@@-Travel-Responsibly-sec-starts-@@@@@@@@@@@@@@@@@@@*/

.travel-imgouter {
    width: 100%;
    height: 420px;
}

.travel-imgouter video {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.travel-details {
    padding-top: 126px;
    padding-bottom: 126px;
}

.travel-details h1 {
    font-size: 16px;
    font-weight: 500;
}

.travel-details p {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.travel-details a {
    font-size: 12px;
    font-weight: 800;
}

.full-height {
    height: 100%;
}

.img-wrapper {
    position: relative;
}

.img-wrapper h6 {
    font-size: 20px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-box a {
    font-size: 12px;
    font-weight: 700;
}

.text-box p {
    font-size: 12px !important;
}

.why-Travel-sec h4 {
    font-size: 24px;
    font-weight: 400;
}

.our-story-butn button {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 13px 34px;
}

/* @@@@@@@@@@@@@@@@@@@-Travel-Responsibly-sec-ends-@@@@@@@@@@@@@@@@@@@*/



/* @@@@@@@@@@@@@@@@@@@-FOOTER_SECTION-starts-@@@@@@@@@@@@@@@@@@@*/
.form-check-label {
    font-weight: 300 !important;
}

.heritage-details h3 {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 40px;
}

.heritage-details p {
    font-size: 17px;
    color: #FFFFFF;
    line-height: 40px;
}


.heritage-choice p,
label {
    font-size: 12px;
    font-weight: 100 !important;
    color: #FFFFFF;
}

.term-text {
    font-size: 12px;
    line-height: 23px;
    font-weight: 100 !important;
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItNCAtNCA4IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSByPSIyIiBmaWxsPSIjMDAwIi8+PC9zdmc+") !important;
}

.form-check-input:checked {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.form-check-input {
    margin-top: 8px !important;
}

.form-check-input {
    width: 13px !important;
    height: 13px !important;
}

::placeholder {
    font-family: "IkaTrial" !important;
    font-size: 12px;
}

.Subscribe-butn button {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 13px 30px;
}

.main-links {
    margin-top: 55px;
}

.main-links label {
    font-size: 22px;
    font-weight: 100;
}

.main-links ul li {
    font-size: 11px;
    line-height: 20px;
    font-weight: 100;
}

.footer-socialimg {
    width: 22px;
    height: 22px;
}

.footer-socialimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.copy-text {
    font-size: 12px;
    font-weight: 100;
}

/* @@@@@@@@@@@@@@@@@@@-FOOTER_SECTION-ends-@@@@@@@@@@@@@@@@@@@*/




/* @@@@@@@@@@@@@@@@@@@-media-query-starts-@@@@@@@@@@@@@@@@@@@*/
@media (max-width:425px) {}

@media (max-width:576px) {

    .why-Travel-sec h4 {
        font-size: 18px !important;
    }

    .heritage-details h3 {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .heritage-details p {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .term-text {
        line-height: 20px !important;
    }

    .Subscribe-butn button {

        font-size: 12px !important;
    }

    .image-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .img-wrapper {
        width: 100%;
        height: 230px;
    }

    .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .text-box p,
    a {
        font-size:
            12px;
    }



    .text-box p {
        padding-bottom: 0px !important;
        font-weight: 500;
    }
}

@media (max-width:768px) {
    .travel-imgouter {
        height: 200px !important;
    }

    .kind-of-trip-sec h5 {
        font-size: 16px !important;
    }

    .trending-title p {
        font-size: 16px !important;
    }

    .business-video-outer {

        height: 200px !important;
    }

    .business-video-outer .business-dreams-detail {
        font-size: 13px !important;
        width: max-content !important;
    }

    .img-wrapper h6 {
        font-size: 14px !important;
    }

    .main-links ul {
        padding-left: 0 !important;
    }

    .main-links {
        margin-top: 10px !important;
    }

    .travel-details {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }

    .TRENDING-new-worthdy-sec .trending-imageouter {
        height: 280px !important;
    }

}

.stay-headtype h1 {
    display: inline-block;
    width: 25%;
}

.stay-headtype h2 {
    display: inline-block;
    width: 70%;
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 980px !important;
    }
    .stay-headtype h1 {
        display: inline-block;
        width: 26%;
    }

    .stay-headtype h2 {
        display: inline-block;
        width: 49%;
    }

    .image-container {
        display: flex !important;
        gap: 20px !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 400px !important;
    }

    .image-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: start !important;
        width: 33% !important;
        transition: width 0.3s ease-in-out !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .img-wrapper {
        flex: 1 !important;
        transition: flex 0.3s ease-in-out !important;
    }


    .img-wrapper img {
        width: 100% !important;
        height: 360px !important;
        display: block !important;
        transition: transform 0.3s ease-in-out !important;
    }

    /* Text box (Hidden by default) */
    .text-box {
        flex: 0 !important;
        background: white !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        opacity: 0 !important;
        display: none !important;
        transition: flex 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    }

    .text-box p {
        font-size: 12px !important;
        padding-bottom: 150px;
        font-weight: 500;
    }

    /* Hover effect */
    .image-box:hover {
        width: 80% !important;
        height: 100% !important;
    }

    .image-box:hover .text-box {
        flex: 1 !important;
        /* Show text */
        opacity: 1 !important;
        display: block !important;
    }

    .image-box:not(:hover) .img-wrapper {
        flex: 1 !important;
    }

    .image-container:hover .image-box:not(:hover) {
        width: 25% !important;
        /* Shrink other images */
    }

}

@media (min-width:768px) and (max-width:1024px) {
    .business-video-outer .business-dreams-detail {
        font-size: 35px !important;
    }
}

@media (min-width:992px) {

    .text-box p {
        padding-bottom: 175px !important;
        font-weight: 500;
    }

    .TRENDING-new-worthdy-sec .overlay {
        position: absolute;
        top: 73%;
        left: 50%;
        transform: translate(-50%, -27%) !important;
        width: 100%;
        text-align: center;
    }
}

/* @@@@@@@@@@@@@@@@@@@-media-query-ends-@@@@@@@@@@@@@@@@@@@*/









/* @@@@@@@@@@@@@@@@@@@-About Us CSS start -@@@@@@@@@@@@@@@@@@@*/
.about-head {
    background-image: url(./images/header-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.about-head .header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.about-head .header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.aboutus-wrapper .heading-para p {
    font-weight: 400;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
}

.aboutus-card .card-wrapper1 {
    background-image: url(./images/img1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.aboutus-card .card-wrapper2 {
    background-image: url(./images/img2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.aboutus-card .card-wrapper3 {
    background-image: url(./images/img3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    text-align: center;
    align-content: center;
}

.aboutus-card .card-wrapper {
    width: 100%;
    height: 350px;
    text-align: center;
}

.aboutus-card .card-wrapper h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0%;
    text-align: center;
}

.aboutus-card .card-wrapper-para p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
}

.card-wrapper-para {
    display: flex;
    flex-direction: column;
    height: 350px;
    justify-content: space-between;
}

.aboutus-card .card-wrapper-para a {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-decoration: underline;

}

.our-journy .our-journy-wrapper1 {
    background-image: url(./images/journy1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.our-journy .our-journy-wrapper3 {
    background-image: url(./images/rock.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.our-journy .our-journy-wrapper2 {
    background-image: url(./images/journy2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    align-content: center;
}

.our-journy .our-journy-wrapper2 h4 {
    font-size: 24px;
    font-weight: 300;
}

.our-journy .our-journy-wrapper2 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.journy-africa .africa-wrapper {
    width: 100%;
    height: 400px;
    align-content: center;
}

.journy-africa .africa-wrapper h4 {
    font-size: 24px;
    font-weight: 300;
}

.journy-africa .africa-wrapper p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.journy-africa .africa-wrapper-zeb {
    background-image: url(./images/zebra.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.journy-africa .africa-wrapper-highking {
    background-image: url(./images/highking.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

.journy-africa .africa-wrapper a {
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
}

.about-us-video {
    background-color: #E2D6B9;

}

.video-wrapper {
    width: 100%;
    text-align: center;
    align-content: center;


}

.video-container {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;

}

.video-container video {
    display: block;
    width: 100%;
    height: 450px;
    border-radius: 10px;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
    /* Adjust size */
    height: 140px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.play-button.hidden {
    opacity: 0;
    pointer-events: none;
    /* Disable click when hidden */
}














.carousel-container {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.carousel-text {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
    width: 60%;
}

.carousel-text h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.carousel-text p {
    font-size: 16px;
    color: #000;
    padding: 0 80px;
}

/* Navigation Buttons */
.carousel-container .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.owl-prev,
.owl-next {
    background: none !important;
    border: none !important;
    outline: none !important;
}

.custom-nav {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
    object-fit: contain;
}

.discover-stories {

    background-color: #F5F2EB;

}

.stories-card {
    border: 1px solid #000000;
    background-color: #fff;
    padding: 15px;
}

.stories-card .stories-img-wrapper {
    width: 100%;
    height: 230px;
}

.stories-card .stories-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stories-wrapper h4 {
    font-weight: 700;
    font-size: 16px;

}

.stories-wrapper p {
    font-weight: 100;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0%;

}

.view-all ul li button {
    border: 1px solid #000000;
    border-radius: 0;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 18px;
}

.stories-card h5 {
    font-weight: 700;
    font-size: 14px;
}

.stories-card a {
    font-weight: 100;
    font-size: 26px;
    text-decoration: none;
    line-height: 33px;
}

.stories-card p {
    font-weight: 100;
    font-size: 13px;
}

.about-us-adventure {

    background-image: url(./images/ice-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    align-content: center;
}

.adventure-wrapper h1 {
    text-align: center;
    font-weight: 400;
    font-size: 50px;
}

.text-scroll .man-wrapper {
    background-image: url(./images/man.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    align-content: center;
}


.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: inline !important;
    width: fit-content;
    display: flex ! IMPORTANT;
    justify-content: space-around;
    width: 100%;

}

.carousel-container .owl-nav.disabled {
    margin-top: 300px;
}










.testimonial-container {
    width: 100%;
    margin: auto;
    background: #f5f1eb;
    padding: 30px;
    height: 490px;
    text-align: center;
    align-content: center;
}

.testimonial-container h3 {

    font-size: 16px;
    font-weight: 700;
}

.testimonial-text {
    color: #000;
    font-weight: 100;
    font-size: 24px;
    line-height: 34px;
    text-align: center;

}

.author {
    margin-top: 10px;
    font-family: Ika Trial;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}

.testimonial-container .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 120px;
}

.owl-nav button {
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-size: 20px;
    margin: 0 10px;
}


.swiper {
    width: 100%;
    height: 170px;
}

.swiper-slide img {
    width: 100%;
    height: 100%;


}

.left-right-wrapper {

    width: 50px;
    height: 50px;
}

.left-right-wrapper img {

    width: 100%;
    height: 100%;
    object-fit: scale-down;

}

.swipe-wrapper-btn ul li ul {
    gap: 15px;
}

.affilliate-content-wrapper h4 {
    font-weight: 700;
    font-size: 16px;

}

.affilliate-content-wrapper p {
    font-size: 25px;
    line-height: 34px;
}




/* media query start */
/* tablet media query */
@media (min-width: 768px) and (max-width: 1024px) {

    .aboutus-wrapper .heading-para p {
        font-size: 16px;
        line-height: 30px;
    }

    .our-journy .our-journy-wrapper1 {
        height: 100%;
    }

    .our-journy .our-journy-wrapper2 {
        height: 100%;
    }

    .journy-africa .africa-wrapper {
        height: 100%;
    }

    .journy-africa .africa-wrapper-zeb {
        height: 100%;
    }

    .our-journy .our-journy-wrapper3 {
        height: 100%;
    }

    .journy-africa .africa-wrapper-highking {
        height: 100%;
    }

    .adventure-wrapper h1 {
        font-size: 30px;
    }

    .about-us-adventure {
        height: 300px;
    }

    .stories-card {
        height: 488px;
    }

    .video-container {
        height: 310px;
    }

    .play-button {

        width: 100px;
        height: 100px;
    }

    .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 314px;
    }

    .carousel-text p {
        padding: 0;
    }

    .testimonial-container .owl-nav {

        margin-top: 164px;
        justify-content: center;
    }


}

@media (min-width:991px) and (max-width: 1024px) {

    .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 381px;
    }

    .stories-card {
        height: 537px;
    }

    .video-container {
        height: 400px;
    }

    .testimonial-container .owl-nav {

        margin-top: 164px;
        justify-content: center;
    }

}

@media (min-width:320px) and (max-width:567px) {

    .aboutus-wrapper .heading-para p {
        font-size: 16px;
        line-height: 32px;
    }

    .card-wrapper-para {
        text-align: center;
    }

    .our-journy {

        padding: 15px;
    }

    .our-journy .our-journy-wrapper2 {
        height: 100%;
        text-align: center;
    }

    .journy-africa .africa-wrapper {
        height: 100%;
        text-align: center;
    }

    .journy-africa {
        padding: 15px;
    }

    .africa-wrapper {
        padding-right: 0 !important;
    }

    .journy-africa .africa-wrapper-zeb {
        height: 235px;
    }

    .journy-africa .africa-wrapper-highking {
        height: 252px;
    }

    .video-wrapper {
        padding: 0 !important;
    }

    video {
        height: 200px;
    }

    .play-button {
        width: 60px;
        height: 60px;
    }

    .about-us-adventure {
        height: 200px;
    }

    .adventure-wrapper h1 {
        font-size: 20px;
    }

    .about-our-affilliate {
        padding: 15px;
    }

    .affilliate-content-wrapper p {
        font-size: 20px;
    }

    .affilliate-content-wrapper h4 {
        font-size: 14px;
    }

    .left-right-wrapper {
        width: 40px;
        height: 40px;
    }

    .text-scroll .man-wrapper {
        height: 310px;
    }

    .testimonial-text {
        font-size: 16px;
    }

    .author {
        font-size: 14px;
    }

    .discover-stories {

        padding: 0 15px;
    }

    .stories-wrapper h4 {
        font-size: 14px;
    }

    .stories-wrapper p {
        font-size: 16px;
        line-height: 25px;
    }

    .view-all ul li button {

        font-size: 12px;
        padding: 8px 15px;
    }

    .our-journy .our-journy-wrapper1 {
        height: 288px;
    }

    .stories-card a {
        font-size: 20px;
        line-height: 26px;
    }

    .stories-card h5 {
        font-size: 12px;
    }

    .our-journy .our-journy-wrapper3 {

        height: 250px;
    }

    .carousel-text p {
        padding: 0;
    }

    .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 384px;
    }

    .testimonial-container .owl-nav {

        margin-top: 100px;
        justify-content: center;
    }

    header .header-content-wrapper p {
        font-size: 25px;
        line-height: 40px;
    }

    .about-head {

        height: 200px;
    }

    header .header-content-wrapper h4 {
        font-size: 14px;
    }

}


/* media query css end */

/* @@@@@@@@@@@@@@@@@@@-About Us CSS end -@@@@@@@@@@@@@@@@@@@*/








/* @@@@@@@@@@@@@@@@@@@-Stays CSS start -@@@@@@@@@@@@@@@@@@@*/


.stay-head {
    background-image: url(./images/staysbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.stay-head .stay-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.stay-head .stay-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.Stay-Extraordinary-sec .stay-camp-detail {
    font-size: 24px;
}


.Perfect-Travel-sec ul li {
    border: 1px solid black;
    padding: 0 5px 0 5px;
    line-height: 18px;
}

.crossimg {
    width: 8px;
    height: 8px;
    object-fit: cover;
    margin: 0 0 0 3px;
}

.Perfect-Travel-sec .accordion-button {
    padding: 15px 10px 15px 0px !important;
}

.Perfect-Travel-sec .accordion-button::after {
    width: 12px !important;
    height: 10px !important;
    background-size: 13px !important;

}

.Perfect-Travel-sec .accordion-button:not(.collapsed) {
    color: black !important;
    background-color: transparent !important;
}

.Perfect-Travel-sec .accordion-button:focus {
    border-color: white;

    box-shadow: none !important;
}

.Perfect-Travel-sec .accordion-button {
    background-color: transparent !important;
    /* border-bottom: 1px solid !important; */
}

.accordion-item {
    background-color: transparent !important;
    border-bottom: 1px solid rgb(0, 0, 0) !important;

}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    transform: rotate(-180deg);
}


.perfect-stay-card {
    height: 100%;
}

.perfect-stayimg-outer {
    width: 100%;
    height: 228px;

}

.perfect-stayimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.safari-hils-btns {
    position: absolute;
    top: 0;
}

.safari-hils-btns span {
    width: 100px;
    line-height: 9px;
}

/* @@@@@@@@@@@@@@@@@@@-Stays CSS end -@@@@@@@@@@@@@@@@@@@*/

/* @@@@@@@@@@@@@@@@@@@- Collection CSS start -@@@@@@@@@@@@@@@@@@@*/

.collection-head {
    background-image: url(./images/collection-head.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.collection-head .collection-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.collection-head .collection-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.collectoon-sec .owl-carousel .owl-nav button.owl-next {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/brown-right-arrow-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */
}

.collectoon-sec .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/brown-left-arrow-modified.png) !important;
    /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* Optional: Adds a slight border for better visibility */

}


.collection-card {
    height: 100%;
}

.collection-imageouter {
    width: 100%;
    height: 235px;
}

.collection-imageouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collectoon-sec .owl-theme .owl-nav {
    top: 30%;
    left: 50%;

}

/* @@@@@@@@@@@@@@@@@@@- Collection CSS end -@@@@@@@@@@@@@@@@@@@*/


/* @@@@@@@@@@@@@@@@@@@- Stories CSS start -@@@@@@@@@@@@@@@@@@@*/
.stories-head {
    background-image: url(./images/stories.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.stories-head .stories-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.stories-head .stories-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.editors-picks-card .editors-picks-imageouter {
    width: 100px;
    height: 85px;
}
.editors-picks-imageouter img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    flex-shrink: none !important;

}

.editors-picks-sec .owl-theme .owl-nav {
    top: 30%;
    left: 2%;
}
.editors-picks-sec .owl-stage-outer {
    margin-left: 84px;
    margin-right: 14px;
}
.editors-picks-sec .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    justify-content: space-between !important;
}
 
.editors-picks-sec .owl-theme .owl-nav {
    top: 13%;
    left: 0%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 104%;
}



/* @@@@@@@@@@@@@@@@@@@- Stories CSS end -@@@@@@@@@@@@@@@@@@@*/




/* @@@@@@@@@@@@@@@@@@@- Stories CSS end -@@@@@@@@@@@@@@@@@@@*/
.login-image-outer {
    width: 100%;
    height: 558px;
}
.signup-image-outer {
    width: 100%;
    height: 618px;
}
.signup-image-outer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 0px 0px 15px;

}
.login-image-outer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 0px 0px 15px;

}
.btn-close {
    position: absolute !important; 
    right: 0 !important;
    padding: 28px 0 0 53px !important;
    z-index: 999;
}
.modal-content {
    border-radius: 15px !important;
}

.login-eye img {
    right: 8px;
    top: 10px;
    width: 17px;
    height: 17px;
}


html body .form-check-input:checked {
    background-color: #FFFFFF !important;
    border-color: black !important;
}
/* @@@@@@@@@@@@@@@@@@@- Stories CSS end -@@@@@@@@@@@@@@@@@@@*/






/* @@@@@@@@@@@@@@@@@@@-jounery inner CSS start -@@@@@@@@@@@@@@@@@@@*/
.jounery-inner {
    padding: 30px 0px;
    background-image: url(./images/staysbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100% !important;
    text-align: center;
    align-content: center;
}

.zebra-banner {
    width: 100%;
    height: 420px;
}

.zebra-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.hotel-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blk-box {
    width: 14px;
    height: 14px;
    background: #000000;
    border-radius: 2px;
}

.essential-btn {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 14px 22px;
}

.quanty {
    background: #F5F2EB;
}

.fltr-btn {
    background: black;
    color: white;
    padding: 6px 8px;
    font-size: 13px;
    border-radius: 5px;
    cursor: pointer;
}

.fltr-tag {
    border: 1px solid #262525;
    padding: 6px 8px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
}

.wishlist-image-sec {
    width: 100%;
    height: 260px;
}

.wishlist-image-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wish-btn {
    background: none;
    border: 1px solid black;
    padding: 8px 14px;
    border-radius: 5px;
}

.group-image-sec {
    width: 100%;
    height: 350px;
}

.group-image-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grop-jouner-sec {
    background: #F5F2EB;
}

.sml-lightpink {
    background: #E6DBC1;
}

.journy-acordian-sec .accordion-button::after {
    display: none !important;
}

.journy-acordian-sec .accordion-button {
    background: #E6DBC1;

}

.journy-acordian-sec .accordion-button:not(.collapsed) {
    background: #E6DBC1;
    color: black;
    box-shadow: none;
}

.journy-acordian-sec .accordion-body {
    background: #E6DBC1;
}
.journy-acordian-sec .accordion-body p {
    border-top: 1px solid;
}

.journy-acordian-sec .icon {
    transition: transform 0.3s ease;
    font-size: 25px;
}

.journy-acordian-sec .accordion-button[aria-expanded="true"] .icon {
    transform: rotate(180deg);
}

.advanch-image-sec{
    width: 100%;
    height: 400px;
}
.advanch-image-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.advanch-sml-image{
    width: 100%;
    height: 250px;
}
.advanch-sml-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.finder-sec .f-srch{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px 23px;
    background: #AA5432;
    border-radius: 0 5px 5px 0;
    border: none;
    color: white;
}
.finder-sec .form-control{
    padding: 5px 70px 5px 10px;
}




@media (max-width: 992px) {
    .hotel-image {
        height: 290px;
    }

    .group-image-sec {
        width: 100%;
        height: 290px;
    }
}

@media (max-width: 767px) {
    .zebra-banner {
        width: 100%;
        height: 250px;
    }
    .test-sec .owl-nav.disabled {
        top: 100% !important;
    }
}

@media (max-width: 576px) {
    .stay-head .stay-header-content-wrapper p {
        line-height: 40px;
    }
}

/* @@@@@@@@@@@@@@@@@@@-jounery inner CSS end -@@@@@@@@@@@@@@@@@@@*/






/* @@@@@@@@@@@@@@@@@@@- safari start -@@@@@@@@@@@@@@@@@@@*/
.safari-hero-section{
    background-image: url(./images/safari-bg.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
    align-content: center;
}
.safari-hero-section .hero-content-wrapper{
    text-align: -webkit-center !important;
}
.safari-hero-section .hero-content-wrapper .small-wrapper .group{

    background-color: #E6DBC1;
    border-radius: 5px;
    text-align: center;
    align-content: center;
    padding: 5px 10px;
    
}

.safari-hero-section .hero-content-wrapper .small-wrapper .offer{

    background-color:#AA5432;
    border-radius: 5px;
    text-align: center;
    align-content: center;
    padding: 5px 10px;
    
}

.safari-hero-section .trip-info {
    padding: 15px;
    border-radius: 8px;
}

.safari-hero-section .info-item h2 {
    font-size: 30px;
    font-weight: bold;
}

.safari-hero-section .info-item p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.safari-hero-section .divider {
    width: 80%;
    border-top: 1px solid white;
    margin: 10px auto;
}
.safari-pdf-section{
    background-color: #E6DBC1;
}
.pdf-card {
    background-color:#FFFFFFB2;
    height: 110px;
    align-content: center;
    border-radius: 5px;
    text-align: center;

}
.safari-pdf-section .pdf-download button{

    text-transform: uppercase;
    color: #000;
    background-color: transparent;
    border: 1px solid;
    padding: 15px 50px;
}
.safari-pdf-section .pdf-download{
    height:362px;
    align-content: center;
}

.safari-image-cover{

    background-image: url(./images/safari-img-2.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:400px;
}
.safari-itinerary .map-cover{
    height: 400px;
}



.safari-itinerary .timeline {
    position: relative;
    padding-left: 40px;
    border-left: 4px solid #b44b29; /* Vertical Line */
    margin-left: 20px;
}

.safari-itinerary .timeline-item {
    position: relative;
    margin-bottom: 40px;
}

.safari-itinerary .timeline-dot {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: #b44b29;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px #b44b29;
}

.safari-itinerary .timeline-content {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.safari-itinerary .itinerary-img img {
    width: 280px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.safari-itinerary .ite-img-wrapper{

    width: 100%;
    height:300px;

}
.safari-itinerary .ite-img-wrapper img{

    width: 100%;
    height:100%;
    object-fit: cover;
    
}

.safari-itinerary .itinerary-container {
    max-width: 900px;
    margin: auto;
    padding: 20px;
}
.safari-itinerary .location-badge {
    background-color:#AA5432;
    color: white;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 0 5px 5px 0;
    display: inline-block;
}
.safari-itinerary .vertical-line {
    border-left: 3px solid #AA5432;
    
}
.safari-itinerary .day-content {
    padding: 15px;
    background: white;
    border-radius: 5px;
}
.safari-itinerary .hotel-info {
    font-weight: bold;
}
.safari-itinerary .itinerary-img img {
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
}
.safari-itinerary .itinerary-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.safari-extensions {

    background-color: #E6DBC1;
}
.safari-extensions .ext-img-div{
    width: 100%;
    height:180px;
}
.safari-extensions .ext-img-div img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.safari-extensions .ext-content{
    background-color: #fff;
}
.safari-accrodion{

    background-color: #F5F2EB;
}
.safari-accrodion .accordian-offer-inclusion .offer-box {
    background-color: #fff;
    border-left:10px solid #AA5432;
    padding: 15px;
}

.safari-accrodion .badge-custom {
    background-color: #AA5432;
    padding: 6px 14px;
    border-radius: 6px;
}
.safari-accrodion .accordion-button:not(.collapsed){
    color: #000;
    background-color: #fff !important;
}
.safari-accrodion .accordion-button:focus{
    box-shadow: none;
}
.safari-accrodion span.badge.ms-auto.black.ika-font {
    border: 1px solid;
}
.safari-accrodion button.btn.btn-sm.btn-warning.float-end{
background-color: #AA5432;
color: #fff;
border: none;
}
.safari-accrodion button.btn.btn-sm.btn-warning.float-end:focus{

    box-shadow: none;
    border: none;
}

.safari-accrodion .accordion-button:not(.collapsed)::after {
    background-image: url(./images/up-arrow.png);
    transform:rotate(1deg);
}

.safari-accrodion .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(./images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.safari-essential-infromation button{

    border: 1px solid;
    background-color: transparent;
    padding: 12px 20px;
}
.safari-essential-infromation button:focus{

    border: 1px solid;
    background-color: transparent;
    box-shadow: none;
    color: #000;
}
.safari-essential-infromation button:hover{

    border: 1px solid;
    background-color: transparent;
    color: #000;
}


.safari-adventure{
    background-color: #E6DBC1;

}


.safari-accrodion .accordion-item {
    background-color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    border: none;
}
.safari-accrodion .accordion-button {
    font-weight: bold;
}
.safari-accrodion .badge {
    font-size: 12px;
}
.safari-accrodion .enquire-btn {
    background-color: #b55b34;
    color: white;
    border-radius: 5px;
    padding: 5px 15px;
    text-decoration: none;
    font-weight: bold;
}

.safari-extensions .details-container {
    max-width: 600px;
    padding:10px 20px;
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    gap:30px;
}

.safari-extensions .details-container h5 {
    font-weight: bold;
    font-size: 20px;
}

.safari-extensions .details-container p {
    font-size: 16px;
    
}

.safari-extensions .view-details {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
}


.safari-adventure .dropdown-container {
    position: relative;
    display: inline-block;
}

.safari-adventure select {
    font-family: "Argent CF" !important;
font-size:25px;
font-weight:500;
color: #222;
background-color:transparent;
border: none;
border-bottom: 2px solid #000;
border-radius:0;
padding: 10px 35px 10px 15px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
text-decoration: none; /* ✅ Underline Remove */
transition: all 0.3s ease-in-out;
}

.safari-adventure select:hover {
    background-color: transparent;
}

.safari-adventure .dropdown-container::after {
    content: "";
    background-image: url(./images/down-arrow.png);
    background-size: contain; /* ✅ Ensure arrow fits */
    background-repeat: no-repeat; /* ✅ No repeat */
    width: 25px; /* ✅ Adjust size */
    height: 15px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: block; /* ✅ Ensure it appears */
}

/* Styling Dropdown Options */
.safari-adventure select option {
    background:transparent;
    color: #222;
    font-size: 16px;
    padding: 10px;
}

.safari-adventure select option:hover {
    background: #e0d5c0;
}

@media (min-width:768px) and (max-width:991px){

.safari-adventure select{

    font-size: 20px;
}

.safari-essential-infromation button{

    font-size: 14px !important;
}

.safari-pdf-section .pdf-download{

    height: auto;
    text-align: center;
}

.safari-pdf-section .pdf-download button {
    padding: 10px 30px;
    font-size: 14px;
}

.safari-image-cover{
    height: 240px;
}
.safari-extensions .ext-img-div{
    height: 165px;
}

.safari-essential-infromation button{

    margin-top: 20px;
}

.safari-itinerary .map-cover{

    height: 300px;
}
.iteration-wrapper h4{
    font-size: 20px;
}


}
@media (min-width:320px) and (max-width:567px){
.safari-adventure select{

    font-size: 14px;
    border-bottom: 1px solid #000;
}
.safari-adventure .dropdown-container::after{

    width: 18px;
    height: 18px;

}

.safari-adventure select option {

    font-size: 14px;
    
}

.safari-essential-infromation button {
    padding: 10px 15px;
    font-size: 12px !important;
}

.kind-of-trip-sec h5 {
    font-size: 14px !important;
}
.safari-extensions{
    padding: 10px;
}

.safari-itinerary .map-cover{
    height: 200px;
}
.safari-image-cover{
    height: 150px;
}

.safari-pdf-section .pdf-download{
    text-align: center;
}
.safari-pdf-section .pdf-download button {
    padding: 10px 30px;
    font-size: 14px;
}

.pdf-card {
    text-align: center !important;
}
.itinerary-item .vertical-line .gap-2{
    display: block !important;
}
.safari-itinerary .ite-img-wrapper{

    height: 200px;
    padding: 15px;
}

.safari-itinerary .itinerary-container {
    padding: 0px;
    margin: 40px 0;
}
.itinerary-container h3{
    text-align: center;
}
.accordian-offer-inclusion h3{
    text-align: center;
}
.safari-accrodion .dates-price{
    text-align: center;
}
.kind-of-trip-sec .owl-theme .owl-nav {
    margin-top: 10px;
    display: flex !important
;
    justify-content: center !important;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 50%;
    gap: 20px;
}
.safari-hero-section .hero-content-wrapper h1{
    font-size: 22px;
}

.safari-hero-section .hero-content-wrapper p{

    font-size: 14px !important;
}
.info-item h2{

    font-size: 22px !important;
}
.info-item p{
    font-size: 16px !important;
}

.safari-extensions .details-container{
    text-align: center;
    display: block;
}

.safari-hero-section .hero-content-wrapper .small-wrapper {

    margin-bottom: 20px;
}

}



@media (max-width: 768px) {
    .safari-itinerary .itinerary-item {
        flex-direction: column;
    }
    .safari-itinerary .itinerary-img img {
        width: 100%;
    }
}


@media (max-width: 768px) {
    .timeline {
        padding-left: 30px;
    }
    .timeline-dot {
        left: -8px;
    }
}

/* @@@@@@@@@@@@@@@@@@@- safari end -@@@@@@@@@@@@@@@@@@@*/







/* luxury css start destination */
.botswana-luxury-safari{

    background-color: #F5F2EB;
}
.botswana-luxury-safari .luxury-img-cover {

    width: 100%;
    height: 500px;
    position: relative;
}

.botswana-luxury-safari .luxury-img-cover img{

    width: 100%;
    height:100%;
    object-fit: cover;
}
.botswana-luxury-safari .destination-content .firt-para{

    font-size: 20px;
}
.botswana-luxury-safari .destination-content .second-para{

    font-size: 14px;
}

/* .botswana-luxury-safari .heading-dest {
    position: absolute;
        width: 100%;
        text-align: center;
        align-items: center;
        align-content: center;
        top: 32%;
} */
.botswana-luxury-safari .heading-dest {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.botswana-luxury-safari .heading-dest a{

    line-height: 35px;
    text-underline-offset: 5px;
}

.bg-cream{
background-color: #E2D6B9;

}
.bg-light-cream{
    background-color: #F5F2EB;
}


.destination-luxury-bg{
    background-image: url(./images/giraf.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}

.map-destionation .map-cover {

    width: 100%;
    height: 500px;
    border: 3px solid #000;


}

.egypt-destination-luxury-bg{
    background-image: url(./images/eg1.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}

.egypt-hero {

    background-image: url(./images/desert.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}

.ethiopia-hero {

    background-image: url(./images/Ethiopia.jpg);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}

.ethiopia-destination-luxury-bg{
    background-image: url(./images/etho2.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}


.antarctica-hero {

    background-image: url(./images/Antarctica-min.jpg);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}
.destination-ant-luxury-bg{
    background-image: url(./images/ant2.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}

.botswana-luxury-safari .heading-dest h1{
    font-size:55px;
}

.china-hero {

    background-image: url(./images/china-arch-min.jpg);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}

.aus-hero {

    background-image: url(./images/Australia.jpg) ;
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}

.aus-destination-luxury-bg{
    background-image: url(./images/china1.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}
/* .belz-hero {

    background-image: url(./images/belz1.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

} */
.belz-hero {

    background-image: url(./images/Egypt.jpg);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}

.belgium-hero {

    background-image: url(./images/belg1.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}

.maldives-hero {

    background-image: url(./images/mald1.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}
.morocco-hero {

    background-image: url(./images/moroco2.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}



.greenland-hero{

    background-image: url(./images/Greenland-min.jpg);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;
}

.greenland-destination-luxury-bg{
    background-image: url(./images/green2.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    height: 500px;
    object-fit: cover;
    text-align: -webkit-right;
    padding: 40px;
    align-content: center;
}

.argent-hero{

    background-image: url(./images/argent2.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;
}

.antigua-hero{

    background-image: url(./images/Arctic-min.jpg);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}
.hero-content-wrapper a{

    text-underline-offset: 5px;
}


@media (min-width:768px) and  (max-width:1024px) {

    .botswana-luxury-safari .heading-dest h1{
        font-size: 28px !important;
    }

    .destination-content {
        text-align: center;
        margin-top: 25px;
    }

    .botswana-luxury-safari .destination-content .firt-para {
        font-size: 20px;
    }
    .heading-dest h1{

        font-size: 25px;
    }
 
    .map-destionation .map-cover {

        height: 300px;
    }
    .egypt-hero{
        height: 250px !important;
    }
    .ethiopia-hero{
        height: 250px !important;
    }
    .antarctica-hero{
        height: 250px !important;
    }
    .china-hero {

        height: 250px !important;
    }
    .aus-hero{
        height: 250px !important;
    }
    .belz-hero {
        height: 250px !important;
    }

    .belgium-hero {
        height: 250px !important;
    }
    .maldives-hero{
        height: 250px !important;

    }
    .morocco-hero{

        height: 250px !important;
    }

    .greenland-hero{

        height:250px !important;
    }

    .argent-hero{
        height:250px !important;

    }

}
@media (min-width:320px) and  (max-width:567px) {

    .argent-hero{
        height: 170px !important;

    }

    .greenland-hero{

        height: 170px !important;
    }

    .morocco-hero{

        height: 170px !important;
    }

    .maldives-hero{
        height: 170px !important;

    }
    .belgium-hero {
        height: 170px !important;
    }
    .belz-hero {
        height: 170px !important;
    }
    .aus-hero {
        height: 170px !important;
    }
    .china-hero {

        height: 170px !important;
    }

    .antarctica-hero{
        height: 170px !important;
    }
    .ethiopia-hero{

        height: 170px !important;
    }

    .card-destination-egypt .egpyt-card-cover .egpt-img{

        height: 200px !important;
    }
    .card-destination-egypt .egpyt-card-cover a {
        font-size: 20px !important;
    }
    .egypt-hero{
        height: 170px !important;
    }
.botswana-luxury-safari .luxury-img-cover{

    height: 200px;
}

.botswana-luxury-safari .heading-dest h1{

    font-size: 20px !important;
}
.botswana-luxury-safari .heading-dest a{

    font-size: 12px !important;
}
.destination-content{
    text-align: center;
    margin-top: 25px;
}
.botswana-luxury-safari .destination-content .firt-para {
    font-size: 18px;
}
.map-destionation .map-cover {
    height: 200px;
}
}

.card-destination-egypt .egpyt-card-cover .egpt-img{

    width: 100%;
    height:350px;
    border: 2px solid #000;
}
.card-destination-egypt .egpyt-card-cover .egpt-img img{

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-destination-egypt .egpyt-card-cover a{

    font-size: 25px;
}


/* luxury css end destination */



/* @@@@@@@@@@@@@@@@@@@ stays inner pages css start @@@@@@@@@@@@@@@@@@@@ */

.stays-villas-card .stays-villas-imageouter {

    width: 100%;
    height: 632px;

}

.stays-villas-card .stays-villas-imageouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stays-villas-sec .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    background-image: url(./images/brown-left-arrow-modified.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.stays-villas-sec .owl-theme .owl-nav {
    top: 30%;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 100px;
}


.newproduct {
    width: 55px !important;
}

.testimonials-arrowimg {
    width: 40px;
    height: 40px;
}

.stay-tracel-card {
    height: 100%;

}

.stay-tracel-card .travel-details {
    padding-top: 107px;
    padding-bottom: 126px;
}

.our-people-imgouter {
    width: 100%;
    height: 229px;
}

.our-people-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.Safari-card .Safari-cardimg-outer {
    width: 100%;
    height: 620px;
    position: relative;
}

.Safari-card .Safari-cardimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Safari-card-detail {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%);
    color: #FFFFFF;
    width: 74%;
}

.Our-portfolio-card {
    height: 100%;
}

.Our-portfolio-card .Our-portfolio-cardimg-outer {
    width: 100%;
    height: 309px;
}

.Our-portfolio-card .Our-portfolio-cardimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsletter-form input {
    background-color: #F9F9F9;
    border: none !important;
}

.newsletter-form ::placeholder {
    color: #7F7F7F !important;
    font-size: 12px;
}

.newlletter-submit-button button {
    padding: 12px 30px 12px 30px;
    border: 1px solid #000000;
    border-radius: 5px;
    background-color: transparent;
}

.stay-travel-form-sec .form-check-input:checked {
    background-color: #AA5432;
    border-color: #AA5432;
}

@media (max-width: 576px) {

    .stays-villas-sec {
        margin-bottom: 90px;
    }

    .stays-villas-sec .owl-theme .owl-nav {
        padding: 8px !important;
    }

    .testimonials-sec .carousel-control-next,
    .carousel-control-prev {
        top: 260px !important;
    }

    .testiomonails-two .carousel-control-next,
    .carousel-control-prev {
        top: 200px !important;
    }

    .Our-portfolio-card .Our-portfolio-cardimg-outer {
        height: 209px !important;
    }

    .stays-slider .owl-carousel {
        margin-bottom: 70px !important;
    }

    .testimonials-sec {
        margin-bottom: 133px !important;
    }

    .our-people-imgouter {
        width: 100%;
        height: 200px !important;
    }

    .Safari-card .Safari-cardimg-outer {
        height: 250px !important;
    }
    .testiomonails-two{
        margin-bottom: 35px !important;
    }
}

@media (max-width: 768px) {
    .stays-villas-card .stays-villas-imageouter {
        height: 332px !important;
    }


}

@media (min-width: 992px) {
    .testimonials-sec .carousel {
        width: 80%;
        margin: 0 auto;
    }

}

/* @@@@@@@@@@@@@@@@@@@ stays inner pages css end @@@@@@@@@@@@@@@@@@@@ */




/* user-dashboard */
.dashboard-head {
    background-image: url(./images/dashboard.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.dashboard-head .dashboard-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.dashboard-head .dashboard-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.desktop-view {
    background-color: #AA5432;
}

.user-imgouter {
    width: 115px;
    height: 115px;
    margin: 0 auto;
}

.user-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}


.nav-pills .nav-item .nav-link.active {
    background-color: #007bff;
    /* Active button color */
    color: #FFFFFF;
}

.uploaduser-imgouter {
    width: 115px;
    height: 115px;
}

.uploaduser-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}

.nav-pills .nav-item .nav-link.active {
    background-color: #FFFFFF;
    color: #AA5432 !important;
}

.nav-link {
    width: 100%;
    text-align: start;
}

.nav-pills .nav-link {
    border-radius: 7px 0 0 7px;
    padding: 5px;
    color: #FFFFFF !important;
}


.my-account-card .accountimg-outer {
    width: 100%;
    height: 233px;
}

.accountimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uploaduser-imgouter {
    position: relative;
}

.upload-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn img {
    width: 40px;
    height: 40px;
    padding: 0;
}

.upload-btn-wrapper .btn {
    border: none !important;
    padding: 0 !important;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}


.payment-section .downarrow-img {
    width: 18px;
    height: 18px;
}

.note-sec {
    border-left: 10px solid #AA5432;
}

.payment-button button {
    line-height: 40px;
    background-color: #AA5432 !important;
    color: white !important;
    border-radius: 5px !important;
    width: 53% !important;
}

.next-buton button {
    line-height: 32px;
    background-color: #AA5432 !important;
    color: white !important;
    border-radius: 5px !important;
    width: 27% !important;
}

html body .payment-button .nav-pills .nav-item .nav-link.active {
    color: #FFFFFF !important;
}

html body .next-buton .nav-pills .nav-item .nav-link.active {
    color: #FFFFFF !important;
}

select {
    height: calc(1.5em + .75rem + 9px) !important;
    color: #AEB2B8 !important;
}

.tick-markimg {
    width: 13px;
    height: 13px;
    flex-shrink: unset;
}

.next-buton button {
    padding: 12px 90px 12px;
}

.payment-available .payment-available-card {
    width: 69px;
    height: 50px;
}

.payment-available .payment-available-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.save-change button {
    padding: 12px 90px 12px;
}

.save-changeprefrences button {
    width: 28%;
    line-height: 47px;
}


#pills-Preferences .form-check-input:checked {
    background-color: #AA5432 !important;
    border-color: #AA5432 !important;
}

.switch-outer {
    margin-bottom: 21px;
}

.pay-buton button {
    background-color: #AA5432 !important;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 15px 60px 15px 60px !important;
}

.form-switch span {
    width: 100%;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

@media (max-width:576px) {
    .user-imgouter {
        width: 85px !important;
        height: 85px !important;
        margin: 0 auto;
    }

    .uploaduser-imgouter {
        width: 85px !important;
        height: 85px !important;
    }

    .dashboard-head {
        height: 170px !important;
    }

    .dashboard-header-content-wrapper p {
        font-size: 26px !important;

    }

    .next-buton button {
        padding: 12px 83px 12px 50px !important;
        font-size: 12px !important;
    }

    .pay-buton button {
        padding: 15px 63px 15px 50px !important;
        font-size: 12px !important;
    }
}

@media (max-width:768px) {
    .pay-buton button {
        padding: 15px 63px 15px 50px !important;
        font-size: 14px !important;
    }

    .save-changeprefrences button {
        width: 41%;
        line-height: 47px;
        font-size: 12px;
    }

    .tab-pane h3 {
        font-size: 18px;
    }

    .tab-pane h1 {
        font-size: 14px !important;
    }

    .tab-pane p {
        font-size: 14px !important;
    }
}

@media (min-width:768px) {
    .form-switch span {
        width: 40%;
        border-bottom: 2px solid;
        padding-bottom: 10px;
    }
}


/* user-dashboard *//* user-dashboard */
.dashboard-head {
    background-image: url(./images/dashboard.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.dashboard-head .dashboard-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.dashboard-head .dashboard-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.desktop-view {
    background-color: #AA5432;
}

.user-imgouter {
    width: 115px;
    height: 115px;
    margin: 0 auto;
}

.user-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}


.nav-pills .nav-item .nav-link.active {
    background-color: #007bff;
    /* Active button color */
    color: #FFFFFF;
}

.uploaduser-imgouter {
    width: 115px;
    height: 115px;
}

.uploaduser-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}

.nav-pills .nav-item .nav-link.active {
    background-color: #FFFFFF;
    color: #AA5432 !important;
}

.nav-link {
    width: 100%;
    text-align: start;
}

.nav-pills .nav-link {
    border-radius: 7px 0 0 7px;
    padding: 5px;
    color: #FFFFFF !important;
}


.my-account-card .accountimg-outer {
    width: 100%;
    height: 233px;
}

.accountimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uploaduser-imgouter {
    position: relative;
}

.upload-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn img {
    width: 40px;
    height: 40px;
    padding: 0;
}

.upload-btn-wrapper .btn {
    border: none !important;
    padding: 0 !important;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}


.payment-section .downarrow-img {
    width: 18px;
    height: 18px;
}

.note-sec {
    border-left: 10px solid #AA5432;
}

.payment-button button {
    line-height: 40px;
    background-color: #AA5432 !important;
    color: white !important;
    border-radius: 5px !important;
    width: 53% !important;
}

.next-buton button {
    line-height: 32px;
    background-color: #AA5432 !important;
    color: white !important;
    border-radius: 5px !important;
    width: 27% !important;
}

html body .payment-button .nav-pills .nav-item .nav-link.active {
    color: #FFFFFF !important;
}

html body .next-buton .nav-pills .nav-item .nav-link.active {
    color: #FFFFFF !important;
}

select {
    height: calc(1.5em + .75rem + 9px) !important;
    color: #AEB2B8 !important;
}

.tick-markimg {
    width: 13px;
    height: 13px;
    flex-shrink: unset;
}

.next-buton button {
    padding: 12px 90px 12px;
}

.payment-available .payment-available-card {
    width: 69px;
    height: 50px;
}

.payment-available .payment-available-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.save-change button {
    padding: 12px 90px 12px;
}

.save-changeprefrences button {
    width: 28%;
    line-height: 47px;
}


#pills-Preferences .form-check-input:checked {
    background-color: #AA5432 !important;
    border-color: #AA5432 !important;
}

.switch-outer {
    margin-bottom: 21px;
}

.pay-buton button {
    background-color: #AA5432 !important;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 15px 60px 15px 60px !important;
}

.form-switch span {
    width: 100%;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

@media (max-width:576px) {
    .user-imgouter {
        width: 85px !important;
        height: 85px !important;
        margin: 0 auto;
    }

    .uploaduser-imgouter {
        width: 85px !important;
        height: 85px !important;
    }

    .dashboard-head {
        height: 170px !important;
    }

    .dashboard-header-content-wrapper p {
        font-size: 26px !important;

    }

    .next-buton button {
        padding: 12px 83px 12px 50px !important;
        font-size: 12px !important;
    }

    .pay-buton button {
        padding: 15px 63px 15px 50px !important;
        font-size: 12px !important;
    }
}

@media (max-width:768px) {
    .pay-buton button {
        padding: 15px 63px 15px 50px !important;
        font-size: 14px !important;
    }

    .save-changeprefrences button {
        width: 41%;
        line-height: 47px;
        font-size: 12px;
    }

    .tab-pane h3 {
        font-size: 18px;
    }

    .tab-pane h1 {
        font-size: 14px !important;
    }

    .tab-pane p {
        font-size: 14px !important;
    }
}

@media (min-width:768px) {
    .form-switch span {
        width: 40%;
        border-bottom: 2px solid;
        padding-bottom: 10px;
    }
}


/* user-dashboard *//* user-dashboard */
.dashboard-head {
    background-image: url(./images/staysbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 336px;
    text-align: center;
    align-content: center;
}

.dashboard-head .dashboard-header-content-wrapper h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;

}

.dashboard-head .dashboard-header-content-wrapper p {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;

}

.desktop-view {
    background-color: #AA5432;
}

.user-imgouter {
    width: 115px;
    height: 115px;
    margin: 0 auto;
}

.user-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}


.nav-pills .nav-item .nav-link.active {
    background-color: #007bff;
    /* Active button color */
    color: #FFFFFF;
}

.uploaduser-imgouter {
    width: 115px;
    height: 115px;
}

.uploaduser-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}

.nav-pills .nav-item .nav-link.active {
    background-color: #FFFFFF;
    color: #AA5432 !important;
}

.nav-link {
    width: 100%;
    text-align: start;
}

.nav-pills .nav-link {
    border-radius: 7px 0 0 7px;
    padding: 5px;
    color: #FFFFFF !important;
}


.my-account-card .accountimg-outer {
    width: 100%;
    height: 233px;
}

.accountimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uploaduser-imgouter {
    position: relative;
}

.upload-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn img {
    width: 40px;
    height: 40px;
    padding: 0;
}

.upload-btn-wrapper .btn {
    border: none !important;
    padding: 0 !important;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}


.payment-section .downarrow-img {
    width: 18px;
    height: 18px;
}

.note-sec {
    border-left: 10px solid #AA5432;
}

.payment-button button {
    line-height: 40px;
    background-color: #AA5432 !important;
    color: white !important;
    border-radius: 5px !important;
    width: 53% !important;
}

.next-buton button {
    line-height: 32px;
    background-color: #AA5432 !important;
    color: white !important;
    border-radius: 5px !important;
    width: 27% !important;
}

html body .payment-button .nav-pills .nav-item .nav-link.active {
    color: #FFFFFF !important;
}

html body .next-buton .nav-pills .nav-item .nav-link.active {
    color: #FFFFFF !important;
}

select {
    height: calc(1.5em + .75rem + 9px) !important;
    color: #AEB2B8 !important;
}

.tick-markimg {
    width: 13px;
    height: 13px;
    flex-shrink: unset;
}

.next-buton button {
    padding: 12px 90px 12px;
}

.payment-available .payment-available-card {
    width: 69px;
    height: 50px;
}

.payment-available .payment-available-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.save-change button {
    padding: 12px 90px 12px;
}

.save-changeprefrences button {
    width: 28%;
    line-height: 47px;
}


#pills-Preferences .form-check-input:checked {
    background-color: #AA5432 !important;
    border-color: #AA5432 !important;
}

.switch-outer {
    margin-bottom: 21px;
}

.pay-buton button {
    background-color: #AA5432 !important;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 15px 60px 15px 60px !important;
}

.form-switch span {
    width: 100%;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

@media (max-width:576px) {
    .user-imgouter {
        width: 85px !important;
        height: 85px !important;
        margin: 0 auto;
    }

    .uploaduser-imgouter {
        width: 85px !important;
        height: 85px !important;
    }

    .dashboard-head {
        height: 170px !important;
    }

    .dashboard-header-content-wrapper p {
        font-size: 26px !important;

    }

    .next-buton button {
        padding: 12px 83px 12px 50px !important;
        font-size: 12px !important;
    }

    .pay-buton button {
        padding: 15px 63px 15px 50px !important;
        font-size: 12px !important;
    }
}

@media (max-width:768px) {
    .pay-buton button {
        padding: 15px 63px 15px 50px !important;
        font-size: 14px !important;
    }

    .save-changeprefrences button {
        width: 41%;
        line-height: 47px;
        font-size: 12px;
    }

    .tab-pane h3 {
        font-size: 18px;
    }

    .tab-pane h1 {
        font-size: 14px !important;
    }

    .tab-pane p {
        font-size: 14px !important;
    }
}

@media (min-width:768px) {
    .form-switch span {
        width: 40%;
        border-bottom: 2px solid;
        padding-bottom: 10px;
    }
}

/* user-dashboard */





/* @@@@@@@@@@@@@@@@@@@- stories start -@@@@@@@@@@@@@@@@@@@*/
.stories-hero-section{
    background-image: url(./images/story-bg.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
    align-content: center;
}
.stories-breadcrumb .breadcrumb-item.active{
    color: #AA5432;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    display: inline-block;
    background: url('./images/s-vector.png') no-repeat center;
    background-size: contain;
    color: brown;
    width: 15px;
    height: 11px;
    margin: 4px 5px;
}

.breadcrumb-item:first-child::before {
    content: ""; /* First item ke pehle koi separator na ho */
}
 .breadcrumb{
    background-color: transparent;
    justify-content: center;
    margin-bottom: 0;
    margin: 10px 0;
}
.stories-para .p-wrapper{
    text-align: -webkit-center !important;
}
.stories-para .p-wrapper h4{
    line-height: 35px;
}

.stories-slider-item .stories-img-wrapper{
    width:100px;
    height:100px;
}
.stories-editor-pick .owl-carousel.owl-theme.owl-loaded.owl-drag{
    padding: 0 40px;
    
}
.stories-editor-pick .owl-stage-outer {
    padding: 0 18px;
}

.stories-slider-item .stories-img-wrapper img{

    width:90px;
    height:90px;
    object-fit: cover;
    border-radius: 80px;

}

 .stories-editor-pick .stories-owl{
    background-color: #E6DBC1;
 }
.stories-editor-pick .owl-theme .owl-nav {
    margin-top: 10px;
    display: flex !important;
    justify-content: space-between !important;
    position: absolute;
    width: 100%;
    top:35%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.stories-editor-pick .owl-carousel .owl-nav button.owl-next{
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/right.png) !important; /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important; /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc; /* Optional: Adds a slight border for better visibility */
}

.stories-editor-pick .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/left.png) !important; /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important; /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc; /* Optional: Adds a slight border for better visibility */
    
}
.stories-editor-pick .stories-slider-item{
    width: 90%;
}
.stories-animal-card .animal-card .animal-img-stories {
    width: 100%;
    height: 400px;
}
.stories-animal-card {
    background-color: #F5F2EB;
}
.stories-animal-card .animal-card .animal-img-stories img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.stories-animal-card .animal-card {
    position: relative;
}
.animal-content{
    position: absolute;
    bottom: 30px;
}

.stories-4-card .card-warpper .img-wrapper-card {

width: 100%;
height:220px;

} 
.stories-4-card .card-warpper .img-wrapper-card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stories-inspiration .inspiration-card .ins-img-wrapper{
    width: 100%;
    height:220px;

}
.stories-inspiration .inspiration-card .ins-img-wrapper img{
    width: 100%;
    height:100%;
    object-fit: cover;
    
}


.stories-inspiration-slider .owl-theme .owl-nav {
    margin-top: 10px;
    display: flex !important;
    justify-content: space-between !important;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px 15px;
}
.stories-inspiration-slider .owl-carousel .owl-nav button.owl-next{
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/right.png) !important; /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important; /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc; /* Optional: Adds a slight border for better visibility */
}

.stories-inspiration-slider .owl-carousel .owl-nav button.owl-prev {
    color: #000000 !important;
    /* background: white !important; White background */
    background-image: url(./images/left.png) !important; /* Arrow image */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important; /* Adjust size */
    height: 45px !important;
    border-radius: 50%;
    border: 1px solid #ccc; /* Optional: Adds a slight border for better visibility */
    
}

.stories-inspiration-slider .stories-slider-content{
    position: absolute;
    bottom: 40px;
    text-align: -webkit-center !important;
    width: 100%;
    color: #fff;
}

.stories-inspiration-slider .stories-cover-img img{
    object-fit: cover;
}


@media (min-width:992px) and (max-width:1024px){
.stories-inspiration-slider .stories-cover-img h2{
    font-size: 25px;
}
}

@media (min-width:768px) and (max-width:991px){
.stories-inspiration-slider .stories-cover-img img{

    height: 450px !important;
    
}

.stories-inspiration-slider .stories-cover-img h2{
font-size: 20px;
}
.stories-para h4{
    width: 80% !important;
}
.stories-hero-section{
    height: 250px;
}
}
@media (min-width:320px) and (max-width:567px){
.stories-hero-section{
    height: 150px;
}

.stories-para h4{
    width: 100% ! IMPORTANT;
    font-size: 18px;
    line-height: 30px;
    margin-top: -16px;
}

.stories-animal-card .animal-card .animal-img-stories{
    height: 320px;
}

.animal-card  .animal-content h4{

    font-size: 20px;

}
.stories-cover-img img{

    height: 320px;
}
.stories-inspiration-slider .stories-slider-content{
    bottom: 20px;
}
.stories-inspiration-slider .stories-slider-content h2{
    font-size: 16px;
}
.stories-inspiration-slider .stories-slider-content a{
    font-size: 12px !important;
}
.stories-4-card .card-warpper{
    text-align: center;
}
.stories-inspiration .inspiration-card{
    text-align: center;
}

.stories-slider-item .gap-1{
    width: 100%;
    display: block !important;
    text-align: center;
    justify-content: center;
    text-align: -webkit-center;
}

.stories-slider-item .gap-1 .w-50{

    width: 100% !important;
    text-align: center !important;
}

.stories-slider-item .stories-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 80px;
}

.stories-slider-item .stories-img-wrapper {
    width: 150px;
    height: 150px;
    
}

}

/* @@@@@@@@@@@@@@@@@@@- stories end -@@@@@@@@@@@@@@@@@@@*/

.modal-content button{
    box-shadow: none !important;
}





/* @@@@@@@@@@@@@@@@@@@ collection inner pages css start @@@@@@@@@@@@@@@@@@@@ */

.collection-whatsinclude-card .collection-whatsinclude-imgouter {
    width: 100%;
    height: 349px;
}
.collection-whatsinclude-imgouter img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection-WhatIncluded-sec .we-arange{
    font-size: 24px;
}

.Explorewonders-bg{
    background: url("./images/Explorewonders-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.Explorewonders-bg-card{
    border-top: 10px solid #AA5432;
}
.explore-title{
    font-size: 24px;
}
@media (max-width:576px) {
    .collection-WhatIncluded-sec h3{
        font: 18px !important;
    }
    .collection-whatsinclude-card .collection-whatsinclude-imgouter {
        height: 230px !important;
    }
    .explore-title{
        font-size: 14px;
    }
}
/* @@@@@@@@@@@@@@@@@@@ collection inner pages css end @@@@@@@@@@@@@@@@@@@@ */








/* footer pages css start  */

.footer-bg-color {

    background-color: #F5F5F5;
}

.footer-btm-navbar{

    background-color:#AA5432;
}

.footer-hero-cover{

    background-image: url(./images/footer-bg-hero.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
   align-content: center;

}
.footer-content-wrapper .definition-list {
    list-style-type: disc;
    padding-left: 20px;
}
.footer-content-wrapper .definition-item {
    margin-bottom:6px;
    font-family: "IkaTrial" !important;
    font-weight: 600;
    font-size: 14px;
}


.footer-content-wrapper h3{
    font-size: 23px;
}

.footer-content-wrapper .email-out-wrapper {

    text-align: -webkit-center;
    
}
.footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper {

    background-color: #F5F5F5;
    width: 800px;
}
.footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover{

    width: 500px;
}
.footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover .form-control{

    box-shadow: 0px 4px 4px 0px #00000040;
    border: navajowhite;
    border-radius:5px;
    background-color:#F9F9F9;
    margin-bottom: 22px !important;
}
.footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover .form-control::placeholder{

    color: #000;
    font-size:12px;
    font-weight: 600;
    font-family: "IkaTrial" !important;
}

.footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover button{

    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 24px 12px 24px;
}

.footer-content-wrapper .cookies-wrapper .toggle-card-wrapper {
background-color: #fff;
text-align: center;
width: 100%;
height: 120px;
align-content: center;
border-radius: 10px;
}

    /* Toggle Container */
    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper .toggle {
        position: relative;
        width: 60px;
        height: 30px;
        margin-bottom: 0;
    }
    /* Hidden Checkbox */
    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper .toggle input {
        display: none;
    }
    /* Toggle Background */
    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper .slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:#DADADA;
        border-radius: 30px;
        transition: 0.4s;
    }
    /* Circle (Switch Knob) */
    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper .slider:before {
        content: "";
        position: absolute;
        height: 24px;
        width: 24px;
        left: 3px;
        bottom: 3px;
        background-color:#AA5432;
        border-radius: 50%;
        transition: 0.4s;
    }
    /* Toggle Active State */
    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper input:checked + .slider {
        background-color:#DADADA;
    }
    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper input:checked + .slider:before {
        transform: translateX(30px);
    }


     /* Toggle Container */
     .footer-content-wrapper .cookies-details-wrapper .toggle {
        position: relative;
        width: 60px;
        height: 30px;
    }
    /* Hidden Checkbox */
    .footer-content-wrapper .cookies-details-wrapper .toggle input {
        display: none;
    }
    /* Toggle Background */
    .footer-content-wrapper .cookies-details-wrapper .slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:#DADADA;
        border-radius: 30px;
        transition: 0.4s;
    }
    /* Circle (Switch Knob) */
    .footer-content-wrapper .cookies-details-wrapper .slider:before {
        content: "";
        position: absolute;
        height: 24px;
        width: 24px;
        left: 3px;
        bottom: 3px;
        background-color:#AA5432;
        border-radius: 50%;
        transition: 0.4s;
    }
    /* Toggle Active State */
    .footer-content-wrapper .cookies-details-wrapper input:checked + .slider {
        background-color:#DADADA;
    }
    .footer-content-wrapper .cookies-details-wrapper input:checked + .slider:before {
        transform: translateX(30px);
    }

    .footer-about-wrapper .footer-about-content .footer-btn-group button{

        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        width: 200px;
        height: 50px;
        
    }





@media (min-width:768px) and  (max-width:991px) {
    .footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper{

        width: 100%;
    }

}

@media (min-width:768px) and  (max-width:1024px) {
  
    .footer-hero-cover{
        height:250px;
    }

    .footer-content-wrapper h3{
        font-size:22px;
    }

    .footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover button{

        font-size: 13px !important;
    }


}
@media (min-width:320px) and  (max-width:567px) {

    .footer-content-wrapper .cookies-details-wrapper .slider:before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 5px;
        bottom: 5px;
    }
    
    .footer-content-wrapper .cookies-details-wrapper .toggle {
        width: 50px;
        height: 30px;
    }
    
    .footer-content-wrapper .cookies-details-wrapper input:checked + .slider:before {
        transform: translateX(20px);
    }


    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper input:checked + .slider:before {
        transform: translateX(20px);
    }

    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper .toggle {
        
        width: 50px;
        height: 30px;
     
    }

    .footer-content-wrapper .cookies-wrapper .toggle-card-wrapper .slider:before{
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 5px;
        bottom: 5px;

    }



    .footer-content-wrapper .cookies-details-wrapper .gap-5{
        display: block !important;
    }
    .footer-about-content .footer-btn-group{

        display: block !important;
        text-align: center;
    }
    .footer-about-wrapper .footer-about-content .footer-btn-group button{

        margin-top: 15px;
        font-size: 14px;
    }
    .footer-about-wrapper .footer-about-content{

        text-align: center;
    }
    .footer-about-wrapper .footer-about-content p{

        font-size: 14px;
    }

    .footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover button{
        padding: 10px 15px 9px 15px;
        font-size: 12px;
    }
    .footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover p{
        font-size: 12px !important;
    }


    .footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper{

        width: 100%;
        padding: 18px 0 !IMPORTANT;
    }

    .footer-content-wrapper .email-out-wrapper .inner-email-content-wrapper .content-cover{

        width: 100%;
        padding: 20px;
    }
    .footer-content-wrapper .definition-item{
        font-size: 13px !important;
    }
.footer-content-wrapper h3{
    font-size: 18px;
}
.footer-hero-cover{
    height: 170px;
}
.footer-hero-cover .footer-content-cover h6{
    font-size: 14px !important;
    margin-bottom: 5px !important;
}

.footer-hero-cover .footer-content-cover h1{
    font-size:22px !important;
    
}

}

.footer-sec .active{
    color: #AA5432 !important;
}

/* footer pages css end */









/* whishlist modal start yousaf */

         /* Sticky Button Styling */
         .sticky-btn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #a35527;
            color: white;
            padding: 12px 20px;
            border-radius: 5px;
            font-weight: bold;
            border: none;
            cursor: pointer;
            z-index: 1000;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
        }
         .sticky-btn:hover {
            background-color: #843d1d;
        }
        .yousaf-modal-whishlist .modal-body{
            padding: 0;
        }
        /* Modal Styling */
        .yousaf-modal-whishlist .wishlist-modal .modal-dialog {
            max-width: 1100px;
        }
        .yousaf-modal-whishlist .wishlist-modal .modal-content {
            border-radius: 10px;
        }
     
        .yousaf-modal-whishlist .wishlist-left {
            background: url(./images/giraf.png) no-repeat center center/cover;
            color: white;
            padding: 20px;
            border-radius: 10px 0 0 10px;
            max-height:500px; /* Adjust as needed */
            overflow-y: auto; /* Enables vertical scrolling */
            
        }
        .yousaf-modal-whishlist .wishlist-item {
            background:#fff;
            border-radius: 10px;
            padding: 10px;
            margin-bottom: 10px;
            color: black;
        }
       .yousaf-modal-whishlist .wishlist-right {
            padding: 20px;
        }
        .btn-dark {
            width: 100%;
        }

        .yousaf-modal-whishlist .wishlist-right .btn-close{
            position: absolute;
            right: 20px;
            top: 10px;
        }


        .yousaf-modal-whishlist .wishlist-left::-webkit-scrollbar {
            width: 4px; /* Scrollbar width */
        }

        .yousaf-modal-whishlist .wishlist-left::-webkit-scrollbar-track {
            background:transparent; /* Light background */
            border-radius: 10px;
        }

        .yousaf-modal-whishlist .wishlist-left::-webkit-scrollbar-thumb {
            background:#000; /* Brown color */
            border-radius:0;
            transition: background 0.3s ease-in-out;
        }

            .yousaf-modal-whishlist .wishlist-left::-webkit-scrollbar-thumb:hover {
                background:#000; /* Darker brown on hover */
            }
            .yousaf-modal-whishlist .wishlist-left .nbr{

                background-color: #D9D9D9;
                padding: 5px 10px;
                border-radius: 5px;
            }

        /* Custom Checkbox */
        .yousaf-modal-whishlist input[type="checkbox"] {
            appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid black; /* Black border */
            border-radius: 4px;
            position: relative;
            cursor: pointer;
            background-color: white; /* Default white */
        }

        /* Checked Checkbox */
        .yousaf-modal-whishlist input[type="checkbox"]:checked {
            background-color: #fff; /* Black background */
            border: 2px solid black;
        }


        .yousaf-modal-whishlist input[type="checkbox"]:checked {
            background-image: url('./images/tick.png'); /* Apni image ka path dein */
            background-size: cover;
            background-position: center;
        }

        /* Custom Radio Button */
        .yousaf-modal-whishlist input[type="radio"] {
            appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid black; /* Black border */
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            background-color: white; /* Default white */
        }

        /* Checked Radio Button */
        .yousaf-modal-whishlist input[type="radio"]:checked {
            background-color: black; /* Black background */
            border: 2px solid black;
        }

        /* Inner Circle for Checked Radio */
        .yousaf-modal-whishlist input[type="radio"]:checked::after {
            content: "";
            width: 8px;
            height: 8px;
            background-color: white; /* White dot */
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .yousaf-modal-whishlist .form-control{

        border: 2px solid #D9D9D9;
        border-radius: 0;
        }

        .yousaf-modal-whishlist .form-select{

        border: 2px solid #D9D9D9;
        border-radius: 0;
        }

        .yousaf-modal-whishlist .yousaf-close-btn{

            position: absolute;
            right: 6px;
            top: 5px;
        }

        .yousaf-modal-whishlist .yousaf-close-btn {
            display: none; /* Default: Hide everywhere */
        }
        
        /* Mobile screens ke liye show karein */
        @media screen and (max-width: 767px) {
            .yousaf-modal-whishlist .yousaf-close-btn {
                display: block; /* Mobile par show hoga */
            }
        }




        @media (min-width:320px) and  (max-width:567px) {

            .yousaf-modal-whishlist .wishlist-right .btn-close{
                     display: none;
            }
            .yousaf-modal-whishlist .wishlist-left {
                width: 100% !important;
                border-radius: 10px 10px 0 0;
            }
        }



/* whishlist modal end */


.dropdown-menu{
    top: 22px;
}



/* @@@@@@@@@@@@@@@@@@@ footer inner pages css start @@@@@@@@@@@@@@@@@@@ */
/* DMC Trade Hub */
.World-Travel-sec{
    background-color: #F5F5F5;
}
/* DMC Trade Hub */


html body .faqs-sec .accordion-item {
    background-color: #E6DBC1 !important;
    border-radius: 5px !important;
    border: none !important;
}
html body .faqs-sec .accordion-header {
    background-color: transparent !important;
    border-bottom: 0px solid rgb(0, 0, 0) !important;
}
html body .faqs-sec .accordion-button:not(.collapsed) {
    background-color: #E6DBC1 !important;
    border-bottom: none !important;
}
html body .faqs-sec .accordion-button {
 
    background-color: #E6DBC1 !important;
  
}
html body .faqs-sec .accordion-body {
    border-top: 1px solid #000000;
    padding: 20px 35px !important;
}
html body .faqs-sec .accordion-button {
    border-radius: 5px !important;
    padding: 20px 35px !important;
}
html body .faqs-sec .accordion-button:not(.collapsed) {
    background-color: #E6DBC1 !important;
    border-bottom: 0px solid black !important;
}

html body .faqs-sec .accordion-button:not(.collapsed)::after {
    background-image: url("./images/minus.svg") !important;
    background-size: 10px 10px !important; /* Ensures the icon scales properly */
    background-repeat: no-repeat !important;
    width: 10px !important; /* Set width to 10px */
    height: 10px !important; /* Set height to 10px */
    content: "" !important;
}

.faqs-sec .accordion-button::after {
    background-image: url("./images/plus.svg") !important;
    background-size: 10px 10px !important; /* Ensures the icon scales properly */
    background-repeat: no-repeat !important;
    width: 10px !important; /* Set width to 10px */
    height: 10px !important; /* Set height to 10px */
    content: "" !important;
}



.FilterBY-sec .main-sidebar ul{
    display: flex !important;

}
.FilterBY-sec .nav-pills .nav-link {
    border-radius: 5px;
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    width: 80px;
    text-align: center;
    font-size: 14px;
    height: 40px;
}
.FilterBY-sec  .nav-pills .nav-item .nav-link.active {
    background-color: #AA5432 !important;
    color: #FFFFFF !important;
    border: 1px solid #000000 !important;

}
.FilterBY-card{
    height: 100%;
}
.FilterBY-card .FilterBYimg-outer {
    width: 100%;
    height: 350px;
}
.FilterBY-card .FilterBYimg-outer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Brochure-card{
    height: 100%;
}
.Brochures-sec .Brochure-card .Brochureimg-outer{
    width: 100%;
    height: 450px;
}
.Brochures-sec .Brochure-card .Brochureimg-outer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.PRESS-Summernews-hero{
    width: 100%;
    height: 500px;
}
.PRESS-Summernews-hero img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width:576px) {
    .faqs-title{
        font-size: 18px !important;
    }
    .details h3{
        font-size: 14px !important;
    }
    .accordion-button{
        font-size: 12px !important;
    }
    .FilterBY-card .FilterBYimg-outer {
        height: 250px !important;
    }
    .Brochures-sec .Brochure-card .Brochureimg-outer {
        height: 250px !important;
    }
    .PRESS-Summernews-hero {
        height: 300px !important;
    }
    .PRESS-Summernews-detail{
        font-size: 18px !important;
    }
}
/* @@@@@@@@@@@@@@@@@@@ footer inner pages css ends @@@@@@@@@@@@@@@@@@@ */





/* @@@@@@@@@@@@@@@@@@@- Philanthropy  start -@@@@@@@@@@@@@@@@@@@*/
.Philanthropy-hero-section{
    background-image: url(./images/ph-bg.png);
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat; 
    width: 100%;
    height:350px;
    align-content: center;
}
.Philanthropy-impact .card{

    background-color: #E6DBC1;
    text-align: center;
    align-items: center;
    padding: 20px 25px;
    height:145px;
    border: none;
    border-radius: 10px;

}
.Philanthropy-impact .card p {
    margin-top: 15px;
}
.Philanthropy-our-work{
    background-color: #F5F2EB;
}
.Philanthropy-our-work .work-img-wrapper {
    width: 100%;
    height: 400px;
}
.Philanthropy-our-work .work-img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Philanthropy-our-work .work-content{
    align-content: center;
    height:400px;
}

.Philanthropy-our-project .card{
    position: relative;
    border: none;
}
.Philanthropy-our-project .card .our-img-project{
    width: 100%;
    height: 385px;
}
.Philanthropy-our-project .card .our-img-project img{

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Philanthropy-our-project .card .content-project{
    position: absolute;
    bottom: 0;
    text-align: center !important;
    width: 100%;
    padding: 20px;
}
.Philanthropy-our-project .btn-primary{

    background-color: #fff;
    color: #000;
    border: 1px solid #000000 !important;
    font-size: 14px;
    padding: 12px 30px;

}
.Philanthropy-our-project .btn-primary:focus{
    box-shadow: none;
}

.Philanthropy-donate {
    position: relative;
    width: 100%;
    height:500px; /* Fullscreen Height */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.Philanthropy-donate video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height:500px;
    object-fit: cover; /* Crop & Fit */
    z-index: -1;
}

/* Dark Overlay for Readability */
.Philanthropy-donate .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Dark semi-transparent overlay */
    z-index: 0;
}

/* Content in Center */
.Philanthropy-donate .video-content {
    position: relative;
    z-index: 1;
    max-width: 80%;
}
.Philanthropy-donate .video-content{
    text-align: -webkit-center;
}
.Philanthropy-donate .video-content p{
    width:55%;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ media query start @@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@media (min-width:320px) and (max-width:567px){

.Philanthropy-hero-section .hero-content-wrapper h1{

    font-size: 20px;
}
.Philanthropy-hero-section .hero-content-wrapper p{
    font-size: 14px !important;
}
.Philanthropy-impact .card{
    height: auto;
}
.Philanthropy-our-work .work-img-wrapper {
    height: 290px;
}
.Philanthropy-our-work .work-content{
    text-align: center;
}
#PhilanthropyvideoPlayer{
    height: 200px !important;
}
.Philanthropy-our-project p{
padding: 0 !important;
}
.Philanthropy-our-project .text-center{
    padding: 0 !important;
}
.Philanthropy-our-project .card .our-img-project{
    height: 392px;
}
.Philanthropy-our-project .card .content-project {
    bottom: 25px;

}
.Philanthropy-our-project button{
    margin-top: 40px;
}
.Philanthropy-hero-section{
    height: 200px;
}
.Philanthropy-donate .video-content p{
    width: 100%;
}
.Philanthropy-our-work .work-content{
    height: auto;
}
}

@media (min-width:768px) and (max-width:1024px){

    .Philanthropy-our-work .work-content{
        height: auto;
    }
    .Philanthropy-our-work .work-img-wrapper{
        height: 300px;
    }
    .Philanthropy-impact .card h1{
        font-size: 25px;
    }
    .Philanthropy-impact .card p{
        font-size:11px;
        text-align: center;
    }

}
/* @@@@@@@@@@@@@@@@@@@- Philanthropy  end -@@@@@@@@@@@@@@@@@@@*/





/* talha modal wrapper  start */

.talha-modal-wrapper .btn-close{
    opacity: 1 !important;
}
.talha-modal-wrapper .modal-body .card .card-body button{

background-color: #fff;
border: 1px solid #000;
color: #000;
font-size: 14px;
padding: 12px 30px;
}
.talha-modal-wrapper .modal-body .card .card-body {
    padding: 15px 0;
}

@media (min-width:320px) and  (max-width:567px) {

    .talha-modal-wrapper .modal-body .card .card-body {
        text-align: center;
    }
    .talha-modal-wrapper .modal-body .card .card-body h5{
        text-align: center;
    }
    .talha-modal-wrapper .modal-body .card .card-img-top{
        height: 180px !important;
    }
    .talha-modal-wrapper .modal-body .card .card-body p{
        text-align: center !important;
        font-size: 14px !important;
    }
    .talha-modal-wrapper .modal-body .card .card-body button{

        padding: 10px 15px !important;
        font-size: 13px;
    }

}

@media (min-width:768px) and  (max-width:991px) {
.talha-modal-wrapper .modal-dialog{

    max-width: 750px;
}
.talha-modal-wrapper .modal-body .card .card-img-top{
    height:200px !important;
}
.talha-modal-wrapper .modal-body .card .card-body button {
    font-size: 14px;
    padding: 10px 18px;
}
}
/* talha modal wrapper end */


.book-now{
    background: none;
    border: 1px solid;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 20px;
    color: black !important;
}






.smallgroup-hero {
    background-image: url(./images/Small\ Group\ Journeys.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}
.privatejet-hero {
    background-image: url(./images/Private\ Jet.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}
.expedition-cruires-hero {
    background-image: url(./images/Expedition\ Cruises.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}
.tailomade-hero {
    background-image: url(./images/Tailormade\ Journeys.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}
.finder-jounery-hero {
    background-image: url(./images/Tailormade\ Journeys.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}
.safari-holydays-hero {
    background-image: url(./images/Safari\ Holidays\ in\ Africa.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}
.chaina-hero {
    background-image: url(./images/Safari\ Holidays\ in\ Africa.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    align-content: center;
}