@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");

#tours-dropdown a {
    font-size: 14px !important;
    padding: 1px 20px;
}
#tours-dropdown button {
    font-weight: 300;
}
.d-none {
    display: none !important;
}
p {
    font-weight: 300;
    font-size: 16px ;
    line-height: 26px ;
}
.py-12.primary-color .md\:mt-20 {
    margin: 44px 0 76px 0;
}
body {
    font-family: "Playfair Display", serif;
}

.secondary-fnt {
    font-family: "Hanken Grotesk", sans-serif !important;
}

.primary-color {
    background-color: #fbfbfb;
}

.secondary-color {
    background-color: #f7ecde;
}

.logo-w {
    width: 13%;
}

.logo-w img {
    width: 100%;
}

.container {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.backgorund-1 {
    background-image: url(../new-images/nature.jpg);
    width: 100%;
}

.backgorund-2 {
    background-image: url(../new-images/Hornbill.jpg);
    width: 100%;
}

.backgorund-3 {
    background-image: url(../new-images/sri-lanka.jpg);
    width: 100%;
}

.background-4 {
    background-image: url(../new-images/mountain.jpg);
    width: 100%;
}

.background-5 {
    background-image: url(../new-images/hornbill-2.jpg);
    width: 100%;
}

.background-6 {
    background-image: url(../new-images/bhutan.jpg);
    width: 100%;
}

.background-7 {
    background-image: url(../new-images/varanasi.jpg);
    width: 100%;
}
.background-7v1 {
    background-image: url(../images/adalaj-stepwell.jpg);
    width: 100%;
}
.background-10 {
    background-image: url(../tour-images/Nepali-women-bhaktapu.jpg);
    width: 100%;
}

.background-8v1 {
    background-image: url(../travel-ideas/stone-Ellora-historic-caves.jpg);
    width: 100%;
}

.background-9v1 {
    background-image: url(../travel-ideas/jagannath-puri-temple-rath-yatra-odisha-india.jpg);
    width: 100%;
}

.background-10v1 {
    background-image: url(../travel-ideas/root-bridge-meghalaya-india.jpg);
    width: 100%;
}

.background-11v1 {
    background-image: url(../travel-ideas/vittalatemple-stonechariot-hampi-karnataka-india.jpg);
    width: 100%;
}

.background-12v1 {
    background-image: url(../travel-ideas/pondicherry-puducherry-india.jpg);
    width: 100%;
}

.background-13v1 {
    background-image: url(../travel-ideas/kutch-rann-hancraft1jpg.jpg);
    width: 100%;
}

.background-14v1 {
    background-image: url(../travel-ideas/Kolkata-west-bengal-India01.jpg);
    width: 100%;
}

.background-15v1 {
    background-image: url(../travel-ideas/jaipur-hawamahal-india.jpg);
    width: 100%;
}

.background-16v1 {
    background-image: url(../travel-ideas/the-charminar-symbol-of-hyderabad.jpg);
    width: 100%;
}

.background-17v1 {
    background-image: url(../travel-ideas/bastar-tribe-dussehra-india.jpg);
    width: 100%;
}

.box-shadw {
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.custom-text-shadow {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Custom Navigation Buttons */
.custom-nav-1,
.custom-nav-2,
.custom-nav-3,
.custom-nav-4 {
    position: relative;
    width: 100%;
    text-align: center;
}

.custom-nav-2 button.custom-prev-2 {
    top: 20px;
    position: absolute;
    left: 38% !important;
}

.custom-nav-2 button.custom-next-2 {
    top: 20px;
    position: absolute;
    right: 38% !important;
}

.custom-nav-2 button {
    background-color: #7d7d7d;
    width: 45px;
    height: 45px;
    margin: 0px 20px;
    border-radius: 50px;
}

.brb-divide {
    background-color: #7d7d7d;
    height: 1px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.owl-carousel2 .owl-dots {
    display: none !important;
}

.owl-carousel button.owl-dot {
    background-color: #b4b4b4 !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0px 7px;
    border-radius: 10px;
}

.owl-carousel button.owl-dot.active {
    border: solid 1px #b4b4b4 !important;
    background-color: transparent !important;
}

.owl-carousel .owl-dots {
    width: 15%;
    position: relative;
    left: 46%;
    top: -20px;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px !important;
    }
}

@media (max-width: 996px) {
    .logo {
        width: 25%;
    }

    .logo img {
        width: 100%;
    }

    .owl-carousel .owl-dots {
        width: 100% !important;
        position: relative;
        left: 40%;
        top: 0px;
    }

    .custom-nav-2 button.custom-prev-2 {
        top: 20px;
        position: absolute;
        left: 38% !important;
    }

    .custom-nav-2 button.custom-next-2 {
        top: 20px;
        position: absolute;
        right: 38% !important;
    }

    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 575px) {
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .owl-carousel .owl-dots {
        display: none !important;
    }

    .custom-nav-2 button.custom-prev-2 {
        top: 20px;
        position: absolute;
        left: 34% !important;
    }

    .custom-nav-2 button.custom-next-2 {
        top: 20px;
        position: absolute;
        right: 34% !important;
    }
}

@media (max-width: 275px) {
    .custom-nav-2 button.custom-prev-2 {
        top: 20px;
        position: absolute;
        left: 25% !important;
    }

    .custom-nav-2 button.custom-next-2 {
        top: 20px;
        position: absolute;
        right: 25% !important;
    }
}

@media (min-width: 768px) {
    .owl-carousel .owl-dots {
        width: 100% !important;
        position: relative;
        left: 40%;
        top: 0px;
    }

    .container {
        max-width: 768px !important;
    }
}

@media (min-width: 1140px) {
    .container {
        max-width: 1024px !important;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1140px !important;
    }
}

.tab-item {
    color: #a29c9c !important;
    transition:
        color 0.3s ease,
        border-bottom 0.3s ease !important;
    position: relative !important;
}

.tab-item.active {
    color: #424242 !important;
    font-weight: 600 !important;
}

.tab-item:hover {
    color: #424242 !important;
    cursor: pointer !important;
}

.tab-content {
    display: none !important;
}

.tab-content.active {
    display: block !important;
    animation: fadeIn 0.5s ease !important;
}

@keyframes fadeIn {
    from {
        opacity: 0 !important;
    }
    to {
        opacity: 1 !important;
    }
}

#mobile-tours-dropdown {
    max-height: 400px; /* Adjust the height as needed */
    overflow-y: auto;
}

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

.firstletter::first-letter {
    font-size: 25px !important;
    font-weight: bold;
}