/* ══════════════════════════════════════
   GLOBAL THEME COLOR OVERRIDE — #0044FE
   ══════════════════════════════════════ */
:root {
    --theme-color1:           #0044FE !important;
    --theme-color2:           #0044FE !important;
    --theme-color1-rgb:       0, 68, 254 !important;
    --theme-color2-rgb:       0, 68, 254 !important;
    --theme-color-lighter:    #e6eeff !important;
    --gradient-4:  linear-gradient(90deg, #e6eeff 0%, #ccdaff 100%) !important;
    --gradient-5:  linear-gradient(135deg, #e6eeff 0%, #ccdaff 100%) !important;
    --gradient-11: linear-gradient(90deg, #ccdaff -2.15%, #e6eeff 100%) !important;
    --link-color:  #0044FE !important;
    --link-hover-color: #0033cc !important;
}

/* ── Header transparent background ── */
.header-style-one {
    background-color: transparent !important;
}

/* ── Logo ── */
.main-header .logo-box,
.sticky-header .logo,
.mobile-menu .nav-logo {
    display: flex;
    align-items: center;
}

.main-header .logo img,
.sticky-header .logo img,
.mobile-menu .nav-logo img {
    width: auto;
    height: 110px;
    max-height: none !important;
    max-width: none;
    object-fit: contain;
    padding: 8px 0;
}

/* ── Nav text white + slight down ── */
.main-header .navigation > li > a {
    color: #ffffff !important;
    padding-top: 6px;
}

.main-header .navigation > li.current > a,
.main-header .navigation > li:hover > a {
    color: #0044FE !important;
}

/* ── Phone text white ── */
.header-style-one .header-phone_box .text,
.header-style-one .header-phone_box .number {
    color: #ffffff !important;
}

.main-footer .logo img {
    width: auto;
    height: 96px;
    max-width: none;
    object-fit: contain;
}

/* ── Main header layout: logo | nav center | right-box (3-column flex) ── */
.header-style-one .inner-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 14px;
}

.main-header .main-box {
    flex: 0 0 auto;
    gap: 0 !important;
}

.main-header .nav-outer {
    position: absolute !important;
    left: 0 !important;
    right: 230px !important;
    display: flex !important;
    justify-content: center !important;
    z-index: 2;
    pointer-events: auto;
}

/* ── Nav items ── */
.main-header .navigation {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
}

.main-header .navigation > li {
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.main-header .navigation > li > a {
    font-size: 16px;
    white-space: nowrap;
}

/* ── WhatsApp / phone box ── */
.header-phone_box .number {
    word-break: keep-all;
}

.header-style-one .header-phone_box {
    display: flex !important;
}

.header-style-one .header-whatsapp-image {
    display: block;
    width: auto;
    height: 74px;
}

.header-style-one .header-phone_box .icon {
    background: transparent;
    width: auto;
    height: auto;
    line-height: normal;
    border-radius: 0;
}

.header-style-one .header-phone_box .icon img {
    height: 42px;
    width: 42px;
    object-fit: contain;
}

/* ── Contact Us button ── */
.theme-btn.btn-style-header {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.theme-btn.btn-style-header .btn-icon img {
    height: 46px;
    width: auto;
    display: block;
}

.theme-btn.btn-style-header .btn-title {
    display: none;
}

/* ── Sticky header ── */
.sticky-header .inner-container {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.sticky-header .nav-outer {
    position: relative !important;
    margin-left: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    z-index: 1;
}
    pointer-events: none;
}

.sticky-header .nav-outer > * {
    pointer-events: auto;
}

.sticky-header .main-menu .navigation {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 0;
}

.sticky-header .main-menu .navigation > li {
    margin-left: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
}

.sticky-header .main-menu .navigation > li > a {
    font-size: 16px;
    white-space: nowrap;
    color: #1a1a1a !important;
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
    color: #0044FE !important;
}

/* Active Nav Tab Styling */
.main-menu .navigation > li.current {
    display: flex !important;
    align-items: center !important;
    padding-top: 10px !important;
    padding-bottom: 0 !important;
}

.main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current > a {
    background-color: #0044FE !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    transform: translateY(-2px); /* Nudge up to align with text baseline */
}

.sticky-header .main-menu .navigation > li.current > a {
    transform: none !important;
    padding: 6px 18px !important;
}




.sticky-header .right-box {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
}

.sticky-header .header-phone_box {
    display: flex !important;
}

.sticky-header .header-whatsapp-image {
    width: auto;
    height: 74px;
}

.sticky-header .header-phone_box .icon {
    background: transparent;
    width: auto;
    height: auto;
    line-height: normal;
    border-radius: 0;
}

.sticky-header .header-phone_box .icon img {
    height: 42px;
    width: 42px;
    object-fit: contain;
}

.service-block .inner-block,
.project-block-layout2 .inner-block,
.work-block .inner-block,
.testimonial-block-style3 .inner-box,
.blog-block .inner-block,
.pricing-block .inner-box {
    height: 100%;
}

.service-section,
.features-section,
.project-section,
.faq-section,
.pricing-section {
    padding: 120px 0;
}

.features-section,
.faq-section {
    background: #f8fbf4;
}

.features-section .image-box img {
    border-radius: 24px;
    max-width: 100%;
}

.pricing-block .inner-box {
    background: #fff;
    border: 1px solid #e7eadf;
    border-radius: 24px;
    padding: 40px 32px;
    box-shadow: 0 18px 50px rgba(31, 38, 24, 0.08);
}

.pricing-block .title {
    margin-bottom: 0;
}

.pricing-block .pricing-content {
    margin: 28px 0;
}

.pricing-block .features-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-block .features-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    color: #1b1b1b;
}

.pricing-block .features-list .icon {
    color: var(--theme-color1);
}

.video-section .video-box .title,
.sec-title .title {
    max-width: 100%;
}

.video-section .outer-box {
    background: linear-gradient(135deg, #001f7a 0%, #0044FE 55%, #55c6ff 100%);
}

.video-section .video-box .title {
    white-space: nowrap;
}

.contact-section .contact-form input,
.contact-section .contact-form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 14px;
    padding: 16px 20px;
    background: #fff;
    color: #1b1b1b;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
}

.contact-section .contact-form input {
    height: 58px;
}

.contact-section .contact-form textarea {
    min-height: 120px;
    resize: none;
}

.contact-section .contact-form input::placeholder,
.contact-section .contact-form textarea::placeholder {
    color: #8a8f98;
}

.contact-section .contact-form input:focus,
.contact-section .contact-form textarea:focus {
    border-color: #8ed8ff;
    box-shadow: 0 0 0 4px rgba(142, 216, 255, 0.22);
}

/* ── Banner Video ── */
.banner-video-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
}

.banner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

/* ── Clients / Banner Logos ── */
.brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.brand-logo img {
    max-height: 70px !important;
    width: auto !important;
    max-width: 170px !important;
    object-fit: contain !important;
    filter: grayscale(0%) !important;
    transition: filter 0.4s ease, transform 0.4s ease !important;
    transform: scale(1) !important;
}

.client-block .inner-box:hover .brand-logo img {
    filter: grayscale(100%) !important;
    transform: scale(1.1) !important;
}

/* ── About Section ── */
.about-sub-title,
.service-sub-title {
    color: #0044FE !important;
}

/* ── Service section background image ── */


/* ── Service section full background ── */
.service-section .outer-box {
    background: url('../images/1..................png') center center / cover no-repeat !important;
}

/* ── Service section image fixes ── */

/* Service card right-side image - original mask restored */
.service-block .inner-block .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Service block icons */
.service-block .inner-block .icon {
    background-color: #e6eeff !important;
}

.service-block .inner-block .icon img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
}

/* Features left panel - side by side layout */
.service-section .features-box .image-box {
    display: flex !important;
    gap: 10px;
    align-items: stretch;
    height: 260px;
    padding: 10px !important;
    border-radius: 24px;
}

.service-section .features-box .image-box .image1 {
    position: relative !important;
    width: 55% !important;
    max-width: none !important;
    height: 100% !important;
    border-radius: 18px;
    overflow: hidden;
    flex-shrink: 0;
}

.service-section .features-box .image-box .image1 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: top center !important;
}

