/* ==========================================================
   MOBILE RESPONSIVE STYLES
   ========================================================== */

/* ---------- Header Mobile ---------- */

/* header .navbar-nav .nav-link{
    color:#fff;
    transition:.3s;
}

header.scrolled{
    background:white;
}

header.scrolled .navbar-nav .nav-link{
    color:var(--secondary);
} */

/* Default state - homepage */
header .navbar-nav .nav-link {
    color: var(--secondary);
    transition: 0.3s;
}

/* Other pages - default state */
header:not(.home-page) .navbar-nav .nav-link {
    color: #fff;
}

/* Scrolled state - applies to all pages */
header.scrolled .navbar-nav .nav-link {
    color: var(--secondary) !important;
}

/* Scrolled header background */
header.scrolled {
    background: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.mobile-header {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 1050;
    border-radius: 15px;
}

.custom-slide-in.right .modal-dialog {
    margin: 0;
    margin-left: auto;
    max-width: 320px;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.custom-slide-in.right.show .modal-dialog {
    transform: translateX(0);
}

.modal-backdrop.show {
    opacity: 0.5;
}

/* Mobile menu modal full height */
#mobileMenuModal .modal-content {
    border-radius: 0;
    background: #eae9d7;
}

#mobileMenuModal .modal-body {
    padding: 0 1.5rem 2rem;
}

#mobileMenuModal .navbar-nav .nav-link {
    color: var(--secondary);
    font-weight: 500;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#mobileMenuModal .navbar-nav .nav-link.active {
    color: var(--primary);
}

/* ---------- Slider Mobile ---------- */
@media (max-width: 767.98px) {
    .slider {
        height: auto !important;
        min-height: 500px;
        padding-bottom: 100px !important;
    }
    header.scrolled {
        background: white;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
    width: 97%;
    }

    .slider-heading {
        padding-top: 156px;
    }

    .slider-h2 {
        font-size: 22px !important;
        line-height: 1.3;
    }

    .slider .d-flex.gap-2 {
        flex-wrap: wrap;
    }

    .slider .hover-service-wrapper .row {
        flex-wrap: wrap;
    }

    .slider .hover-service-wrapper .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }

    .hover-animation-service-container {
        padding: 15px 10px !important;
        border-radius: 16px !important;
    }

    .hover-animation-service-container img {
        max-height: 40px;
        width: auto;
    }

    .statistic-title-h2 {
        font-size: 13px !important;
        margin-top: 8px;
    }

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

@media (max-width: 575.98px) {
    .slider {
        min-height: 450px;
        padding-bottom: 80px !important;
    }

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

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

/* ---------- About Us Mobile ---------- */
@media (max-width: 767.98px) {
    .about-us-padding {
        padding-top: 190px !important;
        padding-bottom: 2px !important;
    }

    .about-us-padding h2 {
        font-size: 22px !important;
    }

    .about-image {
        width: 100% !important;
        margin-bottom: 60px;
    }

    .about-tag {
        position: relative !important;
        left: 0 !important;
        bottom: auto !important;
        margin-top: -30px;
    }

    .about-us-padding .relative {
        margin-top: 20px;
    }

    .about-tag .fs-40 {
        font-size: 28px !important;
    }

    .about-tag .fs-30 {
        font-size: 22px !important;
    }

    .about-tag .fs-18 {
        font-size: 14px !important;
    }
}

/* ---------- Service Home Mobile ---------- */
@media (max-width: 767.98px) {
    .service-home-padding {
        padding-top: 0px !important;
        padding-bottom: 30px !important;
    }

    .service-home-title {
        font-size: 22px !important;
    }

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

    .service-home-image {
        height: 280px !important;
        width: 100%;
        margin-top: 20px;
    }

    .service-home-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 16px;
    }

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

    .mark-img {
        display: none;
    }
}

/* ---------- Testimonial Mobile ---------- */

