@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}
body, p, li, span,a,span,button,input {
    font-family: 'Roboto', sans-serif !important;
}



/* ===== GLOBAL STYLES ===== */
footer.footer-area.nord-footer {
    background: #108881 !important; /* Footer background color */
}

.holiday-demo5 .top-mainheader .topheader-login {
    background-color: #007D8B !important; /* Navbar login section background */
}

.holiday-demo5 .megamenu-aside .featured-gallery {
    display: none !important; /* Hide featured gallery globally */
}

.section-tittle .tittle {
    line-height: 0.2; /* Tight line height for section titles */
}

/* for botton text-center */
.trip-table td.button a.btn-bor {
    padding: 1px 20px;
}

/* for testimonial */
.barberShop_testimonial_area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.barberShop_testimonial_area .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1 !important;
    padding-right: 1 !important;
}

.inquiry-formpackage form {
    margin: 0;
}

footer .top-footer .col-xxl-3:last-child ul li a:before {
    display: none;
}

.mid-header .menu-large {
    display: none !important;
}

.holiday-demo5 .appline-right ul .tripGallery:last-child {
    display: block !important;
}

/* ===== DESKTOP STYLES (max-width: 768px) ===== */
@media screen and (max-width: 768px) {
    .holiday-demo5 .megamenu-aside .featured-gallery .gallery {
        display: grid;
        grid-template-columns: repeat(3, 100px); /* 3-column grid layout */
        gap: 5px; /* Small gap between grid items */
    }
    
    .gallery {
        display: grid;
        grid-template-columns: repeat(2, 100px); /* 2-column grid layout */
    }
    
    .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Responsive auto-fit grid */
        gap: 10px; /* Medium gap between grid items */
    }
    
    .row {
        flex-direction: row; /* Horizontal row layout */
    }
}

/* ===== MOBILE STYLES (max-width: 575px) ===== */
@media screen and (max-width: 767px) {
    /* Slider container styles */
    .holiday_slider_two .sliderArea {
        height: 35vh !important; /* Set slider height to 35% of viewport */
    }
    
    /* Slider image styles */
    .holiday_slider_two .sliderArea .slider-items figure img {
        aspect-ratio: 16 / 10 !important; /* Maintain 16:9 aspect ratio */
        object-fit: cover !important; /* Crop image to fill container */
        height: auto !important; /* Auto height maintaining aspect ratio */
        
    }
    
    /* Slider content positioning */
    .holiday_slider_two .sliderArea .slider-contents2 {
        bottom: 22% !important; /* Position content 40px from bottom */
    }
    
    /* Form select element styles */
    .holiday_slider_two .sliderArea .slider-contents2 .slider-contents-main .adventure-select-form select {
        font-size: 10px !important; /* Small font size for mobile */
        height: 32px !important; /* Fixed height for touch targets */
    }
    
    /* Input and select text wrapping */
    input, select {
        text-wrap: balance; /* Balanced text wrapping for form elements */
    }
   
    
    /* Search button styles */
    button#btn-search-category {
        height: 32px !important; /* Fixed height for touch targets */
        font-size: 10px !important; /* Readable font size */
        /* width: 100% !important; */ /* Commented out full width */
        display: flex; /* Flexbox for centering */
        /*align-items: center; */
        justify-content: center; /* Horizontal centering */
        padding: 10px; /* Comfortable padding for touch */
    }
    .holiday_slider_two .sliderArea .slider-contents2 .slider-contents-main .adventure-select-form .view-grid 
    {
    width: 25% !important;
    }
    
    /* Slider content container */
    .holiday_slider_two .sliderArea .slider-contents {
        height: auto !important; /* Auto height for content */
    }
    
    /* Slider link styles */
    .holiday_slider_two .slider-contents .slider-contents-main > a {
        padding: 5px 10px !important; /* Compact padding for mobile */
        font-size: 12px !important; /* Small font size */
        color: white !important; /* White text color */
    }
    
    /* Main content container width */
    .holiday_slider_two .sliderArea .slider-contents2 .slider-contents-main {
        width: 90% !important; /* 85% width with margins */
    }
}

/* ===== LOGO MOBILE STYLES (max-width: 575px) ===== */
@media only screen and (max-width: 575px) {
    .navbar-area.agency_nav .nav-container .logo-wrapper .logo img {
        max-width: 60px !important; /* Smaller logo for mobile screens */
    }
}

/* for responsive bestselling img small */
@media screen and (max-width: 576px) {
    .holiday-demo5 .adventure-grid-area .single-adventure img {
        max-width: 100%;
        max-height: 250px; /* optional: height limit */
        height: auto;
        object-fit: cover;
  }
}

/* homepage Readmore */
/* About Section Styles */
.about-contents {
    padding: 20px 0 !important;
}

.about-contents .title {
    color: black !important; 
    font-size: 2.5rem !important;
    margin-bottom: 20px !important;
}

.about-contents p {
    line-height: 1.8 !important;
    color: #555 !important;
    margin-bottom: 30px !important;
}


.about-contents .btn {
    display: inline-block !important; 
    background-color: #10877f !important;
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: all 0.3s ease-in-out !important;
    border: 2px solid #10877f !important;
    position: relative !important; 
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
}


.about-contents .btn:hover {
    background-color: #10877f !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(54, 103, 201, 0.3) !important;
    transform: translateY(-2px) !important;
}

 
.about-contents .btn:active {
    transform: translateY(0) !important;
    opacity: 1 !important;
    background-color: #3667c9 !important;
    color: #ffffff !important;
}



/* footer */

.footer-associated h4 {
    text-transform: capitalize !important;
    font-weight: 600 !important; 
    color: white !important;     
}