.service-section .features-box .image-box .image2 {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 45% !important;
    height: 100% !important;
    border-radius: 18px;
    overflow: hidden;
    flex-shrink: 0;
}

.service-section .features-box .image-box .image2 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
}

/* Feature list - no wrap */
.service-section .features-list li {
    white-space: nowrap;
}

.about-btn.theme-btn,
.about-btn.theme-btn:hover {
    background-color: #0044FE !important;
    border-color: #0044FE !important;
}

.about-section .image-column .image img {
    transition: transform 500ms ease, filter 500ms ease;
}

.about-section .image-column .inner-column:hover .image img {
    transform: scale(1.06);
    filter: brightness(1.06) saturate(1.12);
}

.about-section .customer-info .count-box,
.about-section .customer-info .review .fas.fa-star {
    color: #0044FE !important;
}

/* Funfact box - blue background */
.about-section .funfact-block-two .inner-box.funfact-blue {
    background: #0044FE !important;
}

.about-section .funfact-block-two .inner-box.funfact-blue .count-box,
.about-section .funfact-block-two .inner-box.funfact-blue .count-title {
    color: #fff !important;
}

/* Thumb image - centered and bigger inside funfact box */
.about-section .funfact-block-two .inner-box .shape1 {
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.85;
}

.about-section .funfact-block-two .inner-box .shape1 img {
    height: 150px;
    width: auto;
}

