/* Custom CSS Root */
:root {
    --primary-color: #f57c00;
    /* Logo Orange */
    --primary-dark: #ef6c00;
    /* Deeper Orange */
    --secondary-color: #2e7d32;
    /* Deep Green */
    --secondary-light: #4caf50;
    /* Lighter Green */
    --accent-color: #ff9800;
    /* Supporting Orange */
    --dark-color: #222;
    --light-color: #f4f4f4;
    --jose: "Josefin Sans", sans-serif;
    --dm: "DM Sans", sans-serif;
}


@media (max-width: 1440px) {
    /* Home Page Responsive Start ============= */

    .navbar-travel .navbar-collapse ul li {
        margin-right: 26px;
    }

    .destination-card {
        border-radius: 150px 150px 15px 90px;
    }

    .tourTypeSwiper .swiper-button-next,
    .tourTypeSwiper .swiper-button-prev,
    .swiper-blog .swiper-button-next,
    .swiper-blog .swiper-button-prev,
    .featured-tours-section .featured-swiper .swiper-button-next,
    .featured-tours-section .featured-swiper .swiper-button-prev {
        bottom: 0;
    }

    .tour-card {
        height: 548px;
    }

    /* Home Page Responsive End ============= */
}

@media (max-width: 1366px) {
    /* Home Page Responsive Start ============ */

    .navbar-travel .navbar-collapse ul li {
        margin-right: 14px;
    }

    /* Home Page Responsive End ============ */
}