/* ---------- Contact Us Mobile ---------- */
@media (max-width: 767.98px) {
    .contact-us {
        padding: 30px 0 !important;
    }

    .contact-us-title {
        font-size: 24px !important;
        text-align: center;
    }

    .second-sections {
        padding: 8px 12px !important;
    }

    .contact-us-second-title {
        font-size: 14px !important;
    }

    .contact-us-second-circle svg {
        width: 30px !important;
        height: 26px !important;
    }

    .contact-us-icons {
        display: none;
    }
}

/* ---------- Articles Mobile ---------- */
@media (max-width: 767.98px) {
    .article-section {
        padding: 0 0 20px;
    }

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

    .article-des {
        font-size: 13px !important;
    }

    .swiper-slide {
        width: 280px !important;
    }

    .article-date {
        padding: 6px 12px !important;
    }

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

    .article-date p {
        font-size: 12px !important;
    }
    .contact-card h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
}

/* ---------- Why Choose Us Mobile ---------- */
@media (max-width: 575.98px) {
    .why-choose-box {
        padding: 25px 20px !important;
        border-radius: 18px !important;
    }

    .title {
        font-size: 27px !important;
    }

    .description {
        font-size: 14px !important;
        max-width: 100%;
    }

    .stat-item {
        padding: 5px 0px !important;
    }

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

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

    .stat-item .icon {
        font-size: 22px !important;
        margin-bottom: 2px;
    }
    .contact-card h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
}

/* ---------- Move Your Business Mobile ---------- */
@media (max-width: 575.98px) {
    .cta-wrapper {
        padding: 25px 18px !important;
        border-radius: 16px !important;
    }

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

    .support-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .support-icon i {
        font-size: 24px !important;
    }

    .support-icon .badge-number {
        width: 28px !important;
        height: 28px !important;
        font-size: 10px !important;
    }
    .quote-btn {
        padding: 5px 9px !important;
        font-size: 16px !important;
    }
    .contact-card h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
}

/* ---------- Company Logo Mobile ---------- */
@media (max-width: 575.98px) {
    .partner-wrapper {
        padding: 20px 15px !important;
    }

    .partner-logo-svg svg {
        height: 20px !important;
    }
    .contact-card h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
}

/* ---------- Footer Mobile ---------- */
@media (max-width: 767.98px) {
    .contact-card h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    footer .container.d-lg-none {
        padding-bottom: 80px;
    }

    footer .container.d-lg-none .col-6 {
        padding: 0 10px;
    }

    footer .footer-heading.fs-18 {
        font-size: 15px !important;
    }

    footer .footer-text {
        font-size: 13px !important;
    }

    footer .h-130px {
        height: auto !important;
        min-height: auto;
    }

    .bottom-fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1040;
        padding: 8px 16px !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }

    .book-now-button a,
    .whatsapp-button a {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .book-now-bottom {
        display: flex;
        align-items: center;
        background: var(--primary);
        border-radius: 50px;
        border: none;
        padding: 6px 14px 6px 6px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .book-now-bottom .arrow svg {
        width: 30px;
        height: 30px;
    }

    .whatsapp-icon svg {
        width: 36px;
        height: 36px;
    }

    .social-icon {
        width: 36px !important;
        height: 36px !important;
    }

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

    footer .border-top .d-flex.gap-4 {
        gap: 12px !important;
    }
}

@media (max-width: 575.98px) {
    footer .container.d-lg-none .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bottom-fixed {
        padding: 6px 12px !important;
    }
}

/* ---------- General Mobile Utilities ---------- */
@media (max-width: 767.98px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    section {
        overflow: hidden;
    }
    section.slider {
        overflow: visible;
    }

    .rounded-pill {
        white-space: nowrap;
    }
    .contact-card h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .contact-card p {
        margin: 0;
        color: #6c757d;
        font-size: 15px !important;
    }
    .icon-box {
        width: 40px !important;
        height: 43px !important;
    }
.icon-box i{
font-size: 18px;
}
}