.exp-title-blue {
    color: #0044FE !important;
}

/* 17 counter - blue */
.about-section .experience .count-box {
    color: #0044FE !important;
}

/* 4.8 number + stars + review text - blue */
.about-section .customer-info .count-box {
    color: #0044FE !important;
}

.about-section .customer-info .review i {
    color: #0044FE !important;
}

.about-section .customer-info .info .text {
    color: #0044FE !important;
}

.about-section .customer-info .give-review {
    color: #1a1a1a;
    font-weight: 700;
}

/* Call / WhatsApp links */
.about-contact-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.about-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0044FE;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.3s;
}

.about-contact-item:hover {
    opacity: 0.8;
    color: #0044FE;
}

.about-contact-item i {
    font-size: 18px;
    color: #0044FE;
}

.about-contact-item img {
    height: 24px;
    width: 24px;
    object-fit: contain;
}

/* ── Floating Call & WhatsApp Buttons ── */
@keyframes pulse-ring {
    0%   { transform: scale(1); opacity: 0.7; }
    70%  { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(1.5); opacity: 0; }
}

@keyframes float-bounce {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-6px); }
}

.floating-contact-btns {
    position: fixed;
    bottom: 130px;
    right: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 9999;
}

.float-btn {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    animation: float-bounce 3s ease-in-out infinite;
    transition: transform 0.3s, box-shadow 0.3s;
}

.float-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    animation: pulse-ring 2s ease-out infinite;
}

.float-btn:hover {
    transform: scale(1.15);
    box-shadow: 0 8px 28px rgba(0,0,0,0.38);
    animation: none;
}

.float-call {
    background: #0044FE;
    animation-delay: 0.3s;
}

.float-call::before {
    background: #0044FE;
}

.float-call i {
    color: #fff;
    font-size: 24px;
    transform: scaleX(-1);
}

.float-whatsapp {
    background: #25D366;
}

.float-whatsapp::before {
    background: #25D366;
}

.float-whatsapp img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.float-chat {
    background: transparent;
    box-shadow: none;
    margin-top: 12px;
}

.float-chat::before {
    display: none;
}

.float-chat img {
    width: 76px;
    height: auto;
    max-width: none;
}

/* ── Why Choose Us Section ── */
.why-choose-us-section .image-column .inner-column::before {
    display: none !important;
}

.why-choose-us-section .outer-box {
    background: url('../images/s1/1..............png') center center / cover no-repeat !important;
}

/* Box - white background */
.why-choose-us-section .service-block-two .inner-block {
    background: #ffffff !important;
    border-radius: 20px;
}

/* Divider lines - blue and bold */
.why-choose-us-section .service-block-two .service-box .inner-box {
    border-bottom: 3px solid #0044FE !important;
}