@media (max-width: 1280px) {

    /* Home Page Responsive Start ============ */
    .nav-link {
        font-size: 12px;
    }

    /* Home Page Responsive End ============ */

    /* Contact Page  Responsive Start =========*/
    .contact-frm .single-input input.form-control,
    .contact-frm .single-input .form-select {
        line-height: 46px;
        /* Contact Page  Responsive End =========*/
    }


    @media (max-width: 1200px) {
        /* Home Page Responsive Start ============ */


        .call-box {
            display: none;
        }

        .btn-booking {
            font-size: 15px;
        }

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

        .destination-info {
            padding: 20px 30px;
        }

        .main-img-container {
            height: 550px;
        }

        .main-img-container img {
            object-fit: cover;
        }

        .section-title {
            font-size: 42px;
        }

        .award-llisting {
            padding-left: 22px;
        }

        .destination-info h5 {
            font-size: 17px;
        }

        .tour-card {
            height: 600px;
        }

        .blog-card .blog-title {
            font-size: 20px;
        }

        /* Home Page Responsive End ============ */

        /* Tour Detail Page Responsive Start ======== */
        .form-control {
            padding: .575rem .75rem;
            font-size: 0.8rem;
        }

        /* Tour Detail Page Responsive End ======== */

        /* Contact Page Responsive Start ========= */
        .contact-frm .single-input input.form-control,
        .contact-frm .single-input .form-select {
            line-height: 36px;
        }

        /* Contact Page Responsive End ========= */
    }


    @media (max-width: 1199px) {

        /* Home Page Responsive Start ============ */
        .destination-info h5 {
            font-size: 20px;
        }

        /* Home Page Responsive End ============ */
    }

    @media (max-width:1024px) {

        /* Home Page responsive Start ============== */
        .nav-link {
            font-size: 12px;
        }

        .destination-info h5 {
            font-size: 18px;
        }

        /* Home Page responsive End ============== */
    }

    @media (max-width: 991px) {
        /* Home Page Responsive Start ============ */

        .right-action-bar {
            flex-direction: column;
            align-items: flex-start !important;
            margin-top: 15px;
        }

        .navbar-collapse {
            padding-bottom: 30px;
        }

        .hero-title {
            font-size: 58px;
        }

        .swiper {
            padding: 20px 0 40px;
        }

        .destination-info h5 {
            font-size: 18px;
            padding: 0 15px;
        }

        .main-img-container {
            height: auto;
        }

        .swiper {
            padding: 20px 0 70px;
        }

        /* Home Page Responsive End ============ */

        /* Image Gallery Page Responsive Start ===== */
        .gallery-list {
            column-count: 2;
        }

        /* Image Gallery Page Responsive End ===== */


        /* Tour Detail Page Responsive Start ======= */
        .form-control {
            font-size: 1rem;
        }

        /* Tour Detail Page Responsive End ======= */


        /* Contact Page Responsive Start ========= */
        .google .map-area iframe {
            height: 327px;
        }

        /* Contact Page Responsive End ========= */
    }


    @media (max-width: 767px) {
        /* Home Page Responsive Start ============ */

        .top-rightbar {
            display: none !important;
        }

        .top-leftbar {
            flex-direction: column;
            gap: 5px;
            align-items: flex-start !important;
        }

        .top-leftbar span.mx-2 {
            display: none;
        }

        .hero-title {
            font-size: 52px;
        }

        .swiper-pagination span.swiper-pagination-bullet {
            width: 20px !important;
            height: 20px !important;
        }

        .destination-img {
            border-radius: 50px;
        }

        .destination-card {
            border-radius: 50px 50px 50px 50px;
        }

        .swiper-slide-active .testimonial-card {
            opacity: 1;
            transform: translateY(-20px);
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
                rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
            transition: all 0.5s;
        }

        .swiper-slide-next .testimonial-card {
            opacity: 0.7;
            transform: translateY(0);
            box-shadow: none;
            transition: all 0.5s;
        }

        .mobile-br-0 {
            border-right: 0;
        }

        .wbox {
            padding: 35px 20px;
        }

        .cms-bann-img {
            height: 230px;
        }

        .why-choose-us .rounded-5 .col-md-6:nth-child(3) {
            border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        }

        /* Home Page Responsive End ============ */

        /* Tour Detail Page Responsive Start ======== */
        .grid-container {
            grid-template-columns: 2fr;
        }

        .item-1 {
            grid-column: 1 / 4;
            grid-row: 1 / 1;
            height: 100%;
        }

        .item-2 {
            grid-column: 1 / 4;
            grid-row: 2 / 2;
        }

        .item-3 {
            grid-column: 1 / 4;
            grid-row: 3 / 3;
        }

        .item-4 {
            grid-column: 1 / 4;
            grid-row: 4 / 4;
        }

        .item-5 {
            grid-column: 1 / 4;
            grid-row: 5 / 5;
        }

        .item-2,
        .item-3,
        .item-4,
        .item-5 {
            height: 245px;
            border-radius: 10px;
            overflow: hidden;
        }

        /* Tour Detail Page Responsive End ======== */

        /* Blog Page Responsive Start ============ */
        .blog-card .card-body {
            padding: 25px 20px 0 20px;
        }

        .blog-card .blog-title {
            font-size: 17px;
        }

        .bd-image {
            height: 400px;
        }

        /* Blog Page Responsive End ============ */

        /* Contact Page Responsive Start ========= */
        .section-head h2 {
            font-size: 36px;

        }

        /* Contact Page Responsive End ========= */
    }


    @media (max-width: 667px) {
        /* Home Page Responsive Start ============ */

        .container-fluid {
            padding: 0px 30px;
        }

        .destination-img {
            height: 320px;
        }

        .award-llisting {
            padding-left: 0px;
        }

        .gallery-home .rounded-circle {
            height: 240px;
        }

        /* Home Page Responsive End ============ */
    }


    @media (max-width: 575px) {
        /* Home Page Responsive Start ============ */

        .hero-title {
            font-size: 40px;
            text-align: center;
        }

        .hero-subtitle {
            text-align: center;
        }

        .hero-text-content a {
            text-align: center;
            display: block;
        }

        .destination-img {
            height: 350px;
        }

        .section-title {
            font-size: 42px;
        }

        .tour-card {
            height: 100%;
        }

        .swiper {
            padding: 20px 15px 70px;
        }

        .testimonial-header {
            gap: 20px;
        }

        .gallery-home .rounded-circle {
            height: 280px;
        }

        .stat-box {
            border-right: 0;
            border-bottom: 1px solid #dedede;
        }

        .wbox {
            flex-direction: column;
        }

        .wbox h4 {
            text-align: center;
        }

        .breadcrumb-cover h1 {
            font-size: 30px;
        }

        /* Home Page Responsive End ============ */

        /* Image Gallery Responsive Start ========= */
        .gallery-list {
            column-count: 1;
        }

        /* Image Gallery Responsive End ========= */

        /* Contact Page Responsive Start ========= */
        .section-head h2 {
            font-size: 30px;
            line-height: 37px;
        }

        .copy-right {
            padding: 10px 10px;
        }

        /* Contact Page Responsive End ========= */
    }


    @media (min-width: 481px) {
        /* Home Page Responsive Start ============ */



        /* Home Page Responsive End ============ */
    }


    @media (max-width: 480px) {
        /* Home Page Responsive Start ============ */

        .hero-image {
            height: 80vh;
        }

        .swiper-pagination span.swiper-pagination-bullet {
            width: 15px !important;
            height: 15px !important;
        }

        .gallery-home .rounded-circle {
            height: 230px;
        }

        /* Home Page Responsive End ============ */
        .item-2,
        .item-3,
        .item-4,
        .item-5 {
            height: 100%;
        }
    }


    @media (max-width: 414px) {
        /* Home Page Responsive Start ============ */

        .navbar-brand img {
            width: 70px;
        }

        .hero-title {
            font-size: 36px;
        }

        .section-title {
            font-size: 38px;
        }

        .swiper {
            padding: 20px 0 50px;
        }

        .testimonialSwiper {
            padding: 20px 0 10px;
        }

        .gallery-home .rounded-circle {
            height: 200px;
        }

        /* Home Page Responsive End ============ */

        /* Blog Page Responsive Start ============ */
        .bd-image {
            height: 340px;
        }

        .bd-title h3 {
            font-size: 22px;
        }

        /* Blog Page Responsive End ============ */

        /* Contact Page Responsive Start ========== */
        .google .map-area iframe {
            height: 280px;
        }

        .contact-frm .btn {
            padding: 14px 24px;
        }

        .contact-frm {
            padding: 30px 20px;
        }

        .contact-box-content a {
            font-size: 15px;
        }

        .item-box-head h6 {
            font-size: 20px;
        }

        .contac-detail {
            padding: 20px 0px 20px 0;
        }

        .item-box {
            padding: 20px 20px;
        }

        .item-icon {
            width: 50px;
            height: 50px;
        }

        .contact-box-content a {
            font-size: 14px;
        }

        /* Contact Page Responsive End ========== */
    }


    @media (max-width: 375px) {
        /* Home Page Responsive Start ============ */

        .top-leftbar span {
            font-size: 12px;
        }

        .navbar-brand img {
            width: 60px;
        }

        .hero-title {
            font-size: 30px;
        }

        .hero-image {
            height: 66vh;
        }

        .destination-img {
            height: 320px;
        }

        .tour-card-body {
            padding: 20px 20px;
        }

        .gallery-home .rounded-circle {
            height: 160px;
        }

        /* Home Page Responsive End ============ */

        /* Activities Responsive Start ========== */
        .gallery-list .gallery-info .event-name {
            font-size: 16px;
        }

        .video-thumb {
            height: 200px;
        }

        /* Activities Responsive End ========== */

        /* Contact Page Responsive Start ====== */
        .section-head h2 {
            font-size: 28px;
        }

        /* Contact Page Responsive End ====== */
        .bd-title h3 {
            font-size: 20px;
        }
    }


    @media (max-width: 320px) {
        /* Home Page Responsive Start ============ */



        /* Home Page Responsive End ============ */
    }