/* =========================================================
   RESPONSIVE.CSS — CLEANED
   ========================================================= */

@media only screen and (min-width: 1400px) { }
@media only screen and (min-width: 1800px) { }
@media only screen and (min-width: 2501px) { }

/* ============ DESKTOP (≥768px) ============ */
@media (min-width: 768px) {
  .header .mobile-buttons { display: none; }
  .mobile-contact-box { display: none; }
  .row.mobile-top { display: none; }
}

/* ============ TABLET & BELOW (≤990px) ============ */
@media (max-width: 990px) {

  .mid-header .heder-logo { display: block; width: 50%; }
  .mid-header .heder-logo img { width: 200px; }
  .mid-header .header-menu { width: 50%; }

  .header-menu button.navbar-toggler {
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
    box-shadow: none;
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #849a22;
    position: absolute;
    left: 5px;
    top: 7px;
    transform: rotate(0deg);
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after { top: 22px; }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {
    width: 35px;
    height: 2px;
    background: #223f9a;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #223f9a;
    position: absolute;
    left: 0;
    top: 7px;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after { top: 14px; transform: rotate(-45deg); }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before { transform: rotate(45deg); top: 14px; }
  .header-menu button.navbar-toggler span.navbar-toggler-icon span { display: none; }

  /* Mobile menu drawer */
  .menu { position: static; height: auto; }
  .header-menu .navbar .navbar-collapse {
    position: fixed;
    left: 0;
    top: 0;
    width: 80%;
    max-width: 340px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    display: block;
    transform: translateX(-110%);
    transition: transform 0.4s ease;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .header-menu .navbar .navbar-collapse.show { transform: translateX(0); }

  .header-menu nav.navbar { display: block; }
  .header-menu .navbar .navbar-collapse .menu-logo {
    border-bottom: 1px solid #223f9a;
    padding: 0 0 10px 0;
    display: block;
    margin-bottom: 10px;
  }
  .header-menu .navbar .navbar-collapse .menu-logo img { width: 200px; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav { margin: 0 !important; padding: 0; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 0;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px;
    display: block;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active,
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover {
    color: #fff;
    background: #128600;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
    margin: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    left: auto;
    color: #fff;
    background: #223f9a;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after { content: "\f106"; }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
    width: 100%;
    left: 0;
    margin: 0;
    border: none;
    padding: 10px;
    box-shadow: none;
    position: static;
    border-radius: 0;
    background: transparent;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-color: #ebebeb;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 8px 0;
    font-size: 14px;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child { border: none; }
}

/* ============ MOBILE (≤767px) ============ */
@media (max-width: 767px) {

  .header-navbar .header-btn { display: none; }
  .header-top { padding: 5px 0; }
  .header-top .row { display: none; }
  .header-top .row.mobile-top { display: flex; align-items: center; }
  .row.mobile-top .top-right-content h6 a { color: #fff; font-size: 16px; }
  .row.mobile-top .top-right-content .fa { color: #fff; font-size: 16px; position: relative; top: 3px; margin: 0 5px 0 0; }

  .mid-header .top-right-content { display: none; }
  .home-banner .banner-content .align { margin: 100px 0 0 0; text-align: center; }

  .accordion_active .accordion_content img { display: none; }
  .row_flex .row_inner img { height: auto; border-radius: 0; margin: 10px 0 0 0; }

  /* Prevent floating buttons from overlapping the mobile contact bar */
  .whatsapp-icon { bottom: 80px; left: 12px; }
  .scrollup { bottom: 80px; right: 12px; }
}

/* ============ SMALL MOBILE (≤639px) ============ */
@media (max-width: 639px) {

  .row { margin: 0; }
  p { font-size: 14px; }
  .sec-title { font-size: 20px; }
  section { padding: 20px 0 !important; }
  section.header,
  section.banner.home-banner,
  section.map { padding: 0 !important; }

  .mid-header { padding: 0; }
  .header-top .top-right { display: block; }
  .header-top .row.mobile-top .col-md-6 { width: 50%; }

  .heder-logo a img { width: 30px; }
  section.header.sticky-header { padding: 0 !important; }
  section.header { border: none; }
  section.header.sticky-header .heder-logo a img { width: 200px; }
  .header-menu .navbar .navbar-collapse { width: 85%; }

  .home-banner .banner-content { padding: 30px 20px; }
  .home-banner .owl-carousel .item { height: auto; }
  .home-banner .owl-carousel .item img { height: 350px; }
  .banner .item .banner-content h1 { font-size: 22px; margin: 0; text-align: center; line-height: 22px; padding: 0 0 10px 0; }
  .banner .item .banner-content p { font-size: 16px; border: none; text-align: center; margin: 0 0 10px 0; }
  .banner .item .banner-content p br { display: none; }
  .banner .item .banner-content button { margin: 0 auto; }
  .home-banner .owl-dots { bottom: 10px; display: none; }
  .banner-content { justify-content: center; }

  section.about { padding: 20px 0 20px; }
  section.about .left-img img { max-height: 300px; }
  .about-right { padding: 20px 0 0; }

  .count { padding: 20px 0; }
  .count .align { display: block; }
  .count .count-info { margin: 5px 5px; padding: 10px 0; width: 46%; display: inline-block; }

  .why-choose .choose-box img { width: 60px; }

  section.benefits { padding: 0 !important; }
  .benefits .right-content { padding: 20px; }
  .benefits .right-content .video-icon { display: none; }

  .client-testimonial .owl-nav { top: -10px; }
  .client-testimonial .item-content { min-height: 300px; margin: 30px 0 20px; }

  /* Footer mobile fix */
  section.footer { padding: 30px 15px 90px; }
  section.footer .col-sm-3,
  .footer .col-sm-3.links,
  .footer .col-sm-3.service { width: 100%; }
  .footer-content a.ftr-logo img { width: 100%; max-width: 240px; margin: 0 auto 20px; display: block; }
  section.footer ul li { padding: 8px 0; }
  section.footer .col-sm-3 .footer-content p { font-size: 14px; text-align: center; }
  section.footer .col-sm-3 .footer-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff5e;
    padding: 0 0 15px;
  }
  .footer-content ul.socail-link { margin: 20px 0 0; }
  .btm-ftr { margin: 0; padding: 10px 0 50px; }
  .btm-ftr p.copyright { text-align: center; }
  section.footer .btm-ftr ul { text-align: center; margin: 0 0 10px 0; }
  section.footer .col-sm-3.ratings .footer-content { border: none; }
  .btm-ftr .btm-ftr-content { display: block; }

  .footer .row.btm-row { margin: 0; }
  .footer .row.btm-row ul.ftr-links { justify-content: space-between; }
  .footer .row.btm-row ul.ftr-links li { padding: 0; }
  .footer .row.btm-row p.copyright { width: 100%; justify-content: center; margin: 10px 0 0 0; }

  .inner-banner { height: 220px; padding: 0 !important; }
  .inner-bnr-content h2 { font-size: 24px; }
  .inner-banner .banner-overlay { padding: 100px 0 0 0; }
  .mission-vision .mi-vi-content { margin: 20px 0 0; }

  .team .team-box .team-details { transform: translate(0, 100px); }

  .page-career .right-img img { margin: 20px 0 0 0; }
  .open-position .left-img img { margin: 0 0 20px 0; }
  .open-position .content-box { display: block; text-align: center; margin: 20px 0 0 0; }
  .open-position .content-box p { font-size: 14px; margin: 0 0 10px 0; }

  .reach-info { margin: 0 0 20px 0; }
  .contact-form { margin: 20px 0 0; padding: 20px; }
  .map iframe { height: 350px; }

  .page-product .row { margin: 0; }
  .page-product .product-img img { height: 300px; margin: 0 0 20px 0; object-fit: inherit; }

  .page-stokes .modal-content { width: 95%; }
  .page-stokes .modal-content .modal-contant { display: block; }
  .page-stokes .modal-content .modal-contant .img-box { width: 50%; margin: 0 auto 10px; }
  .page-stokes .modal-content .modal-contant .details-box { text-align: center; }

  .scrollup { right: 4px; bottom: 80px; }
  .whatsapp-icon { left: 8px; bottom: 80px; }
  .whatsapp-icon a { padding: 0 12px 0 0; font-size: 11px; }
  .whatsapp-icon a i.fa { padding: 8px; font-size: 16px; }
}


/* =========================================================
   ANT CONTROL SERVICES PAGE - ANT-SPECIFIC RESPONSIVE CSS
   Content unchanged
   ========================================================= */

.ant-intro-section {
    padding: 80px 0;
    background: #ffffff;
}

.ant-intro-image {
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.10);
}

.ant-intro-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.ant-intro-content {
    padding-left: 20px;
}

.ant-intro-content h1 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
    color: #157400;
    margin-bottom: 15px;
}

.ant-intro-content p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-align: justify;
    margin-bottom: 18px;
}

@media (max-width: 991px) {
    .ant-intro-section {
        padding: 60px 0;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .ant-intro-content h1 {
        font-size: 34px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {

    .ant-intro-section,
    .ant-about-ant-section,
    .ant-sign-section,
    .ant-services-section,
    .ant-why-section,
    .ant-process-section,
    .ant-benefits-section,
    .ant-faq-section,
    .ant-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ant-intro-image {
        margin-bottom: 25px;
        border-radius: 20px;
    }

    .ant-intro-image img {
        height: 300px;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 0;
    }

    .ant-intro-content h1,
    .ant-about-ant-content h2,
    .ant-sign-content h2,
    .ant-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-intro-content p,
    .ant-about-ant-content p,
    .ant-sign-content p,
    .ant-services-content p,
    .ant-why-content p,
    .ant-process-content p,
    .ant-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-intro-section .booking-form h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .ant-intro-section .price-card {
        padding: 18px;
    }

    .ant-intro-section .price-title {
        font-size: 22px;
    }

    .ant-intro-section .price-row {
        font-size: 15px;
    }

    .ant-intro-section .offer-box {
        padding: 15px;
    }

    .ant-intro-section .offer-price {
        font-size: 28px;
    }

    .ant-intro-section .payment-buttons {
        display: flex;
        flex-direction: column !important;
        gap: 12px;
    }

    .ant-intro-section .payment-buttons > a,
    .ant-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    .ant-about-ant-image {
        margin-top: 25px;
    }

    .ant-about-ant-image img,
    .ant-sign-image img,
    .ant-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .ant-sign-image,
    .ant-benefits-image {
        margin-bottom: 25px;
    }

    .ant-services-section .row.mt-5,
    .ant-why-section .row.mt-5,
    .ant-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .ant-services-section .row.mt-5 > [class*="col-"],
    .ant-why-section .row.mt-5 > [class*="col-"],
    .ant-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ant-services-section .service-card,
    .ant-why-section .why-card,
    .ant-process-section .process-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .ant-services-section .service-card h3,
    .ant-why-section .why-card h3,
    .ant-process-section .process-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .ant-services-section .service-card p,
    .ant-why-section .why-card p,
    .ant-process-section .process-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-faq-section .faq-wrapper {
        width: 100%;
    }

    .ant-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .ant-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .ant-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    .ant-contact-section .contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .ant-contact-section .contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-contact-section .contact-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .ant-contact-section .contact-btn {
        width: 100%;
        max-width: 300px;
    }
}

/* =========================================================
   RESPONSIVE.CSS — CLEANED
   ========================================================= */

@media only screen and (min-width: 1400px) { }
@media only screen and (min-width: 1800px) { }
@media only screen and (min-width: 2501px) { }

/* ============ DESKTOP (≥768px) ============ */
@media (min-width: 768px) {
  .header .mobile-buttons { display: none; }
  .mobile-contact-box { display: none; }
  .row.mobile-top { display: none; }
}

/* ============ TABLET & BELOW (≤990px) ============ */
@media (max-width: 990px) {

  .mid-header .heder-logo { display: block; width: 50%; }
  .mid-header .heder-logo img { width: 200px; }
  .mid-header .header-menu { width: 50%; }

  .header-menu button.navbar-toggler {
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
    box-shadow: none;
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #849a22;
    position: absolute;
    left: 5px;
    top: 7px;
    transform: rotate(0deg);
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after { top: 22px; }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {
    width: 35px;
    height: 2px;
    background: #223f9a;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #223f9a;
    position: absolute;
    left: 0;
    top: 7px;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after { top: 14px; transform: rotate(-45deg); }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before { transform: rotate(45deg); top: 14px; }
  .header-menu button.navbar-toggler span.navbar-toggler-icon span { display: none; }

  /* Mobile menu drawer */
  .menu { position: static; height: auto; }
  .header-menu .navbar .navbar-collapse {
    position: fixed;
    left: 0;
    top: 0;
    width: 80%;
    max-width: 340px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    display: block;
    transform: translateX(-110%);
    transition: transform 0.4s ease;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .header-menu .navbar .navbar-collapse.show { transform: translateX(0); }

  .header-menu nav.navbar { display: block; }
  .header-menu .navbar .navbar-collapse .menu-logo {
    border-bottom: 1px solid #223f9a;
    padding: 0 0 10px 0;
    display: block;
    margin-bottom: 10px;
  }
  .header-menu .navbar .navbar-collapse .menu-logo img { width: 200px; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav { margin: 0 !important; padding: 0; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 0;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px;
    display: block;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active,
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover {
    color: #fff;
    background: #128600;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
    margin: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    left: auto;
    color: #fff;
    background: #223f9a;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after { content: "\f106"; }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
    width: 100%;
    left: 0;
    margin: 0;
    border: none;
    padding: 10px;
    box-shadow: none;
    position: static;
    border-radius: 0;
    background: transparent;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-color: #ebebeb;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 8px 0;
    font-size: 14px;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child { border: none; }
}

/* ============ MOBILE (≤767px) ============ */
@media (max-width: 767px) {

  .header-navbar .header-btn { display: none; }
  .header-top { padding: 5px 0; }
  .header-top .row { display: none; }
  .header-top .row.mobile-top { display: flex; align-items: center; }
  .row.mobile-top .top-right-content h6 a { color: #fff; font-size: 16px; }
  .row.mobile-top .top-right-content .fa { color: #fff; font-size: 16px; position: relative; top: 3px; margin: 0 5px 0 0; }

  .mid-header .top-right-content { display: none; }
  .home-banner .banner-content .align { margin: 100px 0 0 0; text-align: center; }

  .accordion_active .accordion_content img { display: none; }
  .row_flex .row_inner img { height: auto; border-radius: 0; margin: 10px 0 0 0; }

  /* Prevent floating buttons from overlapping the mobile contact bar */
  .whatsapp-icon { bottom: 80px; left: 12px; }
  .scrollup { bottom: 80px; right: 12px; }
}

/* ============ SMALL MOBILE (≤639px) ============ */
@media (max-width: 639px) {

  .row { margin: 0; }
  p { font-size: 14px; }
  .sec-title { font-size: 20px; }
  section { padding: 20px 0 !important; }
  section.header,
  section.banner.home-banner,
  section.map { padding: 0 !important; }

  .mid-header { padding: 0; }
  .header-top .top-right { display: block; }
  .header-top .row.mobile-top .col-md-6 { width: 50%; }

  .heder-logo a img { width: 30px; }
  section.header.sticky-header { padding: 0 !important; }
  section.header { border: none; }
  section.header.sticky-header .heder-logo a img { width: 200px; }
  .header-menu .navbar .navbar-collapse { width: 85%; }

  .home-banner .banner-content { padding: 30px 20px; }
  .home-banner .owl-carousel .item { height: auto; }
  .home-banner .owl-carousel .item img { height: 350px; }
  .banner .item .banner-content h1 { font-size: 22px; margin: 0; text-align: center; line-height: 22px; padding: 0 0 10px 0; }
  .banner .item .banner-content p { font-size: 16px; border: none; text-align: center; margin: 0 0 10px 0; }
  .banner .item .banner-content p br { display: none; }
  .banner .item .banner-content button { margin: 0 auto; }
  .home-banner .owl-dots { bottom: 10px; display: none; }
  .banner-content { justify-content: center; }

  section.about { padding: 20px 0 20px; }
  section.about .left-img img { max-height: 300px; }
  .about-right { padding: 20px 0 0; }

  .count { padding: 20px 0; }
  .count .align { display: block; }
  .count .count-info { margin: 5px 5px; padding: 10px 0; width: 46%; display: inline-block; }

  .why-choose .choose-box img { width: 60px; }

  section.benefits { padding: 0 !important; }
  .benefits .right-content { padding: 20px; }
  .benefits .right-content .video-icon { display: none; }

  .client-testimonial .owl-nav { top: -10px; }
  .client-testimonial .item-content { min-height: 300px; margin: 30px 0 20px; }

  /* Footer mobile fix */
  section.footer { padding: 30px 15px 90px; }
  section.footer .col-sm-3,
  .footer .col-sm-3.links,
  .footer .col-sm-3.service { width: 100%; }
  .footer-content a.ftr-logo img { width: 100%; max-width: 240px; margin: 0 auto 20px; display: block; }
  section.footer ul li { padding: 8px 0; }
  section.footer .col-sm-3 .footer-content p { font-size: 14px; text-align: center; }
  section.footer .col-sm-3 .footer-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff5e;
    padding: 0 0 15px;
  }
  .footer-content ul.socail-link { margin: 20px 0 0; }
  .btm-ftr { margin: 0; padding: 10px 0 50px; }
  .btm-ftr p.copyright { text-align: center; }
  section.footer .btm-ftr ul { text-align: center; margin: 0 0 10px 0; }
  section.footer .col-sm-3.ratings .footer-content { border: none; }
  .btm-ftr .btm-ftr-content { display: block; }

  .footer .row.btm-row { margin: 0; }
  .footer .row.btm-row ul.ftr-links { justify-content: space-between; }
  .footer .row.btm-row ul.ftr-links li { padding: 0; }
  .footer .row.btm-row p.copyright { width: 100%; justify-content: center; margin: 10px 0 0 0; }

  .inner-banner { height: 220px; padding: 0 !important; }
  .inner-bnr-content h2 { font-size: 24px; }
  .inner-banner .banner-overlay { padding: 100px 0 0 0; }
  .mission-vision .mi-vi-content { margin: 20px 0 0; }

  .team .team-box .team-details { transform: translate(0, 100px); }

  .page-career .right-img img { margin: 20px 0 0 0; }
  .open-position .left-img img { margin: 0 0 20px 0; }
  .open-position .content-box { display: block; text-align: center; margin: 20px 0 0 0; }
  .open-position .content-box p { font-size: 14px; margin: 0 0 10px 0; }

  .reach-info { margin: 0 0 20px 0; }
  .contact-form { margin: 20px 0 0; padding: 20px; }
  .map iframe { height: 350px; }

  .page-product .row { margin: 0; }
  .page-product .product-img img { height: 300px; margin: 0 0 20px 0; object-fit: inherit; }

  .page-stokes .modal-content { width: 95%; }
  .page-stokes .modal-content .modal-contant { display: block; }
  .page-stokes .modal-content .modal-contant .img-box { width: 50%; margin: 0 auto 10px; }
  .page-stokes .modal-content .modal-contant .details-box { text-align: center; }

  .scrollup { right: 4px; bottom: 80px; }
  .whatsapp-icon { left: 8px; bottom: 80px; }
  .whatsapp-icon a { padding: 0 12px 0 0; font-size: 11px; }
  .whatsapp-icon a i.fa { padding: 8px; font-size: 16px; }
}


/* =========================================================
   ANT CONTROL SERVICES PAGE - ANT-SPECIFIC RESPONSIVE CSS
   Content unchanged
   ========================================================= */

.ant-intro-section {
    padding: 80px 0;
    background: #ffffff;
}

.ant-intro-image {
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.10);
}

.ant-intro-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.ant-intro-content {
    padding-left: 20px;
}

.ant-intro-content h1 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
    color: #157400;
    margin-bottom: 15px;
}

.ant-intro-content p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-align: justify;
    margin-bottom: 18px;
}

@media (max-width: 991px) {
    .ant-intro-section {
        padding: 60px 0;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .ant-intro-content h1 {
        font-size: 34px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {

    .ant-intro-section,
    .ant-about-ant-section,
    .ant-sign-section,
    .ant-services-section,
    .ant-why-section,
    .ant-process-section,
    .ant-benefits-section,
    .ant-faq-section,
    .ant-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ant-intro-image {
        margin-bottom: 25px;
        border-radius: 20px;
    }

    .ant-intro-image img {
        height: 300px;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 0;
    }

    .ant-intro-content h1,
    .ant-about-ant-content h2,
    .ant-sign-content h2,
    .ant-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-intro-content p,
    .ant-about-ant-content p,
    .ant-sign-content p,
    .ant-services-content p,
    .ant-why-content p,
    .ant-process-content p,
    .ant-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-intro-section .booking-form h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .ant-intro-section .price-card {
        padding: 18px;
    }

    .ant-intro-section .price-title {
        font-size: 22px;
    }

    .ant-intro-section .price-row {
        font-size: 15px;
    }

    .ant-intro-section .offer-box {
        padding: 15px;
    }

    .ant-intro-section .offer-price {
        font-size: 28px;
    }

    .ant-intro-section .payment-buttons {
        display: flex;
        flex-direction: column !important;
        gap: 12px;
    }

    .ant-intro-section .payment-buttons > a,
    .ant-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    .ant-about-ant-image {
        margin-top: 25px;
    }

    .ant-about-ant-image img,
    .ant-sign-image img,
    .ant-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .ant-sign-image,
    .ant-benefits-image {
        margin-bottom: 25px;
    }

    .ant-services-section .row.mt-5,
    .ant-why-section .row.mt-5,
    .ant-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .ant-services-section .row.mt-5 > [class*="col-"],
    .ant-why-section .row.mt-5 > [class*="col-"],
    .ant-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ant-services-section .service-card,
    .ant-why-section .why-card,
    .ant-process-section .process-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .ant-services-section .service-card h3,
    .ant-why-section .why-card h3,
    .ant-process-section .process-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .ant-services-section .service-card p,
    .ant-why-section .why-card p,
    .ant-process-section .process-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-faq-section .faq-wrapper {
        width: 100%;
    }

    .ant-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .ant-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .ant-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    .ant-contact-section .contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .ant-contact-section .contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-contact-section .contact-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .ant-contact-section .contact-btn {
        width: 100%;
        max-width: 300px;
    }
}

/* =========================================================
   BED BUG CONTROL SERVICES PAGE - BED BUG-SPECIFIC RESPONSIVE CSS
   Load this file AFTER the main stylesheet.
   ========================================================= */

.bed-bug-intro-section .booking-form h2 { font-size: 26px; line-height: 34px; }
.bed-bug-intro-section .price-card { padding: 18px; }
.bed-bug-intro-section .price-title { font-size: 22px; }
.bed-bug-intro-section .price-row { font-size: 15px; }
.bed-bug-intro-section .offer-box { padding: 15px; }
.bed-bug-intro-section .offer-price { font-size: 28px; }
.bed-bug-intro-section .payment-buttons { display: flex; gap: 12px; }

@media (max-width: 991px) {
    .bed-bug-intro-content { padding-left: 0; margin-top: 40px; }
}

@media (max-width: 767px) {
    .bed-bug-intro-section,
    .bed-bug-sign-section,
    .bed-bug-services-section,
    .bed-bug-why-section,
    .bed-bug-process-section,
    .bed-bug-benefits-section,
    .bed-bug-faq-section,
    .bed-bug-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bed-bug-intro-image,
    .bed-bug-sign-image,
    .bed-bug-benefits-image {
        margin-bottom: 25px;
    }

    .bed-bug-intro-image img,
    .bed-bug-sign-image img,
    .bed-bug-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .bed-bug-intro-content { padding-left: 0; margin-top: 0; }

    .bed-bug-intro-content h1,
    .bed-bug-sign-content h2,
    .bed-bug-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bed-bug-intro-content p,
    .bed-bug-sign-content p,
    .bed-bug-services-content p,
    .bed-bug-why-content p,
    .bed-bug-process-content p,
    .bed-bug-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .bed-bug-intro-section .payment-buttons {
        flex-direction: column !important;
        gap: 12px;
    }

    .bed-bug-intro-section .payment-buttons > a,
    .bed-bug-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    .bed-bug-services-section .row.mt-5,
    .bed-bug-why-section .row.mt-5,
    .bed-bug-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .bed-bug-services-section .row.mt-5 > [class*="col-"],
    .bed-bug-why-section .row.mt-5 > [class*="col-"],
    .bed-bug-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bed-bug-services-section .service-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .bed-bug-services-section .service-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .bed-bug-services-section .service-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .bed-bug-faq-section .faq-wrapper { width: 100%; }

    .bed-bug-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .bed-bug-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .bed-bug-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    .bed-bug-contact-section .contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .bed-bug-contact-section .contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bed-bug-contact-section .contact-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .bed-bug-contact-section .contact-btn {
        width: 100%;
        max-width: 300px;
    }
}
/* WHY CHOOSE - Desktop Horizontal & Vertical Gap */
@media (min-width: 992px) {
    .bed-bug-why-section .row.mt-5 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .bed-bug-why-section .row.mt-5 > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
/* =========================================================
   RESPONSIVE.CSS — CLEANED
   ========================================================= */

@media only screen and (min-width: 1400px) { }
@media only screen and (min-width: 1800px) { }
@media only screen and (min-width: 2501px) { }

/* ============ DESKTOP (≥768px) ============ */
@media (min-width: 768px) {
  .header .mobile-buttons { display: none; }
  .mobile-contact-box { display: none; }
  .row.mobile-top { display: none; }
}

/* ============ TABLET & BELOW (≤990px) ============ */
@media (max-width: 990px) {

  .mid-header .heder-logo { display: block; width: 50%; }
  .mid-header .heder-logo img { width: 200px; }
  .mid-header .header-menu { width: 50%; }

  .header-menu button.navbar-toggler {
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
    box-shadow: none;
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #849a22;
    position: absolute;
    left: 5px;
    top: 7px;
    transform: rotate(0deg);
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after { top: 22px; }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {
    width: 35px;
    height: 2px;
    background: #223f9a;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #223f9a;
    position: absolute;
    left: 0;
    top: 7px;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after { top: 14px; transform: rotate(-45deg); }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before { transform: rotate(45deg); top: 14px; }
  .header-menu button.navbar-toggler span.navbar-toggler-icon span { display: none; }

  /* Mobile menu drawer */
  .menu { position: static; height: auto; }
  .header-menu .navbar .navbar-collapse {
    position: fixed;
    left: 0;
    top: 0;
    width: 80%;
    max-width: 340px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    display: block;
    transform: translateX(-110%);
    transition: transform 0.4s ease;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .header-menu .navbar .navbar-collapse.show { transform: translateX(0); }

  .header-menu nav.navbar { display: block; }
  .header-menu .navbar .navbar-collapse .menu-logo {
    border-bottom: 1px solid #223f9a;
    padding: 0 0 10px 0;
    display: block;
    margin-bottom: 10px;
  }
  .header-menu .navbar .navbar-collapse .menu-logo img { width: 200px; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav { margin: 0 !important; padding: 0; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 0;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px;
    display: block;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active,
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover {
    color: #fff;
    background: #128600;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
    margin: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    left: auto;
    color: #fff;
    background: #223f9a;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after { content: "\f106"; }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
    width: 100%;
    left: 0;
    margin: 0;
    border: none;
    padding: 10px;
    box-shadow: none;
    position: static;
    border-radius: 0;
    background: transparent;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-color: #ebebeb;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 8px 0;
    font-size: 14px;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child { border: none; }
}

/* ============ MOBILE (≤767px) ============ */
@media (max-width: 767px) {

  .header-navbar .header-btn { display: none; }
  .header-top { padding: 5px 0; }
  .header-top .row { display: none; }
  .header-top .row.mobile-top { display: flex; align-items: center; }
  .row.mobile-top .top-right-content h6 a { color: #fff; font-size: 16px; }
  .row.mobile-top .top-right-content .fa { color: #fff; font-size: 16px; position: relative; top: 3px; margin: 0 5px 0 0; }

  .mid-header .top-right-content { display: none; }
  .home-banner .banner-content .align { margin: 100px 0 0 0; text-align: center; }

  .accordion_active .accordion_content img { display: none; }
  .row_flex .row_inner img { height: auto; border-radius: 0; margin: 10px 0 0 0; }

  /* Prevent floating buttons from overlapping the mobile contact bar */
  .whatsapp-icon { bottom: 80px; left: 12px; }
  .scrollup { bottom: 80px; right: 12px; }
}

/* ============ SMALL MOBILE (≤639px) ============ */
@media (max-width: 639px) {

  .row { margin: 0; }
  p { font-size: 14px; }
  .sec-title { font-size: 20px; }
  section { padding: 20px 0 !important; }
  section.header,
  section.banner.home-banner,
  section.map { padding: 0 !important; }

  .mid-header { padding: 0; }
  .header-top .top-right { display: block; }
  .header-top .row.mobile-top .col-md-6 { width: 50%; }

  .heder-logo a img { width: 30px; }
  section.header.sticky-header { padding: 0 !important; }
  section.header { border: none; }
  section.header.sticky-header .heder-logo a img { width: 200px; }
  .header-menu .navbar .navbar-collapse { width: 85%; }

  .home-banner .banner-content { padding: 30px 20px; }
  .home-banner .owl-carousel .item { height: auto; }
  .home-banner .owl-carousel .item img { height: 350px; }
  .banner .item .banner-content h1 { font-size: 22px; margin: 0; text-align: center; line-height: 22px; padding: 0 0 10px 0; }
  .banner .item .banner-content p { font-size: 16px; border: none; text-align: center; margin: 0 0 10px 0; }
  .banner .item .banner-content p br { display: none; }
  .banner .item .banner-content button { margin: 0 auto; }
  .home-banner .owl-dots { bottom: 10px; display: none; }
  .banner-content { justify-content: center; }

  section.about { padding: 20px 0 20px; }
  section.about .left-img img { max-height: 300px; }
  .about-right { padding: 20px 0 0; }

  .count { padding: 20px 0; }
  .count .align { display: block; }
  .count .count-info { margin: 5px 5px; padding: 10px 0; width: 46%; display: inline-block; }

  .why-choose .choose-box img { width: 60px; }

  section.benefits { padding: 0 !important; }
  .benefits .right-content { padding: 20px; }
  .benefits .right-content .video-icon { display: none; }

  .client-testimonial .owl-nav { top: -10px; }
  .client-testimonial .item-content { min-height: 300px; margin: 30px 0 20px; }

  /* Footer mobile fix */
  section.footer { padding: 30px 15px 90px; }
  section.footer .col-sm-3,
  .footer .col-sm-3.links,
  .footer .col-sm-3.service { width: 100%; }
  .footer-content a.ftr-logo img { width: 100%; max-width: 240px; margin: 0 auto 20px; display: block; }
  section.footer ul li { padding: 8px 0; }
  section.footer .col-sm-3 .footer-content p { font-size: 14px; text-align: center; }
  section.footer .col-sm-3 .footer-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff5e;
    padding: 0 0 15px;
  }
  .footer-content ul.socail-link { margin: 20px 0 0; }
  .btm-ftr { margin: 0; padding: 10px 0 50px; }
  .btm-ftr p.copyright { text-align: center; }
  section.footer .btm-ftr ul { text-align: center; margin: 0 0 10px 0; }
  section.footer .col-sm-3.ratings .footer-content { border: none; }
  .btm-ftr .btm-ftr-content { display: block; }

  .footer .row.btm-row { margin: 0; }
  .footer .row.btm-row ul.ftr-links { justify-content: space-between; }
  .footer .row.btm-row ul.ftr-links li { padding: 0; }
  .footer .row.btm-row p.copyright { width: 100%; justify-content: center; margin: 10px 0 0 0; }

  .inner-banner { height: 220px; padding: 0 !important; }
  .inner-bnr-content h2 { font-size: 24px; }
  .inner-banner .banner-overlay { padding: 100px 0 0 0; }
  .mission-vision .mi-vi-content { margin: 20px 0 0; }

  .team .team-box .team-details { transform: translate(0, 100px); }

  .page-career .right-img img { margin: 20px 0 0 0; }
  .open-position .left-img img { margin: 0 0 20px 0; }
  .open-position .content-box { display: block; text-align: center; margin: 20px 0 0 0; }
  .open-position .content-box p { font-size: 14px; margin: 0 0 10px 0; }

  .reach-info { margin: 0 0 20px 0; }
  .contact-form { margin: 20px 0 0; padding: 20px; }
  .map iframe { height: 350px; }

  .page-product .row { margin: 0; }
  .page-product .product-img img { height: 300px; margin: 0 0 20px 0; object-fit: inherit; }

  .page-stokes .modal-content { width: 95%; }
  .page-stokes .modal-content .modal-contant { display: block; }
  .page-stokes .modal-content .modal-contant .img-box { width: 50%; margin: 0 auto 10px; }
  .page-stokes .modal-content .modal-contant .details-box { text-align: center; }

  .scrollup { right: 4px; bottom: 80px; }
  .whatsapp-icon { left: 8px; bottom: 80px; }
  .whatsapp-icon a { padding: 0 12px 0 0; font-size: 11px; }
  .whatsapp-icon a i.fa { padding: 8px; font-size: 16px; }
}


/* =========================================================
   ANT CONTROL SERVICES PAGE - ANT-SPECIFIC RESPONSIVE CSS
   Content unchanged
   ========================================================= */

.ant-intro-section {
    padding: 80px 0;
    background: #ffffff;
}

.ant-intro-image {
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.10);
}

.ant-intro-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.ant-intro-content {
    padding-left: 20px;
}

.ant-intro-content h1 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
    color: #157400;
    margin-bottom: 15px;
}

.ant-intro-content p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-align: justify;
    margin-bottom: 18px;
}

@media (max-width: 991px) {
    .ant-intro-section {
        padding: 60px 0;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .ant-intro-content h1 {
        font-size: 34px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {

    .ant-intro-section,
    .ant-about-ant-section,
    .ant-sign-section,
    .ant-services-section,
    .ant-why-section,
    .ant-process-section,
    .ant-benefits-section,
    .ant-faq-section,
    .ant-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ant-intro-image {
        margin-bottom: 25px;
        border-radius: 20px;
    }

    .ant-intro-image img {
        height: 300px;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 0;
    }

    .ant-intro-content h1,
    .ant-about-ant-content h2,
    .ant-sign-content h2,
    .ant-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-intro-content p,
    .ant-about-ant-content p,
    .ant-sign-content p,
    .ant-services-content p,
    .ant-why-content p,
    .ant-process-content p,
    .ant-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-intro-section .booking-form h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .ant-intro-section .price-card {
        padding: 18px;
    }

    .ant-intro-section .price-title {
        font-size: 22px;
    }

    .ant-intro-section .price-row {
        font-size: 15px;
    }

    .ant-intro-section .offer-box {
        padding: 15px;
    }

    .ant-intro-section .offer-price {
        font-size: 28px;
    }

    .ant-intro-section .payment-buttons {
        display: flex;
        flex-direction: column !important;
        gap: 12px;
    }

    .ant-intro-section .payment-buttons > a,
    .ant-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    .ant-about-ant-image {
        margin-top: 25px;
    }

    .ant-about-ant-image img,
    .ant-sign-image img,
    .ant-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .ant-sign-image,
    .ant-benefits-image {
        margin-bottom: 25px;
    }

    .ant-services-section .row.mt-5,
    .ant-why-section .row.mt-5,
    .ant-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .ant-services-section .row.mt-5 > [class*="col-"],
    .ant-why-section .row.mt-5 > [class*="col-"],
    .ant-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ant-services-section .service-card,
    .ant-why-section .why-card,
    .ant-process-section .process-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .ant-services-section .service-card h3,
    .ant-why-section .why-card h3,
    .ant-process-section .process-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .ant-services-section .service-card p,
    .ant-why-section .why-card p,
    .ant-process-section .process-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-faq-section .faq-wrapper {
        width: 100%;
    }

    .ant-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .ant-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .ant-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    .ant-contact-section .contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .ant-contact-section .contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-contact-section .contact-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .ant-contact-section .contact-btn {
        width: 100%;
        max-width: 300px;
    }
}

/* =========================================================
   RESPONSIVE.CSS — CLEANED
   ========================================================= */

@media only screen and (min-width: 1400px) { }
@media only screen and (min-width: 1800px) { }
@media only screen and (min-width: 2501px) { }

/* ============ DESKTOP (≥768px) ============ */
@media (min-width: 768px) {
  .header .mobile-buttons { display: none; }
  .mobile-contact-box { display: none; }
  .row.mobile-top { display: none; }
}

/* ============ TABLET & BELOW (≤990px) ============ */
@media (max-width: 990px) {

  .mid-header .heder-logo { display: block; width: 50%; }
  .mid-header .heder-logo img { width: 200px; }
  .mid-header .header-menu { width: 50%; }

  .header-menu button.navbar-toggler {
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
    box-shadow: none;
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #849a22;
    position: absolute;
    left: 5px;
    top: 7px;
    transform: rotate(0deg);
  }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after { top: 22px; }
  .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {
    width: 35px;
    height: 2px;
    background: #223f9a;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before,
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #223f9a;
    position: absolute;
    left: 0;
    top: 7px;
  }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::after { top: 14px; transform: rotate(-45deg); }
  .header-menu button.navbar-toggler span.navbar-toggler-icon::before { transform: rotate(45deg); top: 14px; }
  .header-menu button.navbar-toggler span.navbar-toggler-icon span { display: none; }

  /* Mobile menu drawer */
  .menu { position: static; height: auto; }
  .header-menu .navbar .navbar-collapse {
    position: fixed;
    left: 0;
    top: 0;
    width: 80%;
    max-width: 340px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    display: block;
    transform: translateX(-110%);
    transition: transform 0.4s ease;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .header-menu .navbar .navbar-collapse.show { transform: translateX(0); }

  .header-menu nav.navbar { display: block; }
  .header-menu .navbar .navbar-collapse .menu-logo {
    border-bottom: 1px solid #223f9a;
    padding: 0 0 10px 0;
    display: block;
    margin-bottom: 10px;
  }
  .header-menu .navbar .navbar-collapse .menu-logo img { width: 200px; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav { margin: 0 !important; padding: 0; }
  .header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 0;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px;
    display: block;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active,
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover {
    color: #fff;
    background: #128600;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
    margin: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    left: auto;
    color: #fff;
    background: #223f9a;
  }
  .header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after { content: "\f106"; }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
    width: 100%;
    left: 0;
    margin: 0;
    border: none;
    padding: 10px;
    box-shadow: none;
    position: static;
    border-radius: 0;
    background: transparent;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-color: #ebebeb;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 8px 0;
    font-size: 14px;
  }
  .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child { border: none; }
}

/* ============ MOBILE (≤767px) ============ */
@media (max-width: 767px) {

  .header-navbar .header-btn { display: none; }
  .header-top { padding: 5px 0; }
  .header-top .row { display: none; }
  .header-top .row.mobile-top { display: flex; align-items: center; }
  .row.mobile-top .top-right-content h6 a { color: #fff; font-size: 16px; }
  .row.mobile-top .top-right-content .fa { color: #fff; font-size: 16px; position: relative; top: 3px; margin: 0 5px 0 0; }

  .mid-header .top-right-content { display: none; }
  .home-banner .banner-content .align { margin: 100px 0 0 0; text-align: center; }

  .accordion_active .accordion_content img { display: none; }
  .row_flex .row_inner img { height: auto; border-radius: 0; margin: 10px 0 0 0; }

  /* Prevent floating buttons from overlapping the mobile contact bar */
  .whatsapp-icon { bottom: 80px; left: 12px; }
  .scrollup { bottom: 80px; right: 12px; }
}

/* ============ SMALL MOBILE (≤639px) ============ */
@media (max-width: 639px) {

  .row { margin: 0; }
  p { font-size: 14px; }
  .sec-title { font-size: 20px; }
  section { padding: 20px 0 !important; }
  section.header,
  section.banner.home-banner,
  section.map { padding: 0 !important; }

  .mid-header { padding: 0; }
  .header-top .top-right { display: block; }
  .header-top .row.mobile-top .col-md-6 { width: 50%; }

  .heder-logo a img { width: 30px; }
  section.header.sticky-header { padding: 0 !important; }
  section.header { border: none; }
  section.header.sticky-header .heder-logo a img { width: 200px; }
  .header-menu .navbar .navbar-collapse { width: 85%; }

  .home-banner .banner-content { padding: 30px 20px; }
  .home-banner .owl-carousel .item { height: auto; }
  .home-banner .owl-carousel .item img { height: 350px; }
  .banner .item .banner-content h1 { font-size: 22px; margin: 0; text-align: center; line-height: 22px; padding: 0 0 10px 0; }
  .banner .item .banner-content p { font-size: 16px; border: none; text-align: center; margin: 0 0 10px 0; }
  .banner .item .banner-content p br { display: none; }
  .banner .item .banner-content button { margin: 0 auto; }
  .home-banner .owl-dots { bottom: 10px; display: none; }
  .banner-content { justify-content: center; }

  section.about { padding: 20px 0 20px; }
  section.about .left-img img { max-height: 300px; }
  .about-right { padding: 20px 0 0; }

  .count { padding: 20px 0; }
  .count .align { display: block; }
  .count .count-info { margin: 5px 5px; padding: 10px 0; width: 46%; display: inline-block; }

  .why-choose .choose-box img { width: 60px; }

  section.benefits { padding: 0 !important; }
  .benefits .right-content { padding: 20px; }
  .benefits .right-content .video-icon { display: none; }

  .client-testimonial .owl-nav { top: -10px; }
  .client-testimonial .item-content { min-height: 300px; margin: 30px 0 20px; }

  /* Footer mobile fix */
  section.footer { padding: 30px 15px 90px; }
  section.footer .col-sm-3,
  .footer .col-sm-3.links,
  .footer .col-sm-3.service { width: 100%; }
  .footer-content a.ftr-logo img { width: 100%; max-width: 240px; margin: 0 auto 20px; display: block; }
  section.footer ul li { padding: 8px 0; }
  section.footer .col-sm-3 .footer-content p { font-size: 14px; text-align: center; }
  section.footer .col-sm-3 .footer-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff5e;
    padding: 0 0 15px;
  }
  .footer-content ul.socail-link { margin: 20px 0 0; }
  .btm-ftr { margin: 0; padding: 10px 0 50px; }
  .btm-ftr p.copyright { text-align: center; }
  section.footer .btm-ftr ul { text-align: center; margin: 0 0 10px 0; }
  section.footer .col-sm-3.ratings .footer-content { border: none; }
  .btm-ftr .btm-ftr-content { display: block; }

  .footer .row.btm-row { margin: 0; }
  .footer .row.btm-row ul.ftr-links { justify-content: space-between; }
  .footer .row.btm-row ul.ftr-links li { padding: 0; }
  .footer .row.btm-row p.copyright { width: 100%; justify-content: center; margin: 10px 0 0 0; }

  .inner-banner { height: 220px; padding: 0 !important; }
  .inner-bnr-content h2 { font-size: 24px; }
  .inner-banner .banner-overlay { padding: 100px 0 0 0; }
  .mission-vision .mi-vi-content { margin: 20px 0 0; }

  .team .team-box .team-details { transform: translate(0, 100px); }

  .page-career .right-img img { margin: 20px 0 0 0; }
  .open-position .left-img img { margin: 0 0 20px 0; }
  .open-position .content-box { display: block; text-align: center; margin: 20px 0 0 0; }
  .open-position .content-box p { font-size: 14px; margin: 0 0 10px 0; }

  .reach-info { margin: 0 0 20px 0; }
  .contact-form { margin: 20px 0 0; padding: 20px; }
  .map iframe { height: 350px; }

  .page-product .row { margin: 0; }
  .page-product .product-img img { height: 300px; margin: 0 0 20px 0; object-fit: inherit; }

  .page-stokes .modal-content { width: 95%; }
  .page-stokes .modal-content .modal-contant { display: block; }
  .page-stokes .modal-content .modal-contant .img-box { width: 50%; margin: 0 auto 10px; }
  .page-stokes .modal-content .modal-contant .details-box { text-align: center; }

  .scrollup { right: 4px; bottom: 80px; }
  .whatsapp-icon { left: 8px; bottom: 80px; }
  .whatsapp-icon a { padding: 0 12px 0 0; font-size: 11px; }
  .whatsapp-icon a i.fa { padding: 8px; font-size: 16px; }
}


/* =========================================================
   ANT CONTROL SERVICES PAGE - ANT-SPECIFIC RESPONSIVE CSS
   Content unchanged
   ========================================================= */

.ant-intro-section {
    padding: 80px 0;
    background: #ffffff;
}

.ant-intro-image {
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.10);
}

.ant-intro-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.ant-intro-content {
    padding-left: 20px;
}

.ant-intro-content h1 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
    color: #157400;
    margin-bottom: 15px;
}

.ant-intro-content p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-align: justify;
    margin-bottom: 18px;
}

@media (max-width: 991px) {
    .ant-intro-section {
        padding: 60px 0;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .ant-intro-content h1 {
        font-size: 34px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {

    .ant-intro-section,
    .ant-about-ant-section,
    .ant-sign-section,
    .ant-services-section,
    .ant-why-section,
    .ant-process-section,
    .ant-benefits-section,
    .ant-faq-section,
    .ant-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ant-intro-image {
        margin-bottom: 25px;
        border-radius: 20px;
    }

    .ant-intro-image img {
        height: 300px;
    }

    .ant-intro-content {
        padding-left: 0;
        margin-top: 0;
    }

    .ant-intro-content h1,
    .ant-about-ant-content h2,
    .ant-sign-content h2,
    .ant-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-intro-content p,
    .ant-about-ant-content p,
    .ant-sign-content p,
    .ant-services-content p,
    .ant-why-content p,
    .ant-process-content p,
    .ant-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-intro-section .booking-form h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .ant-intro-section .price-card {
        padding: 18px;
    }

    .ant-intro-section .price-title {
        font-size: 22px;
    }

    .ant-intro-section .price-row {
        font-size: 15px;
    }

    .ant-intro-section .offer-box {
        padding: 15px;
    }

    .ant-intro-section .offer-price {
        font-size: 28px;
    }

    .ant-intro-section .payment-buttons {
        display: flex;
        flex-direction: column !important;
        gap: 12px;
    }

    .ant-intro-section .payment-buttons > a,
    .ant-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    .ant-about-ant-image {
        margin-top: 25px;
    }

    .ant-about-ant-image img,
    .ant-sign-image img,
    .ant-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .ant-sign-image,
    .ant-benefits-image {
        margin-bottom: 25px;
    }

    .ant-services-section .row.mt-5,
    .ant-why-section .row.mt-5,
    .ant-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .ant-services-section .row.mt-5 > [class*="col-"],
    .ant-why-section .row.mt-5 > [class*="col-"],
    .ant-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ant-services-section .service-card,
    .ant-why-section .why-card,
    .ant-process-section .process-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .ant-services-section .service-card h3,
    .ant-why-section .why-card h3,
    .ant-process-section .process-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .ant-services-section .service-card p,
    .ant-why-section .why-card p,
    .ant-process-section .process-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .ant-faq-section .faq-wrapper {
        width: 100%;
    }

    .ant-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .ant-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .ant-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    .ant-contact-section .contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .ant-contact-section .contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .ant-contact-section .contact-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .ant-contact-section .contact-btn {
        width: 100%;
        max-width: 300px;
    }
}

/* =========================================================
   BED BUG CONTROL SERVICES PAGE - BED BUG-SPECIFIC RESPONSIVE CSS
   Load this file AFTER the main stylesheet.
   ========================================================= */

.bed-bug-intro-section .booking-form h2 { font-size: 26px; line-height: 34px; }
.bed-bug-intro-section .price-card { padding: 18px; }
.bed-bug-intro-section .price-title { font-size: 22px; }
.bed-bug-intro-section .price-row { font-size: 15px; }
.bed-bug-intro-section .offer-box { padding: 15px; }
.bed-bug-intro-section .offer-price { font-size: 28px; }
.bed-bug-intro-section .payment-buttons { display: flex; gap: 12px; }

@media (max-width: 991px) {
    .bed-bug-intro-content { padding-left: 0; margin-top: 40px; }
}

@media (max-width: 767px) {
    .bed-bug-intro-section,
    .bed-bug-sign-section,
    .bed-bug-services-section,
    .bed-bug-why-section,
    .bed-bug-process-section,
    .bed-bug-benefits-section,
    .bed-bug-faq-section,
    .bed-bug-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bed-bug-intro-image,
    .bed-bug-sign-image,
    .bed-bug-benefits-image {
        margin-bottom: 25px;
    }

    .bed-bug-intro-image img,
    .bed-bug-sign-image img,
    .bed-bug-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .bed-bug-intro-content { padding-left: 0; margin-top: 0; }

    .bed-bug-intro-content h1,
    .bed-bug-sign-content h2,
    .bed-bug-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bed-bug-intro-content p,
    .bed-bug-sign-content p,
    .bed-bug-services-content p,
    .bed-bug-why-content p,
    .bed-bug-process-content p,
    .bed-bug-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .bed-bug-intro-section .payment-buttons {
        flex-direction: column !important;
        gap: 12px;
    }

    .bed-bug-intro-section .payment-buttons > a,
    .bed-bug-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    .bed-bug-services-section .row.mt-5,
    .bed-bug-why-section .row.mt-5,
    .bed-bug-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .bed-bug-services-section .row.mt-5 > [class*="col-"],
    .bed-bug-why-section .row.mt-5 > [class*="col-"],
    .bed-bug-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bed-bug-services-section .service-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .bed-bug-services-section .service-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .bed-bug-services-section .service-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .bed-bug-faq-section .faq-wrapper { width: 100%; }

    .bed-bug-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .bed-bug-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .bed-bug-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    .bed-bug-contact-section .contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .bed-bug-contact-section .contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bed-bug-contact-section .contact-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .bed-bug-contact-section .contact-btn {
        width: 100%;
        max-width: 300px;
    }
}
/* WHY CHOOSE - Desktop Horizontal & Vertical Gap */
@media (min-width: 992px) {
    .bed-bug-why-section .row.mt-5 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .bed-bug-why-section .row.mt-5 > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}



/* =========================================================
   BEE HIVE REMOVAL PAGE - RESPONSIVE FIX
   Content unchanged
   ========================================================= */

@media (max-width: 991px) {

    .bee-intro-section,
    .bee-about-section,
    .bee-sign-section,
    .bee-services-section,
    .bee-why-section,
    .bee-process-section,
    .bee-benefits-section,
    .bee-faq-section,
    .bee-contact-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bee-intro-section .bee-intro-image,
    .bee-about-section .bee-image,
    .bee-sign-section .bee-sign-image,
    .bee-benefits-section .bee-benefits-image {
        margin-bottom: 35px;
    }

    .bee-intro-section .bee-intro-content {
        padding-left: 0;
    }

    .bee-intro-section .bee-intro-content h1,
    .bee-about-section .bee-content h2,
    .bee-sign-section .bee-sign-content h2,
    .bee-benefits-section .bee-benefits-content h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .bee-intro-section .bee-intro-content p,
    .bee-about-section .bee-content p,
    .bee-sign-section .bee-sign-content p,
    .bee-services-section .bee-services-content p,
    .bee-why-section .bee-why-content p,
    .bee-process-section .bee-process-content p,
    .bee-benefits-section .bee-benefits-content p {
        font-size: 16px;
        line-height: 30px;
    }

    .bee-contact-section .bee-contact-box {
        padding: 40px;
    }

    .bee-contact-section .contact-action {
        margin-top: 35px;
    }
}

@media (max-width: 767px) {

    .bee-intro-section,
    .bee-about-section,
    .bee-sign-section,
    .bee-services-section,
    .bee-why-section,
    .bee-process-section,
    .bee-benefits-section,
    .bee-faq-section,
    .bee-contact-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bee-intro-section .bee-intro-image,
    .bee-about-section .bee-image,
    .bee-sign-section .bee-sign-image,
    .bee-benefits-section .bee-benefits-image {
        margin-bottom: 25px;
        border-radius: 18px;
    }

    .bee-intro-section .bee-intro-image img,
    .bee-about-section .bee-image img,
    .bee-sign-section .bee-sign-image img,
    .bee-benefits-section .bee-benefits-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .bee-intro-section .bee-intro-content {
        padding-left: 0;
    }

    .bee-intro-section .bee-intro-content h1,
    .bee-about-section .bee-content h2,
    .bee-sign-section .bee-sign-content h2,
    .bee-benefits-section .bee-benefits-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bee-intro-section .bee-intro-content p,
    .bee-about-section .bee-content p,
    .bee-sign-section .bee-sign-content p,
    .bee-services-section .bee-services-content p,
    .bee-why-section .bee-why-content p,
    .bee-process-section .bee-process-content p,
    .bee-benefits-section .bee-benefits-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    /* Service cards */
    .bee-services-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .bee-services-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bee-services-section .service-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .bee-services-section .service-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .bee-services-section .service-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    /* Why Choose cards */
    .bee-why-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .bee-why-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bee-why-section .why-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .bee-why-section .why-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .bee-why-section .why-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    /* Process cards */
    .bee-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .bee-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bee-process-section .process-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .bee-process-section .process-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .bee-process-section .process-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    /* FAQ */
    .bee-faq-section .faq-wrapper {
        width: 100%;
    }

    .bee-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .bee-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 16px 15px;
    }

    .bee-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 16px 15px;
        text-align: left;
    }

    /* Contact */
    .bee-contact-section .bee-contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .bee-contact-section .bee-contact-box h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bee-contact-section .bee-contact-box p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .bee-contact-section .contact-action {
        margin-top: 30px;
    }

    .bee-contact-section .contact-action i {
        font-size: 45px;
    }

    .bee-contact-section .contact-action h3 {
        font-size: 24px;
    }

    .bee-contact-section .contact-btn {
        font-size: 16px;
        padding: 12px 30px;
        width: 100%;
        max-width: 300px;
    }
}

/* Desktop card spacing */
@media (min-width: 992px) {

    .bee-services-section .row.mt-5,
    .bee-why-section .row.mt-5,
    .bee-process-section .row.mt-5 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .bee-services-section .row.mt-5 > [class*="col-"],
    .bee-why-section .row.mt-5 > [class*="col-"],
    .bee-process-section .row.mt-5 > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}



/* =========================================================
   LIZARD CONTROL PAGE — RESPONSIVE
   ========================================================= */

/* ---------- Tablet (≤991px) ---------- */
@media (max-width: 991px) {

    .lizard-intro-section,
    .lizard-about-section,
    .lizard-sign-section,
    .lizard-services-section,
    .lizard-why-section,
    .lizard-process-section,
    .lizard-benefits-section,
    .lizard-faq-section,
    .lizard-contact-section {
        padding: 60px 0;
    }

    .lizard-intro-image,
    .lizard-about-section .lizard-image,
    .lizard-sign-section .lizard-sign-image,
    .lizard-benefits-section .lizard-benefits-image {
        margin-bottom: 40px;
    }

    .lizard-full-content h1 {
        font-size: 34px;
        line-height: 45px;
    }

    .lizard-about-section .lizard-content h2,
    .lizard-sign-section .lizard-sign-content h2,
    .lizard-benefits-section .lizard-benefits-content h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .lizard-contact-section .lizard-contact-box {
        padding: 40px;
    }

    .lizard-contact-section .contact-content h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .lizard-contact-section .contact-action {
        margin-top: 40px;
    }
}

/* ---------- Mobile (≤767px) ---------- */
@media (max-width: 767px) {

    .lizard-intro-section,
    .lizard-about-section,
    .lizard-sign-section,
    .lizard-services-section,
    .lizard-why-section,
    .lizard-process-section,
    .lizard-benefits-section,
    .lizard-faq-section,
    .lizard-contact-section {
        padding: 50px 0;
    }

    .lizard-intro-image img,
    .lizard-about-section .lizard-image img,
    .lizard-sign-section .lizard-sign-image img,
    .lizard-benefits-section .lizard-benefits-image img {
        height: 320px;
    }

    .lizard-full-content h1 {
        font-size: 28px;
        line-height: 38px;
    }

    .lizard-full-content p,
    .lizard-about-section .lizard-content p,
    .lizard-sign-section .lizard-sign-content p,
    .lizard-services-section .lizard-services-content p,
    .lizard-why-section .lizard-why-content p,
    .lizard-process-section .lizard-process-content p,
    .lizard-benefits-section .lizard-benefits-content p,
    .lizard-contact-section .contact-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    .lizard-about-section .lizard-content h2,
    .lizard-sign-section .lizard-sign-content h2,
    .lizard-benefits-section .lizard-benefits-content h2,
    .lizard-contact-section .contact-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    /* Service / Why / Process cards: consistent spacing */
    .lizard-services-section .row.mt-5,
    .lizard-why-section .row.mt-5,
    .lizard-process-section .row.mt-5 {
        margin-top: 20px !important;
    }

    .lizard-services-section .row.mt-5 > [class*="col-"],
    .lizard-why-section .row.mt-5 > [class*="col-"],
    .lizard-process-section .row.mt-5 > [class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .lizard-services-section .service-card,
    .lizard-why-section .why-card,
    .lizard-process-section .process-card {
        padding: 25px;
        margin-bottom: 0 !important;
        height: 100%;
    }

    .lizard-services-section .service-card h3,
    .lizard-why-section .why-card h3,
    .lizard-process-section .process-card h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .lizard-services-section .service-card p,
    .lizard-why-section .why-card p,
    .lizard-process-section .process-card p {
        font-size: 15px;
        line-height: 28px;
        text-align: left;
    }

    /* Booking form (intro section) */
    .lizard-intro-section .booking-form h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .lizard-intro-section .price-card {
        padding: 18px;
    }

    .lizard-intro-section .price-title {
        font-size: 22px;
    }

    .lizard-intro-section .price-row {
        font-size: 15px;
    }

    .lizard-intro-section .offer-box {
        padding: 15px;
    }

    .lizard-intro-section .offer-price {
        font-size: 28px;
    }

    .lizard-intro-section .payment-buttons {
        display: flex;
        flex-direction: column !important;
        gap: 12px;
    }

    .lizard-intro-section .payment-buttons > a,
    .lizard-intro-section .payment-buttons > button {
        width: 100%;
        min-height: 75px;
    }

    /* FAQ */
    .lizard-faq-section .faq-wrapper {
        width: 100%;
    }

    .lizard-faq-section .accordion-item {
        margin-bottom: 15px;
        border-radius: 12px !important;
    }

    .lizard-faq-section .accordion-button {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 15px;
    }

    .lizard-faq-section .accordion-body {
        font-size: 15px;
        line-height: 28px;
        padding: 18px 15px;
        text-align: left;
    }

    /* Contact / CTA */
    .lizard-contact-section .lizard-contact-box {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .lizard-contact-section .contact-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .lizard-contact-section .contact-action {
        margin-top: 30px;
    }

    .lizard-contact-section .contact-action i {
        font-size: 45px;
    }

    .lizard-contact-section .contact-action h3 {
        font-size: 24px;
    }

    .lizard-contact-section .contact-btn {
        font-size: 16px;
        padding: 12px 30px;
        width: 100%;
        max-width: 300px;
    }
}

/* ---------- Desktop: horizontal spacing for cards ---------- */
@media (min-width: 992px) {

    .lizard-services-section .row.mt-5,
    .lizard-why-section .row.mt-5,
    .lizard-process-section .row.mt-5 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .lizard-services-section .row.mt-5 > [class*="col-"],
    .lizard-why-section .row.mt-5 > [class*="col-"],
    .lizard-process-section .row.mt-5 > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .mosquito-about-section,
    .mosquito-info-section,
    .mosquito-sign-section,
    .mosquito-services-section,
    .mosquito-why-section,
    .mosquito-process-section,
    .mosquito-faq-section {
        padding: 60px 0;
    }
    .mosquito-info-image,
    .mosquito-sign-image { margin-bottom: 40px; }
    .mosquito-info-content h2,
    .mosquito-sign-content h2 { font-size: 32px; line-height: 42px; }
}

@media (max-width: 767px) {
    .mosquito-about-section,
    .mosquito-info-section,
    .mosquito-sign-section,
    .mosquito-services-section,
    .mosquito-why-section,
    .mosquito-process-section,
    .mosquito-faq-section {
        padding: 50px 0;
    }
    .mosquito-info-image img,
    .mosquito-sign-image img { height: 320px; }
    .mosquito-info-content h2,
    .mosquito-sign-content h2 { font-size: 28px; line-height: 38px; }
    /* paragraphs -> 15px / 28px / left aligned */
    /* service-card / why-card / process-card -> 25px padding */
    /* accordion buttons/body -> 16px/15px font */
    /* payment-buttons -> column stacked */
}