.why-choose-us-section .service-block-two .service-box:last-child .inner-box {
    border-bottom: none !important;
}

/* Box titles - black */
.why-choose-us-section .service-block-two .inner-block .title a,
.why-choose-us-section .service-block-two .inner-block .title {
    color: #1a1a1a !important;
}

/* Box text - black */
.why-choose-us-section .service-block-two .inner-block .text {
    color: #444444 !important;
}

/* Icons - blue */
.why-choose-us-section .service-block-two .inner-block .icon {
    background-color: #0044FE !important;
}

.why-choose-us-section .service-block-two .inner-block .icon img {
    filter: brightness(0) invert(1) !important;
}

.why-choose-us-section .image-column .inner-column .image {
    height: 100%;
    overflow: hidden;
}

.why-choose-us-section .image-column .inner-column .image img {
    transition: transform 600ms ease, filter 600ms ease;
}

.why-choose-us-section .image-column .inner-column:hover .image img {
    transform: scale(1.08);
    filter: brightness(1.06) saturate(1.12);
}

@keyframes why-whatsapp-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.why-whatsapp-icon {
    position: absolute;
    right: 22px;
    bottom: 20px;
    z-index: 3;
    display: block;
    animation: why-whatsapp-float 2.6s ease-in-out infinite;
}

.why-whatsapp-icon img {
    display: block;
    width: 76px;
    height: 76px;
    object-fit: contain;
}

.faqs-box .inner-box {
    background: linear-gradient(135deg, #e7f7ff 0%, #bfeaff 55%, #8ed8ff 100%) !important;
}

.testimonial-section .outer-box .bg-image {
    display: block !important;
    top: 0;
    bottom: auto;
    max-height: none;
    height: 100%;
    opacity: 1;
}

.testimonial-section .outer-box .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-section .testimonial-pool-shape {
    left: 26px;
    bottom: 14px;
    opacity: 0.82;
}

.testimonial-section .testimonial-pool-shape img {
    width: 220px;
    height: auto;
}

.testimonial-block .inner-block {
    transition: background-color 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}

.testimonial-block .inner-block:hover {
    background-color: rgba(0, 68, 254, 0.62);
    border-color: rgba(142, 216, 255, 0.9);
    box-shadow: 0 18px 45px rgba(0, 68, 254, 0.28);
}

.testimonial-block .swiper-pagination-thumbs .image:hover::before {
    background: rgba(0, 68, 254, 0.62);
    opacity: 1;
}

.testimonial-section .funfact-area .testimonial-counter {
    display: block !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 4;
}

.testimonial-section .funfact-area {
    margin-top: 140px;
}

/* ── Projects block green → blue overlay ── */
.projects-block .inner-block::after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 63.93%, #0044FE 104.63%) !important;
}

/* ── Projects section tag ── */
.projects-block .content-box .sub-title .project-tag {
    color: #0044FE !important;
    font-weight: 700;
}

.page-title {
    background: url('../images/s5/BACKGORUND.png') center center / cover no-repeat !important;
}

.page-title:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.3) 100%) !important;
}

.page-title .title,
.page-title h1 {
    position: relative;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: clamp(22px, 3vw, 42px) !important;
    line-height: 1.25 !important;
    max-width: 800px;
}

.page-breadcrumb li,
.page-breadcrumb li a,
.page-breadcrumb li:after {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Internal services cards like product cards */
.services-product-section {
    padding: 80px 0;
}

.service-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #e0e8ff;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 68, 254, 0.07);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.service-product-card:hover {
    transform: translateY(-4px);
    border-color: #0044fe;
    box-shadow: 0 12px 30px rgba(0, 68, 254, 0.15);
}

.service-product-image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f0f4ff;
}

body:not(.home) .auto-container a[href^="equipment.php?category"] > div > div:first-child,
body:not(.home) .auto-container a[href^="product-detail.php?slug"] > div > div:first-child {
    height: auto !important;
    aspect-ratio: 1 / 1;
}

.service-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.service-product-card:hover .service-product-image img {
    transform: scale(1.04);
}

.service-product-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

.service-product-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    background: #e6eeff;
    border-radius: 12px;
}

.service-product-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.service-product-content h4 {
    color: #1a1a1a;
    margin-bottom: 8px;
    font-size: 18px;
}

.service-product-content p {
    flex: 1;
    color: #666666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
}

.service-product-content span {
    color: #0044fe;
    font-weight: 700;
    font-size: 14px;
}

/* Internal project image tiles */
.project-image-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 68, 254, 0.12);
}

.project-image-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.project-image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 20%, rgba(0, 36, 120, 0.78) 100%);
    color: #ffffff;
    transition: background 0.45s ease;
}

.project-image-overlay h4 {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
}

.project-image-overlay span {
    display: inline-flex;
    padding: 5px 14px;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.project-image-card:hover img {
    transform: scale(1.08);
    filter: brightness(0.9);
}

.project-image-card:hover .project-image-overlay {
    background: linear-gradient(180deg, rgba(0, 68, 254, 0.18) 0%, rgba(0, 30, 110, 0.86) 100%);
}

.internal-blog-section {
    padding-top: 80px;
}

.internal-blog-section .blog-block {
    margin-bottom: 30px;
}

/* Jobs application popup */
.job-modal-open {
    overflow: hidden;
}

.job-apply-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.job-apply-modal.is-open {
    display: flex;
}

.job-apply-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 15, 38, 0.65);
    backdrop-filter: blur(5px);
}

.job-apply-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 540px);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #dce8ff;
    border-radius: 22px;
    padding: 34px;
    box-shadow: 0 28px 80px rgba(0, 35, 120, 0.28);
}

.job-apply-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #e6eeff;
    color: #0044fe;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.job-apply-header {
    margin-bottom: 22px;
}

.job-apply-header h3 {
    margin-bottom: 6px;
    color: #101828;
    font-size: 28px;
}

.job-apply-header p {
    margin: 0;
    color: #0044fe;
    font-weight: 700;
}

.job-apply-message {
    border-radius: 12px;
    padding: 13px 16px;
    margin-bottom: 18px;
    font-weight: 600;
}

.job-apply-message.success {
    background: #e9fff3;
    border: 1px solid #5ade91;
    color: #087443;
}

.job-apply-message.error {
    background: #fff1f1;
    border: 1px solid #ff9b9b;
    color: #a01818;
}

.job-apply-form .form-group {
    margin-bottom: 16px;
}

.job-apply-form label {
    display: block;
    margin-bottom: 8px;
    color: #26344f;
    font-weight: 700;
}

.job-apply-form input {
    width: 100%;
    height: 56px;
    border: 1px solid #d7dff3;
    border-radius: 13px;
    padding: 0 16px;
    color: #1b1b1b;
    background: #ffffff;
    outline: none;
}

.job-apply-form input[type="file"] {
    height: auto;
    padding: 14px 16px;
}

.job-apply-form input:focus {
    border-color: #0044fe;
    box-shadow: 0 0 0 4px rgba(0, 68, 254, 0.12);
}

.job-submit-btn {
    width: 100%;
    border: 0;
    cursor: pointer;
    justify-content: center;
}

@media (max-width: 576px) {
    .job-apply-dialog {
        padding: 28px 20px;
        border-radius: 18px;
    }

    .job-apply-header h3 {
        font-size: 23px;
    }
}

/* Footer white theme */
.footer-style-one {
    background-color: #ffffff !important;
}

.footer-style-one .shape-one {
    opacity: 0.16;
    filter: hue-rotate(150deg) saturate(0.8) brightness(1.4);
}

.footer-style-one .marquee-section .text,
.footer-style-one .footer-bottom .copyright-text {
    color: #071735 !important;
}

.footer-style-one .marquee-section .marquee .text:before {
    background-color: #0044fe !important;
}

.footer-style-one .widget-contact {
    background-color: #f4f8ff !important;
    border: 1px solid #dce8ff;
}

.footer-style-one .widget-contact .logo {
    margin-bottom: 30px !important;
}

.footer-style-one .widget-contact .contact-info li {
    margin-bottom: 16px;
}

.footer-style-one .widget-contact .contact-info a,
.footer-style-one .widget-contact .contact-info .footer-info-row {
    display: inline-flex;
    align-items: flex-start;
    gap: 14px;
    line-height: 1.45;
}

.footer-style-one .widget-contact .contact-info a,
.footer-style-one .widget-contact .contact-info .footer-info-row,
.footer-style-one .user-links li a,
.footer-style-one .date-widget .widget-date li,
.footer-style-one .social-icon-list li a {
    color: #34415d !important;
}

.footer-style-one .user-links li a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.footer-style-one .user-links li a i,
.footer-style-one .date-widget .widget-date li .day i {
    color: #0044fe;
    font-size: 14px;
    width: 18px;
    text-align: center;
    flex: 0 0 18px;
}

.footer-style-one .date-widget .widget-date li .day {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.footer-style-one .widget-title,
.footer-style-one .footer-link-btn a,
.footer-style-one .widget-contact .contact-info i {
    color: #0044fe !important;
}

.footer-style-one .footer-outer:before,
.footer-style-one .footer-bottom {
    border-color: #dce8ff !important;
}

.footer-style-one .footer-link-btn a i {
    background-color: #0044fe !important;
    color: #ffffff !important;
}

.footer-style-one .social-icon-list li a {
    background-color: #f4f8ff !important;
    border-color: #dce8ff !important;
}

.footer-style-one .scanner-widget {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
    min-height: 260px;
}

.footer-style-one .scanner-widget img {
    width: 190px;
    max-width: 100%;
    height: auto;
    padding: 12px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #dce8ff;
    box-shadow: 0 18px 42px rgba(0, 68, 254, 0.16);
}

@media (max-width: 1199px) {
    .footer-style-one .scanner-widget {
        justify-content: flex-start;
        align-items: flex-start;
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .footer-style-one .scanner-widget {
        justify-content: center;
    }

    .footer-style-one .scanner-widget img {
        width: 170px;
    }
}

/* Home cleaning equipment CTA */
.cta-section .outer-box {
    background: linear-gradient(135deg, #eaf9ff 0%, #d5f1ff 52%, #f4fcff 100%) !important;
    overflow: hidden;
}

.cta-section .outer-box:before {
    background-image: none !important;
    background:
        radial-gradient(circle at 78% 48%, rgba(0, 146, 255, 0.12) 0 20%, transparent 21%),
        radial-gradient(circle at 55% 52%, rgba(255, 255, 255, 0.8) 0 9%, transparent 10%),
        linear-gradient(120deg, #bfeeff 0%, #eaf9ff 56%, rgba(255, 255, 255, 0) 57%) !important;
    width: 100%;
    border-radius: 40px;
}

.cta-section .content-column .inner-column .title {
    color: #063f7a !important;
}

.cta-section .btn-style-three .btn-main,
.cta-section .btn-style-three .btn-arrow-right {
    background: linear-gradient(135deg, #0044fe 0%, #32b8ff 100%) !important;
    color: #ffffff !important;
}

.cta-section .content-column .inner-column .shape-2,
.cta-section .image-column .inner-column .shape-1 {
    opacity: 0.35;
    filter: hue-rotate(150deg) saturate(0.65) brightness(1.55);
}

.cta-section .image-column .inner-column .image img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.cta-section .image-column .inner-column .image {
    right: 0 !important;
}

/* Home contact callback section */
.contact-section .inner-container {
    background:
        radial-gradient(circle at 18% 32%, rgba(88, 200, 255, 0.2) 0 18%, transparent 19%),
        linear-gradient(180deg, #061b44 0%, #0044fe 58%, #55c6ff 100%) !important;
}

.contact-section .inner-container .bg-shape {
    opacity: 0.28;
    filter: hue-rotate(150deg) saturate(1.5) brightness(1.25);
}

.contact-section .form-column .inner-column,
.contact-section .offer-box .inner-box,
.contact-section .offer-box2 .inner-box {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 24px 70px rgba(0, 40, 140, 0.18);
}

.contact-section .offer-box2 .inner-box:before {
    background: linear-gradient(180deg, rgba(6, 27, 68, 0.08) 0%, rgba(0, 68, 254, 0.55) 58%, #55c6ff 100%) !important;
}

.contact-section .offer-box .inner-box .content .sub-title {
    color: #8ed8ff !important;
}

.contact-section .btn-style-three .btn-main,
.contact-section .btn-style-three .btn-arrow-right {
    background: linear-gradient(135deg, #0044fe 0%, #32b8ff 100%) !important;
    color: #ffffff !important;
}

.contact-section button.btn-style-three {
    border: 0;
    padding: 0;
    cursor: pointer;
}

@media (max-width: 1399px) {
    .main-header .right-box {
        gap: 16px;
    }
    .main-header .navigation > li > a {
        font-size: 13px;
    }
    .main-header .navigation > li {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .main-header .nav-outer {
        display: none;
    }
    .main-header .logo img,
    .sticky-header .logo img {
        height: 72px;
    }
    .mobile-menu .nav-logo img,
    .main-footer .logo img {
        height: 80px;
    }
}

@media (max-width: 767px) {
    .main-header .logo img,
    .sticky-header .logo img,
    .mobile-menu .nav-logo img {
        height: 56px;
    }
    .main-footer .logo img {
        height: 68px;
    }
}

/* ════════════════════════════════
   MOBILE RESPONSIVE — max 991px
   ════════════════════════════════ */
@media (max-width: 991px) {

    /* Header */
    .header-style-one .header-phone_box {
        display: none !important;
    }
    .theme-btn.btn-style-header {
        display: none !important;
    }
    .main-header .logo-box {
        margin-left: 10px;
    }

    /* Mobile nav toggler - white color & clickable */
    .mobile-nav-toggler {
        display: block !important;
        cursor: pointer;
        z-index: 999;
        position: relative;
        pointer-events: auto !important;
        color: #ffffff !important;
    }
    .mobile-nav-toggler .icon {
        color: #ffffff !important;
        font-size: 26px;
    }
    .mobile-nav-toggler .lnr-icon-bars::before {
        color: #ffffff !important;
    }

    /* Mobile menu - vertical list fix */
    .mobile-menu .navigation {
        display: block !important;
        flex-wrap: unset !important;
    }
    .mobile-menu .navigation li {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        white-space: normal !important;
    }

    /* Mobile menu z-index fix */
    .mobile-menu {
        z-index: 99999 !important;
    }

    /* Right box on mobile */
    .main-header .right-box {
        position: relative;
        z-index: 10;
    }

    /* Client logos - 2 per row */
    .clients-swiper .swiper-slide {
        width: 50% !important;
    }

    /* Banner video */
    .banner-video-section {
        height: 55vw;
        min-height: 220px;
    }

    /* Header mobile toggler alignment */
    .main-header .right-box {
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
    .sticky-header .inner-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    .sticky-header .nav-outer {
        margin-left: auto !important;
        order: 2 !important;
        display: block !important;
        position: relative !important;
        right: 0 !important;
    }
    .sticky-header .mobile-nav-toggler {
        display: block !important;
        float: right !important;
    }
    .sticky-header .mobile-nav-toggler .icon {
        color: #000000 !important; /* Pure Black icon */
    }
    .sticky-header .right-box {
        display: none !important;
    }





    /* Funfact boxes mobile alignment */
    .funfact-block .inner-box {
        margin: 10px 0 !important;
        min-height: auto !important;
    }

    /* Manufacturing process image mobile padding */
    .manufacturing-process-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .manufacturing-process-section img {
        border-radius: 12px !important;
    }

    /* Testimonial image height mobile */
    .swiper-pagination-thumbs .image img {
        height: 280px !important;
    }




    /* About section image - hide on mobile */
    .about-section .image-column .image {
        display: none !important;
    }
    .about-section .image-column .bottom-box {
        margin-top: 0 !important;
        position: relative !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
    }

    .about-section .experience-column {
        margin-top: 0 !important;
    }

    .about-section .funfact-block-two .inner-box {
        padding: 30px 20px !important;
    }
    /* Experience title single line mobile */
    .about-section .experience .title {
        white-space: nowrap !important;
        font-size: 18px !important;
    }
    .about-section .experience .count-box {
        font-size: 80px !important;
    }


    /* Service section mobile fixes */
    .service-section .sec-title {
        text-align: left !important;
    }
    .service-section .des-portfolio-panel2 {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        position: relative !important;
    }
    .service-section .pin-spacer {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }


    /* Why choose us */
    .why-choose-us-section .image-column {
        margin-top: 30px;
    }
    .why-choose-us-section .image-column .inner-column .image img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }

    /* Projects section mobile fixes */
    .projects-section .des-portfolio-panel {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
    }
    .projects-section .pin-spacer {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }
    .projects-block .inner-block {
        flex-direction: column !important;
        border-radius: 20px;
    }
    .projects-block .image {
        width: 100% !important;
    }
    .projects-block .content-box {
        width: 100% !important;
        padding: 20px !important;
    }

    /* Floating buttons */

    .floating-contact-btns {
        bottom: 90px;
        right: 16px;
        gap: 12px;
    }
    .float-btn {
        width: 52px;
        height: 52px;
    }
    .float-call i { font-size: 20px; }
    .float-whatsapp img { width: 32px; height: 32px; }
    .float-chat img { width: 64px; }
}

/* ════════════════════════════════
   MOBILE RESPONSIVE — max 576px
   ════════════════════════════════ */
@media (max-width: 576px) {

    /* Header */
    .main-header .logo img {
        height: 100px;
        padding: 4px 0;
    }

    /* Banner */
    .banner-video-section {
        height: 56vw;
        min-height: 200px;
    }

    /* About */
    .about-section {
        padding: 60px 0;
    }
    .about-section .sec-title .title {
        font-size: 26px !important;
    }
    .about-section .experience .count-box {
        font-size: 80px !important;
    }
    .about-section .funfact-block-two .inner-box .shape1 {
        display: none;
    }

    /* Service section */
    .service-section {
        padding-bottom: 60px !important;
    }
    .service-section .features-box .image-box {
        display: none !important;
    }
    .service-section .features-box .image-box .image1,
    .service-section .features-box .image-box .image2 {
        display: none !important;
    }
    .service-section .features-list li {
        font-size: 16px;
    }
    .service-section .features-list-box {
        padding-bottom: 29px !important;
    }


    /* About section mobile padding */
    .about-section {
        padding-bottom: 50px !important;
    }

    /* General section padding bottom mobile */
    section {
        padding-bottom: 40px !important;
    }


    /* General section titles */
    .sec-title .title {
        font-size: 26px !important;
    }

    /* Clients logos */
    .brand-logo img {
        max-height: 45px !important;
        max-width: 100px !important;
    }

    /* Floating buttons */
    .floating-contact-btns {
        bottom: 80px;
        right: 12px;
    }

/* Hide specific background shapes entirely */
.shape-one.bounce-x,
.shape-three.bounce-x,
.shape2.bounce-x,
.shape4.bounce-x {
    display: none !important;
}

/* ── Equipment dropdown: scrollable + icon ── */
ul.eq-submenu {
    min-width: 240px !important;
    max-height: 340px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #0044FE #e6eeff !important;
}

ul.eq-submenu::-webkit-scrollbar {
    width: 4px;
}
ul.eq-submenu::-webkit-scrollbar-track {
    background: transparent;
}
ul.eq-submenu::-webkit-scrollbar-thumb {
    background: #0044FE;
    border-radius: 10px;
}
ul.eq-submenu::-webkit-scrollbar-thumb:hover {
    background: #0033cc;
}

/* Left icon */
ul.eq-submenu li a {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

.nav-cat-icon {
    color: #0044FE !important;
    font-size: 11px !important;
    flex-shrink: 0;
    background: rgba(0, 68, 254, 0.15);
    border-radius: 50%;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s, color 0.2s, transform 0.2s;
}

ul.eq-submenu li a:hover .nav-cat-icon {
    color: #ffffff !important;
    background: #0044FE !important;
    transform: translateX(2px);
}

/* View All link */
ul.eq-submenu li.eq-view-all a {
    color: #0044FE !important;
    font-weight: 700 !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    margin-top: 4px;
    padding-top: 10px !important;
}