/*!
Theme Name: dacleaning
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dacleaning
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dacleaning is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* =========================================================
   PREMIUM COMMERCIAL CLEANING WEBSITE
   NO GRADIENTS
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


:root {
    /* =========================================
       PRIMARY BRAND COLORS
    ========================================= */

    --forest: #02386E;
    --dark-forest: #012A52;
    --deep-green: #011F3D;


    /* =========================================
       ACCENT COLORS
    ========================================= */

    --champagne: #139FDB;
    --champagne-light: #55BCE8;


    /* =========================================
       LIGHT BACKGROUNDS
    ========================================= */

    --cream: #F3F8FC;
    --soft-cream: #F9FCFE;


    /* =========================================
       WHITE
    ========================================= */

    --white: #FFFFFF;


    /* =========================================
       TEXT
    ========================================= */

    --text: #183247;
    --muted: #657985;


    /* =========================================
       BORDERS
    ========================================= */

    --border: #DDE8EF;


    /* =========================================
       SHADOW
    ========================================= */

    --shadow: 0 18px 45px rgba(2, 56, 110, 0.12);


    /* =========================================
       TRANSITION
    ========================================= */

    --transition: all 0.25s ease;
}



/* =========================================================
   GLOBAL
========================================================= */

html {
    scroll-behavior: smooth;
}

body {
       font-family: "Nunito", sans-serif;
    color: var(--text);
    background: var(--white);
    line-height: 1.5;
}

body.menu-open {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
}

img {
    max-width: 100%;
    display: block;
}
.dc-page .container{
    width:min(1200px,calc(100% - 50px));
    max-width:none;
    margin:0 auto;
}

@media (max-width:767px){
    .dc-page .container{
        width:calc(100% - 30px);
    }
}

/* =========================================================
   TOP HEADER
========================================================= */

.site-header {
    position: relative;
    z-index: 1000;
}

.top-header {
    height: 124px;
    background: var(--forest);
    color: var(--white);
}

.top-header-inner {
    width: 100%;
    max-width: 1380px;
    height: 100%;

    margin: 0 auto;
    padding: 0 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    position: relative;
}


/* =========================================================
   LEFT HEADER
========================================================= */

.header-left {
    width: 38%;

    display: flex;
    align-items: center;
    gap: 25px;
}

.header-contact {
    display: flex;
    align-items: center;
    gap: 11px;

    color: var(--white);
}

.contact-icon {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50%;

    color: var(--champagne);
}

.contact-icon svg {
    width: 19px;
    height: 19px;
}

.contact-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.contact-text small {
    color: rgba(255,255,255,0.62);

      font-size: 15px;
    line-height: 1;

    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-text strong {
    color: var(--white);

       font-size: 16px;
    line-height: 1.2;

    font-weight: 600;
}

.header-divider {
    width: 1px;
    height: 42px;

    flex-shrink: 0;

    background: rgba(255,255,255,0.16);
}


/* =========================================================
   CENTER LOGO
========================================================= */

.main-logo {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 200px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.main-logo img {
     width: 184px;

    object-fit: contain;
}


/* =========================================================
   RIGHT HEADER
========================================================= */

.header-right {
    width: 38%;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 22px;
}


/* =========================================================
   SOCIAL LINKS
========================================================= */

.social-links {
    display: flex;
    align-items: center;
    gap: 7px;
}

.social-links a {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--white);

    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 50%;

    transition: var(--transition);
}

.social-links a:hover {
    color: var(--dark-forest);
    background: var(--champagne);
    border-color: var(--champagne);

    transform: translateY(-2px);
}

.social-links svg {
    width: 16px;
    height: 16px;
}
/*--remove underline--*/
.site a,
.site a:hover,
.site a:focus,
.site a:active {
    text-decoration: none;
}

/* =========================================================
   FREE QUOTE BUTTON
========================================================= */

.quote-button {
   min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    padding: 0 20px;
       background: #139fdb;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    transition: var(--transition);
        border-radius: 6px;
}

.quote-button span {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}


.quote-button:hover {
    background: var(--champagne-light);

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.mobile-menu-btn {
    display: none;

    width: 44px;
    height: 44px;

    position: absolute;
    right: 20px;

    padding: 0;

    background: transparent;

    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 8px;

    cursor: pointer;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 5px;

    z-index: 1002;
}

.mobile-menu-btn span {
    width: 21px;
    height: 2px;

    display: block;

    background: var(--white);

    border-radius: 10px;

    transition: var(--transition);
}


/* Hamburger to X */

.mobile-menu-btn.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.mobile-menu-btn.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-btn.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}


/* =========================================================
   FLOATING NAVIGATION
========================================================= */

.navigation-wrap {
    position: absolute;

        top: 95px;
    left: 50%;

    transform: translateX(-50%);

    z-index: 1001;
}

.main-navigation {
     display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: max-content;
    background: var(--white);
    border: 1px solid rgba(4, 59, 43, 0.06);
    box-shadow: var(--shadow);

        padding: 10px 30px;

}
.dsktop{
    width: 141px;
}
.mobilelogo{
    display: none;
}

/* =========================================================
   NAV LIST
========================================================= */

.nav-list {
    height: 80px;

    margin: 0;
    padding: 0 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 3px;

    list-style: none;
}

.nav-list > li {
    position: relative;
}

.nav-list > li > a {
    height: 80px;

    position: relative;

    padding: 0 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: var(--text);

     font-size: 16px;

    font-weight: 600;

    white-space: nowrap;

    transition: var(--transition);
}

.nav-list > li > a:hover {
    color: var(--forest);
}


/* =========================================================
   ACTIVE NAV
========================================================= */

.nav-list > li.active > a {
    color: var(--forest);
}

.nav-list > li.active > a::after {
    content: "";

    position: absolute;

    left: 16px;
    right: 16px;

    bottom: 17px;

    height: 2px;

    background: var(--champagne);

    border-radius: 5px;
}


/* =========================================================
   DROPDOWN ARROW
========================================================= */

.dropdown-arrow {
    width: 12px;
    height: 12px;

    transition: transform 0.25s ease;
}

.nav-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}


/* =========================================================
   SERVICES DROPDOWN
========================================================= */

.services-dropdown {
    position: absolute;

    top: 76px;
    left: 0;

    width: 290px;

    padding: 12px;

    background: var(--white);

    border: 1px solid var(--border);

    box-shadow: 0 20px 50px rgba(4,59,43,0.15);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}

.nav-dropdown:hover .services-dropdown {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* =========================================================
   DROPDOWN HEADER
========================================================= */

.dropdown-heading {
    padding: 10px 12px 15px;

    display: flex;
    flex-direction: column;

    gap: 4px;

    border-bottom: 1px solid var(--border);
}

.dropdown-heading span {
    color: var(--champagne);

      font-size: 12px;
    font-weight: 800;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dropdown-heading strong {
    color: var(--dark-forest);

       font-size: 18px;
    font-weight: 700;
}


/* =========================================================
   DROPDOWN ITEMS
========================================================= */

.services-dropdown > a {
    display: flex;
    align-items: center;

    gap: 13px;

    padding: 12px;

    color: var(--text);

      font-size: 16px;

    font-weight: 600;

    border-radius: 5px;

    transition: var(--transition);
}

.services-dropdown > a:hover {
    color: var(--forest);

    background: var(--cream);
}


/* Number */

.dropdown-number {
    width: 23px;

    flex-shrink: 0;

    color: var(--champagne);

    font-size: 10px;
    font-weight: 800;
}


/* =========================================================
   HERO
========================================================= */

.hero {
    min-height: 600px;

    background: var(--cream);

    display: flex;
    align-items: center;

    position: relative;
}

.hero-container {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    padding: 120px 24px 90px;
}

.hero-content {
    max-width: 650px;
}

.hero-tag {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 20px;
    padding: 8px 13px;

    background: var(--white);

    border: 1px solid var(--border);

    color: var(--forest);

    border-radius: 30px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1px;
    text-transform: uppercase;
}

.hero-tag span {
    width: 7px;
    height: 7px;

    background: var(--champagne);

    border-radius: 50%;
}

.hero h1 {
    margin-bottom: 20px;

    color: var(--dark-forest);

    font-size: clamp(42px, 5vw, 68px);

    line-height: 1.04;

    letter-spacing: -2.5px;

    font-weight: 800;
}

.hero h1 strong {
    color: var(--forest);
}

.hero p {
    max-width: 570px;

    margin-bottom: 30px;

    color: var(--muted);

    font-size: 16px;
    line-height: 1.75;
}

.hero-buttons {
    display: flex;
    align-items: center;

    gap: 12px;

    flex-wrap: wrap;
}

.hero-btn {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 22px;

    border-radius: 0;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .5px;
    text-transform: uppercase;

    transition: var(--transition);
}

.hero-btn.primary {
    background: var(--forest);
    color: var(--white);
}

.hero-btn.primary:hover {
    background: var(--dark-forest);

    transform: translateY(-2px);
}

.hero-btn.outline {
    color: var(--dark-forest);

    background: transparent;

    border: 1px solid rgba(4,59,43,0.25);
}

.hero-btn.outline:hover {
    color: var(--forest);

    background: var(--white);

    border-color: var(--forest);
}


/* =========================================================
   FLOATING BOOK CLEANER BUTTON
========================================================= */

.cleaner-float {
    position: fixed;

    right: 24px;
    bottom: 24px;

    z-index: 9999;

    min-width: 225px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 10px 20px 10px 10px;

    background: var(--white);
    color: var(--dark-forest);

    border: 1px solid rgba(4,59,43,0.08);

    border-radius: 50px;

    box-shadow:
        0 12px 35px rgba(4,59,43,0.16),
        0 2px 8px rgba(4,59,43,0.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.cleaner-float:hover {
    transform: translateY(-4px);

    box-shadow:
        0 18px 42px rgba(4,59,43,0.22),
        0 3px 10px rgba(4,59,43,0.08);
}


/* Cleaner icon */

.cleaner-icon {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--forest);
    color: var(--champagne);

    border-radius: 50%;
}

.cleaner-icon svg {
    width: 20px;
    height: 20px;
}


/* Cleaner text */

.cleaner-content {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.cleaner-content strong {
    color: var(--dark-forest);

    font-size: 15px;
    line-height: 1.1;

    font-weight: 800;
}

.cleaner-content span {
    display: flex;
    align-items: center;

    gap: 6px;

    color: var(--muted);

    font-size: 11px;
}

.cleaner-content i {
    width: 7px;
    height: 7px;

    display: block;

    background: #35B968;

    border-radius: 50%;

    box-shadow: 0 0 0 3px rgba(53,185,104,0.10);
}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .top-header-inner {
        padding: 0 22px;
    }

    .header-left,
    .header-right {
        width: 40%;
    }

    /* .main-navigation {
        min-width: 700px;
    } */

    .nav-list > li > a {
        padding-left: 11px;
        padding-right: 11px;
    }

    .nav-list > li.active > a::after {
        left: 11px;
        right: 11px;
    }

    .social-links {
        display: none;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    .top-header {
        height: 105px;
    }

    .header-left,
    .header-right {
        width: 43%;
    }

    .header-left {
        gap: 12px;
    }

    .header-divider {
        display: none;
    }

    .contact-icon {
        width: 36px;
        height: 36px;
    }

    .contact-text strong {
        font-size: 11px;
    }

    .contact-text small {
        font-size: 8px;
    }

    .main-logo img {
        width: 155px;
    }

    .quote-button {
        padding: 0 13px;

        font-size: 10px;
    }

    .navigation-wrap {
        top: 90px;
    }

    .main-navigation {
        min-width: 650px;
        padding: 0 10px;
    }

    .nav-list {
        padding: 0 10px;
    }

    .nav-list > li > a {
        padding-left: 8px;
        padding-right: 8px;

        font-size: 11px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 850px) {

    /* -------------------------------------
       TOP HEADER
    ------------------------------------- */

    .top-header {
           height: 100px;
    }

    .top-header-inner {
        padding: 0 20px;

     justify-content: space-between;
    }

    .header-left,
    .header-right {
        display: none;
    }
    .dsktop{
            display: none;
    }

    /* -------------------------------------
       LOGO
    ------------------------------------- */

    .main-logo {
        position: static;

        width: auto;

        transform: none;
        
    }
.mobilelogo {
    display: block;
}
    .main-logo img {
             width: 120px;
    }


    /* -------------------------------------
       MOBILE BUTTON
    ------------------------------------- */

    .mobile-menu-btn {
        display: flex;
    }


    /* -------------------------------------
       NAVIGATION WRAPPER
    ------------------------------------- */

    .navigation-wrap {
        position: static;

        width: 100%;

        transform: none;
    }


    /* -------------------------------------
       MOBILE NAV
    ------------------------------------- */

    .main-navigation {
        width: 100%;
        min-width: 100%;

        max-height: 0;

        overflow: hidden;

        background: var(--white);

        border: 0;

        box-shadow: none;

        transition: max-height .35s ease;
    }

    .main-navigation.mobile-open {
        max-height: 700px;

        overflow-y: auto;
    }


    /* -------------------------------------
       NAV LIST
    ------------------------------------- */

    .nav-list {
        width: 100%;
        height: auto;

        padding: 8px 20px 20px;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        justify-content: flex-start;

        gap: 0;

        background: var(--white);
    }

    .nav-list > li {
        width: 100%;
    }

    .nav-list > li > a {
        width: 100%;
        height: 52px;

        padding: 0 5px;

        justify-content: space-between;

        border-bottom: 1px solid var(--border);

        font-size: 13px;
    }


    /* -------------------------------------
       ACTIVE MOBILE
    ------------------------------------- */

    .nav-list > li.active > a {
        color: var(--forest);
    }

    .nav-list > li.active > a::after {
        display: none;
    }


    /* -------------------------------------
       SERVICES DROPDOWN
    ------------------------------------- */

    .services-dropdown {
        position: static;

        width: 100%;

        display: none;

        padding: 5px;

        background: var(--cream);

        border: 0;

        box-shadow: none;

        opacity: 1;
        visibility: visible;

        transform: none;
    }

    .nav-dropdown.open .services-dropdown {
        display: block;
    }


    /* Disable desktop hover dropdown */

    .nav-dropdown:hover .services-dropdown {
        opacity: 0;
        visibility: hidden;
        transform: none;
    }

    .nav-dropdown.open:hover .services-dropdown {
        opacity: 1;
        visibility: visible;
        transform: none;
    }


    /* Dropdown heading */

    .dropdown-heading {
        padding: 12px;
    }


    /* Dropdown items */

    .services-dropdown > a {
        padding: 12px;

        border-radius: 5px;
    }


    /* -------------------------------------
       HERO
    ------------------------------------- */

    .hero {
        min-height: auto;
    }

    .hero-container {
        padding: 70px 20px 80px;
    }

    .hero h1 {
        font-size: 44px;

        letter-spacing: -1.5px;
    }

    .hero p {
        font-size: 15px;
    }


    /* -------------------------------------
       FLOATING BUTTON
    ------------------------------------- */

    .cleaner-float {
        right: 14px;
        bottom: 14px;

        min-width: 0;

        padding: 8px 15px 8px 8px;

        gap: 9px;
    }

    .cleaner-icon {
        width: 38px;
        height: 38px;
    }

    .cleaner-icon svg {
        width: 18px;
        height: 18px;
    }

    .cleaner-content strong {
        font-size: 13px;
    }

    .cleaner-content span {
        font-size: 10px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 500px) {

    /* .top-header {
        height: 76px;
    } */

    .top-header-inner {
        padding: 0 15px;
    }

    .main-logo img {
        width: 140px;
    }

    .mobile-menu-btn {
        width: 40px;
        height: 40px;

        right: 15px;
    }

    .mobile-menu-btn span {
        width: 19px;
    }

    .nav-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-container {
        padding: 55px 18px 70px;
    }

    .hero-tag {
        font-size: 8px;
    }

    .hero h1 {
        font-size: 38px;
    }

    .hero p {
        font-size: 14px;
    }

    .hero-buttons {
        width: 100%;

        flex-direction: column;
        align-items: stretch;
    }

    .hero-btn {
        width: 100%;
    }

    .cleaner-float {
        right: 10px;
        bottom: 10px;
    }
}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .main-logo img {
        width: 125px;
    }

    .mobile-menu-btn {
        right: 12px;
    }

    .hero h1 {
        font-size: 34px;
    }

    .cleaner-content strong {
        font-size: 12px;
    }
}


/* =====================================================
   SERVICES MEGA DROPDOWN
===================================================== */

.nav-dropdown {
    position: relative;
}


/* Main services link */

.services-main-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}


.dropdown-arrow {
    width: 14px;
    height: 14px;
    transition: transform .25s ease;
}


.nav-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}


/* =====================================================
   DROPDOWN BOX
===================================================== */

.services-dropdown {

    position: absolute;

    top: calc(100% + 18px);
    left: 50%;

    width: 620px;

    padding: 12px;

    background: var(--white);

    border: 1px solid var(--border);

    border-radius: 12px;

    box-shadow:
        0 25px 70px rgba(4,59,43,.16);

    opacity: 0;
    visibility: hidden;

    transform:
        translate(-50%, 10px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index: 9999;
}


/* Small top pointer */

.services-dropdown::before {

    content: "";

    position: absolute;

    top: -7px;
    left: 50%;

    width: 13px;
    height: 13px;

    background: var(--white);

    border-left: 1px solid var(--border);
    border-top: 1px solid var(--border);

    transform: translateX(-50%) rotate(45deg);
}


/* Desktop hover */

@media (min-width: 851px) {

    .nav-dropdown:hover .services-dropdown {

        opacity: 1;

        visibility: visible;

        transform:
            translate(-50%, 0);
    }

}


/* =====================================================
   SERVICE CATEGORY
===================================================== */

.service-category {

    position: relative;

    border-bottom: 1px solid var(--border);
}


.service-category:last-of-type {
    border-bottom: 0;
}


/* =====================================================
   CATEGORY TITLE
===================================================== */

.service-category-title {

    position: relative;

    display: flex;

    align-items: center;

    gap: 15px;

    width: 100%;

    padding: 17px 15px;

    color: var(--text);

    text-decoration: none;

    border-radius: 8px;

    transition:
        background .25s ease,
        color .25s ease;
}


.service-category-title:hover {

    color: var(--forest);

    background: var(--cream);
}


/* =====================================================
   CATEGORY ICON
===================================================== */

.category-icon {

    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: var(--forest);

    background: rgba(7,90,64,.07);

    border: 1px solid rgba(7,90,64,.12);

    border-radius: 7px;

    transition:
        background .25s ease,
        color .25s ease;
}


.category-icon svg {

    width: 21px;
    height: 21px;
}


.service-category-title:hover .category-icon {

    color: var(--white);

    background: var(--forest);
}


/* =====================================================
   CATEGORY CONTENT
===================================================== */

.category-content {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.category-content strong {

    color: var(--deep-green);

    font-size: 14px;

    font-weight: 800;
}


.category-content small {

    color: var(--muted);

    font-size: 11px;

    line-height: 1.4;
}


/* =====================================================
   CATEGORY ARROW
===================================================== */

.category-arrow {

    color: var(--champagne);

    font-size: 20px;

    transition:
        transform .25s ease,
        color .25s ease;
}


.service-category-title:hover .category-arrow {

    color: var(--forest);

    transform: translateX(4px);
}


/* =====================================================
   SUB SERVICES
===================================================== */

.service-submenu {

    display: grid;

    /* grid-template-columns: 1fr 1fr; */

    gap: 4px;

    padding:
        0 15px 17px 73px;
}


.service-submenu a {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 8px 9px;

    color: var(--muted);

    font-size: 11px;

    font-weight: 600;

    text-decoration: none;

    border-radius: 5px;

    transition:
        color .2s ease,
        background .2s ease,
        padding .2s ease;
}


.service-submenu a:hover {

    color: var(--forest);

    background: var(--cream);

    padding-left: 13px;
}


.service-submenu a span {

    color: var(--champagne);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .05em;
}


/* =====================================================
   DROPDOWN BOTTOM
===================================================== */

.dropdown-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-top: 8px;

    padding: 14px 15px;

    background: var(--deep-green);

    border-radius: 7px;
}


.dropdown-bottom > span {

    color: rgba(255,255,255,.7);

    font-size: 11px;
}


.dropdown-bottom a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--white);

    font-size: 11px;

    font-weight: 800;

    text-decoration: none;
}


.dropdown-bottom a b {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;
    height: 24px;

    color: var(--deep-green);

    background: var(--champagne);

    border-radius: 50%;

    font-size: 13px;

    transition: transform .2s ease;
}


.dropdown-bottom a:hover b {

    transform: translate(2px,-2px);
}

/* =====================================================
   MOBILE SERVICES
===================================================== */

@media (max-width: 850px) {

    .services-dropdown {

        position: static;

        width: 100%;

        margin-top: 10px;

        padding: 8px;

        background: var(--soft-cream);

        border: 1px solid var(--border);

        border-radius: 8px;

        box-shadow: none;

        opacity: 0;

        visibility: hidden;

        max-height: 0;

        overflow: hidden;

        transform: none;

        transition:
            max-height .35s ease,
            opacity .25s ease,
            visibility .25s ease;
    }


    .services-dropdown::before {
        display: none;
    }


    .nav-dropdown.open .services-dropdown {

        opacity: 1;

        visibility: visible;

        max-height: 800px;
    }


    /* Category */

    .service-category-title {

        padding: 14px 10px;
    }


    .category-icon {

        width: 38px;
        height: 38px;

        flex-basis: 38px;
    }


    .category-content strong {

        font-size: 13px;
    }


    .category-content small {

        font-size: 10px;
    }


    /* Submenu closed */

    .service-submenu {

        display: block;

        max-height: 0;

        overflow: hidden;

        padding: 0 10px 0 58px;

        opacity: 0;

        transition:
            max-height .3s ease,
            opacity .25s ease,
            padding .3s ease;
    }


    /* Submenu open */

    .service-category.open .service-submenu {

        max-height: 350px;

        padding:
            0 10px 14px 58px;

        opacity: 1;
    }


    .service-submenu a {

        padding: 9px 7px;
    }


    /* Rotate arrow */

    .service-category.open
    .category-arrow {

        transform: rotate(90deg);
    }


    /* Bottom CTA */

    .dropdown-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 10px;

        padding: 15px;
    }

}

/* ///// */
/* =====================================================
   SERVICES DROPDOWN
===================================================== */

.nav-dropdown {
    position: relative;
}


/* Main dropdown */

.services-dropdown {

    position: absolute;

    top: calc(100% + 18px);
    left: 50%;

    width: 330px;

    padding: 10px;

    background: var(--white);

    border: 1px solid var(--border);

    border-radius: 12px;

    box-shadow:
        0 25px 70px rgba(4,59,43,.16);

    opacity: 0;
    visibility: hidden;

    transform: translate(-50%, 10px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index: 9999;
}


/* Desktop open */

@media (min-width: 851px) {

    .nav-dropdown:hover > .services-dropdown {

        opacity: 1;
        visibility: visible;

        transform: translate(-50%, 0);
    }

}


/* =====================================================
   CATEGORY
===================================================== */

.service-category {
    position: relative;
}


.service-category-trigger {

    display: flex;

    align-items: center;

    gap: 12px;

    width: 100%;

    padding: 13px 11px;

    color: var(--text);

    text-decoration: none;

    border-radius: 8px;

    transition:
        background .2s ease,
        color .2s ease;
}


.service-category-trigger:hover {

    color: var(--forest);

    background: var(--cream);
}


/* =====================================================
   ICON
===================================================== */

.category-icon {

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: rgba(7,90,64,.07);

    border: 1px solid rgba(7,90,64,.12);

    border-radius: 7px;

    font-size: 17px;
}


/* =====================================================
   TEXT
===================================================== */

.category-content {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.category-content strong {

    color: var(--deep-green);

       font-size: 16px;

    font-weight: 800;
}


.category-content small {

    color: var(--muted);

    font-size: 10px;
}


/* =====================================================
   ARROW
===================================================== */

.category-arrow {

    color: var(--champagne);

    font-size: 19px;

    transition:
        transform .2s ease,
        color .2s ease;
}


.service-category-trigger:hover .category-arrow {

    color: var(--forest);

    transform: translateX(4px);
}


/* =====================================================
   SECOND LEVEL
   HIDDEN BY DEFAULT
===================================================== */

.service-submenu {

    position: absolute;

    top: -1px;

    left: calc(100% + 10px);

    width: 270px;

    padding: 8px;

    background: var(--white);

    border: 1px solid var(--border);

    border-radius: 10px;

    box-shadow:
        0 20px 55px rgba(4,59,43,.14);

    opacity: 0;

    visibility: hidden;

    transform: translateX(-8px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;

    z-index: 10000;
}


/* IMPORTANT:
   Only open when category is hovered */

@media (min-width: 851px) {

    .service-category:hover > .service-submenu {

        opacity: 1;

        visibility: visible;

        transform: translateX(0);
    }

}


/* =====================================================
   SECOND LEVEL LINKS
===================================================== */

.service-submenu a {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 11px 10px;

    color: var(--muted);

    font-size: 16px;


    font-weight: 600;

    text-decoration: none;

    border-radius: 6px;

    transition:
        color .2s ease,
        background .2s ease,
        padding .2s ease;
}


.service-submenu a:hover {

    color: var(--forest);

    background: var(--cream);

    padding-left: 14px;
}


.service-submenu a span {

    color: var(--champagne);

    font-size: 9px;

    font-weight: 800;

    min-width: 20px;
}


/* =====================================================
   BOTTOM CTA
===================================================== */

.dropdown-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-top: 6px;

    padding: 12px;

    background: var(--deep-green);

    border-radius: 7px;
}


.dropdown-bottom span {

    color: rgba(255,255,255,.7);

    font-size: 9px;
}


.dropdown-bottom a {

    display: flex;

    align-items: center;

    gap: 6px;

    color: var(--white);

    font-size: 10px;

    font-weight: 700;

    text-decoration: none;
}


.dropdown-bottom b {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 22px;
    height: 22px;

    color: var(--deep-green);

    background: var(--champagne);

    border-radius: 50%;

    font-size: 12px;
}
@media (max-width: 850px) {

    .services-dropdown {

        position: static;

        width: 100%;

        margin-top: 8px;

        padding: 7px;

        background: var(--soft-cream);

        box-shadow: none;

        border-radius: 8px;

        opacity: 0;

        visibility: hidden;

        max-height: 0;

        overflow: hidden;

        transform: none;

        transition:
            max-height .3s ease,
            opacity .2s ease;
    }


    .nav-dropdown.open > .services-dropdown {

        opacity: 1;

        visibility: visible;

        max-height: 900px;
    }


    /* Second level starts closed */

    .service-submenu {

        position: static;

        width: 100%;

        padding: 0 8px 0 52px;

        background: transparent;

        border: 0;

        box-shadow: none;

        opacity: 0;

        visibility: hidden;

        max-height: 0;

        overflow: hidden;

        transform: none;

        transition:
            max-height .3s ease,
            opacity .2s ease,
            padding .3s ease;
    }


    /* Open second level */

    .service-category.open .service-submenu {

        opacity: 1;

        visibility: visible;

        max-height: 400px;

        padding-bottom: 8px;
    }


    .service-category-trigger {

        padding: 12px 8px;
    }


    .category-icon {

        width: 36px;
        height: 36px;

        flex-basis: 36px;
    }


    .category-content strong {
        font-size: 12px;
    }


    .category-content small {
        font-size: 9px;
    }


    .service-submenu a {

        padding: 9px 7px;
    }


    .dropdown-bottom {

        flex-direction: column;

        align-items: flex-start;

        margin-top: 5px;
    }

}

@media(max-width:1200px){
    .contact-text small{
        font-size: 11px;
    }
    .contact-text strong{
        font-size: 14px;
    }
  
}


/* =====================================================
  BANNER SECTION
===================================================== */

.dnc-intro-section {

    position: relative;

    width: 100%;

      padding: 153px 0 80px 0;

    background: linear-gradient(135deg, rgb(15 135 255 / 12%) 0%, rgb(19 159 219 / 0%) 100%), #FFFFFF;
    /* background: var(--soft-cream); */

    overflow: hidden;
/*    background: url(images/bannerimgcl.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
}

.dnc-intro-banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}
.dnc-intro-container {
    position: relative;
    z-index: 1;
}
/* Subtle decorative circle */

.dnc-intro-section::before {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    left: -220px;
    bottom: -220px;

    border: 1px solid rgba(7, 90, 64, 0.08);

    border-radius: 50%;

    pointer-events: none;
}


.dnc-intro-section::after {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -160px;
    top: -160px;

    border: 1px solid rgba(216, 179, 106, 0.18);

    border-radius: 50%;

    pointer-events: none;
}


/* =====================================================
   CONTAINER
===================================================== */

.dnc-intro-container {

    position: relative;

    z-index: 2;

    width: min(1200px, calc(100% - 50px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(420px, .95fr);

    gap: 90px;

    align-items: center;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.dnc-intro-content {
    max-width: 620px;
}


/* =====================================================
   SECTION TAG
===================================================== */

.dnc-section-tag {

    /* display: flex;

    align-items: center;

    gap: 12px; */

    margin-bottom: 24px;

    color: #ffffff;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
    position: relative;
}

.dnc-section-tag::after{
 position: absolute;
    content: "";
    top: -6px;
    left: 0px;
    height: 28px;
    width: 50px;
    background: #3caedd;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: -1;
}

/* .dnc-section-tag span {

    display: block;

    width: 34px;

    height: 2px;

    background: var(--champagne);
} */


/* =====================================================
   HEADING
===================================================== */

.dnc-intro-content h2 {

        margin: 0 0 25px;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 50px);
    line-height: 1.04;
    letter-spacing: -2.5px;
    font-weight: 400;
}


.dnc-intro-content h2 strong {

    font-weight: 800;

      color: #ffffff;
}


.dnc-intro-content h2 em {

      color: #139fdb;

    font-style: normal;

    font-weight: 600;
}

.dnc-intro-content p{
    color: #fff;
}
/* =====================================================
   LEAD
===================================================== */

.dnc-lead {

    max-width: 570px;

    margin: 0 0 18px;

 color: #ffffff;

    font-size: 22px;

    line-height: 1.55;

    font-weight: 600;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.dnc-description {

    max-width: 590px;

    margin: 0 0 15px;

color: #ffffff;

       font-size: 16px;

    line-height: 1.8;
}


/* =====================================================
   HIGHLIGHTS
===================================================== */

.dnc-highlights {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 12px;

    margin-top: 32px;

    padding-top: 28px;

    border-top: 1px solid var(--border);
}


.dnc-highlight {

    display: flex;

    gap: 10px;
}


.dnc-highlight-icon {

        width: 25px;
    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--forest);

    color: var(--white);

    font-size: 13px;

    font-weight: 800;
}


.dnc-highlight strong {

    display: block;

    margin-bottom: 3px;

      color: #ffffff;

    font-size: 16px;

    font-weight: 800;
}


.dnc-highlight span {

    display: block;

    color: var(--muted);

    font-size: 11px;

    line-height: 1.5;
}


/* =====================================================
   CONTENT ACTIONS
===================================================== */

.dnc-content-actions {

    display: flex;

    align-items: center;

    gap: 24px;

    margin-top: 35px;
}


/* =====================================================
   PRIMARY CTA
===================================================== */

.dnc-primary-btn {
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    min-width: 180px;
       padding: 16px 20px;
    color: #fafafa;
    text-decoration: none;
      background: #139fdb;
    border: 1px solid var(--forest);
    border-radius: 5px;
    transition: var(--transition);
    font-weight: 700;
}



.dnc-primary-btn span {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

    opacity: .8;
}


.dnc-primary-btn b {

    font-size: 15px;

    font-weight: 700;
}


/* .dnc-primary-btn:hover {

    background: var(--dark-forest);

    border-color: var(--dark-forest);

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(4,59,43,.18);
} */
.dnc-primary-btn:hover{
        background: #55bce8;
    transform: translateY(-2px);
}

/* =====================================================
   TEXT LINK
===================================================== */

.dnc-text-link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

      color: #ffffff;

    text-decoration: none;

       font-size: 16px;

    font-weight: 800;

    transition: var(--transition);
}


.dnc-text-link span {

    color: var(--champagne);

    font-size: 20px;

    transition: var(--transition);
}


/* .dnc-text-link:hover {

    color: var(--forest);
} */


.dnc-text-link:hover span {

    transform: translateX(5px);
}


/* =====================================================
   FORM WRAPPER
===================================================== */

.dnc-form-wrapper {

    position: relative;

    padding: 42px;

    background: var(--white);

    border: 1px solid var(--border);

    border-radius: 8px;

    box-shadow: var(--shadow);
}


/* Champagne top line */

.dnc-form-wrapper::before {

    content: "";

    position: absolute;

    top: 0;

    left: 42px;

    width: 65px;

    height: 3px;

    background: var(--champagne);
}


/* =====================================================
   FORM HEADER
===================================================== */

.dnc-form-header {

    display: flex;

    gap: 20px;

    margin-bottom: 30px;
}


.dnc-form-number {

    color: var(--champagne);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: .1em;

    padding-top: 5px;
}


.dnc-form-label {

    display: block;

    margin-bottom: 8px;

    color: var(--forest);

       font-size: 13px;


    font-weight: 800;

    letter-spacing: .16em;
}


.dnc-form-header h3 {

    margin: 0;

    color: var(--deep-green);

    font-size: 32px;

    line-height: 1.12;

    letter-spacing: -1px;

    font-weight: 700;
}


.dnc-form-header h3 em {

    color: var(--champagne);

    font-style: normal;
}


/* =====================================================
   FORM ROW
===================================================== */

.dnc-form-row {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;
}


/* =====================================================
   FORM FIELD
===================================================== */

/*.dnc-field {

    margin-bottom: 19px;
}
*/

.dnc-field label {

    display: block;

    margin-bottom: 8px;

    color: var(--text);

       font-size: 16px;


    font-weight: 800;
}


.dnc-field input,
.dnc-field select,
.dnc-field textarea {

    width: 100%;

    padding: 14px 15px;

    color: var(--text);

    font-family: inherit;

    font-size: 13px;

    background: var(--soft-cream);

    border: 1px solid var(--border);

    border-radius: 4px;

    outline: none;

    transition: var(--transition);
}


.dnc-field textarea {

    min-height: 105px;

    resize: vertical;
}


.dnc-field input::placeholder,
.dnc-field textarea::placeholder {

    color: #9BA6A1;
}


.dnc-field input:focus,
.dnc-field select:focus,
.dnc-field textarea:focus {

    background: var(--white);

    border-color: var(--forest);

    box-shadow: 0 0 0 3px rgba(7,90,64,.07);
}


/* =====================================================
   SUBMIT BUTTON
===================================================== */

.dnc-submit-btn {

    width: 100%;

    min-height: 55px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 20px;

    border: 0;

    border-radius: 4px;

    background: var(--forest);

    color: var(--white);

    font-family: inherit;

      font-size: 15px;


    font-weight: 800;

    letter-spacing: .04em;

    cursor: pointer;

    transition: var(--transition);
}


.dnc-submit-btn i {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--forest);

    background: var(--champagne);

    border-radius: 50%;

    font-size: 18px;

    font-style: normal;

    transition: var(--transition);
}


.dnc-submit-btn:hover {

    background: var(--dark-forest);

    box-shadow: 0 12px 25px rgba(4,59,43,.18);
}


.dnc-submit-btn:hover i {

    transform: translateX(4px);

    background: var(--champagne-light);
}


/* =====================================================
   FORM NOTE
===================================================== */

.dnc-form-note {

    margin: 13px 0 0;

    color: var(--muted);

    font-size: 10px;

    text-align: center;

    line-height: 1.5;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {

    .dnc-intro-section {

        padding: 90px 0;
              padding-top: 125px;
    }


    .dnc-intro-container {

        grid-template-columns: 1fr;

        gap: 60px;
    }


    .dnc-intro-content {

        max-width: 750px;
    }


    .dnc-form-wrapper {

        max-width: 700px;

        width: 100%;

        margin: 0 auto;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .dnc-intro-section {

        padding: 70px 0;
    }


    .dnc-intro-container {

        width: calc(100% - 32px);

        gap: 45px;
    }


    .dnc-intro-content h2 {

        font-size: 42px;

        letter-spacing: -1.8px;
    }


    .dnc-lead {

        font-size: 18px;
    }


    .dnc-description {

        font-size: 14px;

        line-height: 1.7;
    }


    .dnc-highlights {

        grid-template-columns: 1fr;

        gap: 18px;
    }


    .dnc-highlight {

        display: grid;

        grid-template-columns: 30px 1fr;

        gap: 12px;

        align-items: start;
    }


    /* .dnc-content-actions {

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;
    } */


    .dnc-form-wrapper {

        padding: 28px 20px;
    }


    .dnc-form-wrapper::before {

        left: 20px;
    }


    .dnc-form-row {

        grid-template-columns: 1fr;

        gap: 0;
    }


    .dnc-form-header h3 {

        font-size: 27px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

    .dnc-intro-content h2 {

        font-size: 37px;
    }


    .dnc-form-wrapper {

        padding: 25px 16px;
    }

}

/* BANNER SECTION CSS END */


/* =========================================
   DA CLEANING GROUP
   ABOUT SECTION
========================================= */

.dnc-about-section {
    position: relative;
    width: 100%;
    padding: 80px 0 110px 0;

   

    overflow: hidden;
}


/* =========================================
   CONTAINER
========================================= */

.dnc-about-container {
    width: min(1200px, 90%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: .95fr 1.05fr;
    align-items: center;
    gap: 90px;
}


/* =========================================
   IMAGE
========================================= */

.dnc-about-image-wrap {
    position: relative;
    padding: 0 25px 25px 0;
}


.dnc-about-image {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 560px;

    overflow: hidden;

    border-radius: 14px;

    background: #eaf4fa;

    box-shadow:
        0 25px 60px rgba(2, 56, 110, .16);
}


.dnc-about-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
    object-position: bottom;
}


.dnc-about-image:hover img {
    transform: scale(1.04);
}


/* =========================================
   IMAGE BLUE BORDER
========================================= */

.dnc-about-image-wrap::before {
    content: "";

    position: absolute;

    left: 18px;
    bottom: 0;

    width: calc(100% - 18px);
    height: calc(100% - 18px);

    border: 2px solid #139fdb;

    border-radius: 14px;

    z-index: 1;
}


/* =========================================
   BADGE
========================================= */

.dnc-about-badge {
    position: absolute;

    right: 0;
    bottom: 55px;

    z-index: 5;

    width: 145px;
    min-height: 145px;

    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;

    background: #02386e;
    color: #ffffff;

    border-radius: 12px;

    box-shadow:
        0 20px 40px rgba(2, 56, 110, .25);
}


.dnc-about-badge strong {
    display: block;

    color: #139fdb;

    font-size: 34px;
    line-height: 1;

    font-weight: 900;

    margin-bottom: 8px;
}


.dnc-about-badge span {
    font-size: 11px;
    line-height: 1.5;

    font-weight: 700;

    letter-spacing: .04em;

    text-transform: uppercase;
}


/* =========================================
   DECORATIVE SHAPE
========================================= */

.dnc-about-shape {
    position: absolute;

    top: -25px;
    left: -30px;

    width: 80px;
    height: 80px;

    border: 1px solid rgba(19, 159, 219, .35);

    border-radius: 50%;

    z-index: 0;
}


/* =========================================
   CONTENT
========================================= */

.dnc-about-content {
    position: relative;
}


.dnc-section-label {
position: relative;
    margin-bottom: 20px;

    color: #02386e;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .18em;
    z-index: 1;
}

.dnc-section-label ::after{
        position: absolute;
    content: "";
    top: -6px;
    left: 0px;
    height: 28px;
    width: 50px;
    background: #3caedd;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
      z-index: -1;
}
.dnc-section-label span {
    width: 35px;
    height: 2px;

    background: #139fdb;
}


/* =========================================
   HEADING
========================================= */

.dnc-about-content h2 {
 max-width: 680px;
    margin: 0 0 20px;
    color: #02386e;
    font-size: clamp(36px, 4vw, 41px);
    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 600;
}
.dnc-about-content h2 span{
        color: var(--champagne);
}

/* =========================================
   INTRO
========================================= */

.dnc-about-intro {
margin: 0 0 20px;
    color: var(--forest);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
}


.dnc-about-content > p:not(.dnc-about-intro) {
    max-width: 650px;

    margin-bottom: 16px;

    color: #657985;

font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   TRUST POINTS
========================================= */

.dnc-about-points {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px 25px;

    margin: 30px 0;
}


.dnc-about-point {
    display: flex;
    align-items: flex-start;

    gap: 12px;
}


.dnc-point-icon {
    flex: 0 0 auto;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(19, 159, 219, .1);

    color: #139fdb;

font-size: 16px;

    font-weight: 900;
}


.dnc-about-point strong {
    display: block;

    margin-bottom: 3px;

    color: #02386e;

       font-size: 16px;

    font-weight: 800;
}


.dnc-about-point span {
    display: block;

    color: #687873;

      font-size: 16px;

    line-height: 1.5;
}


/* =========================================
   ACTIONS
========================================= */

.dnc-about-actions {
    display: flex;
    align-items: center;
    gap: 25px;

    margin-top: 32px;
}


/* =========================================
   BUTTON
========================================= */

.dnc-about-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 6px 7px 6px 20px;

    background: #139fdb;
    color: #ffffff;

    border: 1px solid #139fdb;
    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 800;

    transition: .25s ease;
}


.dnc-about-btn i {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #02386e;

    border-radius: 50%;

    font-size: 17px;

    font-style: normal;

    transition: .25s ease;
}


.dnc-about-btn:hover {
    background: #02386e;
    border-color: #02386e;

    transform: translateY(-2px);
}


.dnc-about-btn:hover i {
    background: #139fdb;
    color: #ffffff;

    transform: translate(2px, -2px);
}


/* =========================================
   PHONE
========================================= */

.dnc-about-phone {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #02386e;

    text-decoration: none;
}


.dnc-phone-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eef7fc;

    border-radius: 50%;

    color: #139fdb;

    font-size: 14px;
}


.dnc-about-phone small {
    display: block;

    margin-bottom: 3px;

    color: #687873;

    font-size: 9px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .08em;
}


.dnc-about-phone strong {
    display: block;

    color: #02386e;

    font-size: 13px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .dnc-about-container {
        grid-template-columns: 1fr 1fr;
        gap: 45px;
    }

    .dnc-about-image {
        height: 500px;
    }

    .dnc-about-badge {
        width: 125px;
        min-height: 125px;
    }

    .dnc-about-badge strong {
        font-size: 28px;
    }

    .dnc-about-content h2 {
        font-size: 38px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 750px) {

    .dnc-about-section {
        padding: 75px 0;
    }

    .dnc-about-container {
        width: 90%;

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .dnc-about-image-wrap {
        padding-right: 15px;
    }

    .dnc-about-image {
        height: 420px;
    }

    .dnc-about-badge {
        right: -5px;
        bottom: 30px;

        width: 115px;
        min-height: 115px;

        padding: 15px;
    }

    .dnc-about-badge strong {
        font-size: 25px;
    }

    .dnc-about-badge span {
        font-size: 9px;
    }

    .dnc-about-content h2 {
        font-size: 34px;

        letter-spacing: -1px;
    }

    .dnc-about-points {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .dnc-about-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .dnc-about-image {
        height: 350px;
    }

    .dnc-about-content h2 {
        font-size: 30px;
    }

    .dnc-about-intro {
        font-size: 17px;
    }

    .dnc-about-content > p:not(.dnc-about-intro) {
        font-size: 14px;
    }
}


/* =========================================
   WHY CHOOSE US
========================================= */

.dnc-why-section {
    position: relative;
    width: 100%;
    padding: 110px 0;

    background:
        linear-gradient(
            135deg,
            rgba(2, 56, 110, 0.035) 0%,
            rgba(19, 159, 219, 0.07) 100%
        ),
        #ffffff;

    overflow: hidden;
}


/* =========================================
   CONTAINER
========================================= */

.dnc-why-container {
    width: min(1200px, 90%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: .75fr 1.25fr;

    gap: 80px;

    align-items: start;
}


/* =========================================
   LEFT CONTENT
========================================= */

.dnc-why-content {
    position: sticky;
    top: 120px;
}


/* .dnc-section-label {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 20px;

    color: #139fdb;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .18em;
} */


.dnc-section-label span {
    width: 35px;
    height: 2px;

    background: #139fdb;
}


.dnc-why-content h2 {
 max-width: 680px;
    margin: 0 0 20px;
    color: #02386e;
    font-size: clamp(36px, 4vw, 41px);
    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 600;
}
.dnc-why-content h2 span{
        color: var(--champagne);
}

.dnc-why-intro {
    max-width: 450px;

    margin: 0 0 32px;

    color: #657985;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   BUTTON
========================================= */

.dnc-why-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    min-height: 52px;

    padding: 6px 7px 6px 20px;

    background: #139fdb;
    color: #ffffff;

    border: 1px solid #139fdb;
    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 800;

    transition: .25s ease;
}


.dnc-why-btn i {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #02386e;

    border-radius: 50%;

    font-size: 17px;

    font-style: normal;

    transition: .25s ease;
}


.dnc-why-btn:hover {
    background: #02386e;
    border-color: #02386e;

    transform: translateY(-2px);
}


.dnc-why-btn:hover i {
    background: #139fdb;
    color: #ffffff;

    transform: translate(2px, -2px);
}


/* =========================================
   FEATURES GRID
========================================= */

.dnc-why-features {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 16px;
}


/* =========================================
   FEATURE CARD
========================================= */

.dnc-why-card {
    position: relative;

    min-height: 190px;

    padding: 25px;

    background: #ffffff;

    border: 1px solid #dfeaf1;

    border-radius: 10px;

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.dnc-why-card:hover {
    transform: translateY(-5px);

    border-color: rgba(19, 159, 219, .45);

    box-shadow:
        0 18px 40px rgba(2, 56, 110, .10);
}


/* =========================================
   NUMBER
========================================= */

.dnc-why-number {
    position: absolute;

    top: 18px;
    right: 20px;

    color: #dcebf3;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;
}


/* =========================================
   ICON
========================================= */

.dnc-why-icon {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    background: rgba(19, 159, 219, .10);

    color: #139fdb;

    border-radius: 50%;

      font-size: 20px;
    font-weight: 900;

    transition: .3s ease;
}


.dnc-why-card:hover .dnc-why-icon {
    background: #139fdb;
    color: #ffffff;

    transform: scale(1.05);
}


/* =========================================
   CARD CONTENT
========================================= */

.dnc-why-card-content {
    position: relative;
    z-index: 2;
}


.dnc-why-card h3 {
    margin: 0 0 8px;

    max-width: 260px;

    color: #02386e;
    font-size: 20px;


    line-height: 1.35;

    font-weight: 800;
}


.dnc-why-card p {
    margin: 0;

    color: #687873;

      font-size: 16px;

    line-height: 1.65;
}


/* =========================================
   BLUE CORNER DETAIL
========================================= */

.dnc-why-card::after {
    content: "";

    position: absolute;

    right: -35px;
    bottom: -35px;

    width: 90px;
    height: 90px;

    border-radius: 50%;

    background: rgba(19, 159, 219, .05);

    transition: .3s ease;
}


.dnc-why-card:hover::after {
    background: rgba(19, 159, 219, .10);

    transform: scale(1.2);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    .dnc-why-container {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .dnc-why-content {
        position: static;
    }

    .dnc-why-content h2 {
        max-width: 650px;
    }

    .dnc-why-intro {
        max-width: 650px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-why-section {
        padding: 75px 0;
    }

    .dnc-why-container {
        width: 90%;
    }

    .dnc-why-content h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .dnc-why-intro {
        font-size: 14px;
    }

    .dnc-why-features {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .dnc-why-card {
        min-height: auto;

        padding: 22px;
    }

    .dnc-why-card h3 {
        font-size: 14px;
    }

    .dnc-why-card p {
        font-size: 11px;
    }
}
.cont{
        width: min(1200px, 90%);
    margin: 0 auto;
}
.btm{
        display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
}


/* =========================================
   INTRODUCTION SECTION
========================================= */

.intro-section {
    position: relative;
    padding: 100px 20px;
    background: var(--cream);
    overflow: hidden;
}

.intro-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -180px;
    right: -100px;
    background: rgba(19, 159, 219, 0.08);
    border-radius: 50%;
}

.intro-section::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -130px;
    left: -80px;
    background: rgba(2, 56, 110, 0.05);
    border-radius: 50%;
}

.intro-container {
    position: relative;
    z-index: 1;

    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 80px;
    align-items: center;
}


/* =========================================
   LEFT CONTENT
========================================= */

.intro-content {
    max-width: 680px;
}

.intro-label {
    position: relative;
    margin-bottom: 20px;
    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    z-index: 1;
}

.intro-label::before {
  position: absolute;
    content: "";
    top: -6px;
    left: 0px;
    height: 28px;
    width: 50px;
    background: #3caedd;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: -1;
}

.intro-content h2 {
    max-width: 680px;
    margin: 0 0 20px;
    color: #02386e;
    font-size: clamp(36px, 4vw, 41px);
    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 600;
        margin-top: 10px;
}

.intro-content h2 span {
    color: var(--champagne);
}

.intro-lead {
    margin: 0 0 20px;

    color: var(--forest);

    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
}

.intro-content p:not(.intro-lead) {
    margin: 0 0 16px;

    color: var(--muted);

    font-size: 16px;
    line-height: 1.8;
}

.intro-content strong {
    color: var(--forest);
}


/* =========================================
   BUTTON
========================================= */

.intro-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-top: 15px;
    padding: 15px 25px;

    background: var(--forest);
    color: var(--white);

    border-radius: 6px;

    font-size: 15px;
    font-weight: 800;
    text-decoration: none;

    box-shadow: 0 10px 25px rgba(2, 56, 110, 0.18);

    transition: var(--transition);
}

.intro-btn span {
    font-size: 20px;
    line-height: 1;

    transition: var(--transition);
}

.intro-btn:hover {
    background: var(--dark-forest);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(2, 56, 110, 0.25);
}

.intro-btn:hover span {
    transform: translateX(5px);
}


/* =========================================
   RIGHT FEATURE CARDS
========================================= */

.intro-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.feature-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 26px;

    background: var(--white);

    border: 1px solid var(--border);
    border-radius: 10px;

    box-shadow: var(--shadow);

    transition: var(--transition);
}

.feature-card:hover {
    transform: translateX(-7px);
}

.feature-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(19, 159, 219, 0.1);
    color: var(--champagne);

    border-radius: 50%;

    font-size: 20px;
    font-weight: 800;
}

.feature-card h3 {
    margin: 0 0 6px;

    color: var(--deep-green);

    font-size: 19px;
    font-weight: 800;
}

.feature-card p {
    margin: 0;

    color: var(--muted);

    font-size: 14px;
    line-height: 1.65;
}


/* =========================================
   FEATURED CARD
========================================= */

.feature-card.featured {
    background: var(--forest);
    border-color: var(--forest);
}

.feature-card.featured .feature-icon {
    background: rgba(255, 255, 255, 0.12);
    color: var(--champagne-light);
}

.feature-card.featured h3 {
    color: var(--white);
}

.feature-card.featured p {
    color: rgba(255, 255, 255, 0.78);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .intro-section {
        padding: 75px 20px;
    }

    .intro-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .intro-content {
        max-width: 750px;
    }

    .intro-features {
        max-width: 700px;
        width: 100%;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .intro-section {
        padding: 60px 18px;
    }

    .intro-content h2 {
        font-size: 40px;
    }

    .intro-lead {
        font-size: 18px;
    }

    .intro-content p:not(.intro-lead) {
        font-size: 15px;
        line-height: 1.7;
    }

    .feature-card {
        padding: 20px;
        gap: 14px;
    }

    .feature-icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .feature-card h3 {
        font-size: 17px;
    }

    .intro-btn {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================
   SERVICES SECTION
========================================= */

.dnc-services-section {
    position: relative;
    padding: 100px 20px;
    background: #ffffff;
    overflow: hidden;
}

.dnc-services-container {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================
   SECTION HEADING
========================================= */

.dnc-services-heading {
    max-width: 800px;
    margin-bottom: 55px;
}

.dnc-section-label {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 8px;

    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    z-index: 1;
}

.dnc-section-label::after {
    position: absolute;
    content: "";
    top: -6px;
    left: 0;

    height: 28px;
    width: 50px;

    background: #3caedd;

    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;

    z-index: -1;
}


.dnc-services-heading h2 {
    max-width: 750px;
    margin: 0 0 20px;

    color: #02386e;

    font-size: clamp(36px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 600;
}

.dnc-services-heading h2 span {
    color: #139fdb;
}


.dnc-mainpara {
    max-width: 680px;
    margin: 0;

    color: #657985;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   TWO COLUMN LAYOUT
========================================= */

.dnc-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}


/* =========================================
   SERVICE COLUMN
========================================= */

.dnc-service-column {
    position: relative;

    padding: 38px;

    background: #f3f8fc;

    border: 1px solid #dde8ef;
    border-radius: 12px;

    transition: all .25s ease;
}

.dnc-service-column:hover {
    transform: translateY(-5px);

    box-shadow: 0 18px 45px rgba(2, 56, 110, 0.12);
}


/* =========================================
   SERVICE HEADER
========================================= */

.dnc-service-header {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    margin-bottom: 30px;
}


.dnc-service-icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #02386e;
    color: #ffffff;

    border-radius: 50%;

    font-size: 24px;
    font-weight: 600;
}


.dnc-service-header h3 {
    margin: 2px 0 8px;

    color: #02386e;

    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================
   SUB PARA
========================================= */

.dnc-subpara {
    max-width: 430px;

    margin: 0;

    color: #657985;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   SERVICE LIST
========================================= */

.dnc-service-list {
    display: flex;
    flex-direction: column;

    border-top: 1px solid #dce7ee;
}


/* =========================================
   SERVICE ITEM
========================================= */

.dnc-service-item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 17px 4px;

    color: #183247;

    border-bottom: 1px solid #dce7ee;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    transition: all .25s ease;
}


.dnc-service-item b {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    background: #ffffff;
    color: #139fdb;

    border-radius: 50%;

    font-size: 16px;

    transition: all .25s ease;
}


.dnc-service-item:hover {
    padding-left: 10px;

    color: #02386e;
}


.dnc-service-item:hover b {
    background: #139fdb;
    color: #ffffff;

    transform: translateX(4px);
}


/* =========================================
   COMMERCIAL COLUMN
========================================= */

.dnc-commercial {
    background: #02386e;
    border-color: #02386e;
}


.dnc-commercial .dnc-service-icon {
    background: #139fdb;
}


.dnc-commercial .dnc-service-header h3 {
    color: #ffffff;
}


.dnc-commercial .dnc-subpara {
    color: rgba(255, 255, 255, .75);
}


.dnc-commercial .dnc-service-list {
    border-color: rgba(255, 255, 255, .15);
}


.dnc-commercial .dnc-service-item {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .15);
}


.dnc-commercial .dnc-service-item b {
    background: rgba(255, 255, 255, .1);
    color: #55bce8;
}


.dnc-commercial .dnc-service-item:hover {
    color: #55bce8;
}


.dnc-commercial .dnc-service-item:hover b {
    background: #139fdb;
    color: #ffffff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .dnc-services-section {
        padding: 75px 20px;
    }

    .dnc-services-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .dnc-service-column {
        padding: 32px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-services-section {
        padding: 60px 18px;
    }

    .dnc-services-heading {
        margin-bottom: 35px;
    }

    .dnc-services-heading h2 {
        font-size: 36px;
    }

    .dnc-mainpara {
        font-size: 15px;
    }

    .dnc-service-column {
        padding: 25px 20px;
        border-radius: 9px;
    }

    .dnc-service-header {
        gap: 13px;
        margin-bottom: 25px;
    }

    .dnc-service-icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .dnc-service-header h3 {
        font-size: 21px;
    }

    .dnc-subpara {
        font-size: 14px;
    }

    .dnc-service-item {
        padding: 15px 2px;
        font-size: 14px;
    }
}


/* =========================================
   ALL SERVICES SECTION
========================================= */

.dnc-all-services {
    position: relative;
    padding: 110px 20px;

    background: #f3f8fc;

    overflow: hidden;
}


/* Decorative background */

.dnc-all-services::before {
    position: absolute;
    content: "";

    width: 420px;
    height: 420px;

    top: -220px;
    right: -120px;

    background: rgba(19, 159, 219, .07);

    border-radius: 50%;
}

.dnc-all-services::after {
    position: absolute;
    content: "";

    width: 280px;
    height: 280px;

    bottom: -160px;
    left: -100px;

    background: rgba(2, 56, 110, .04);

    border-radius: 50%;
}


.dnc-all-services-container {
    position: relative;
    z-index: 1;

    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================
   HEADING
========================================= */

.dnc-all-services-heading {
    max-width: 780px;

    margin: 0 auto 60px;

    text-align: center;
}


.dnc-section-label {
    position: relative;

    display: inline-block;

    margin-bottom: 20px;
    padding-left: 8px;

    color: #02386e;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .18em;

    z-index: 1;
}


.dnc-section-label::after {
    position: absolute;
    content: "";

    top: -6px;
    left: 0;

    height: 28px;
    width: 50px;

    background: #3caedd;

    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;

    z-index: -1;
}


.dnc-all-services-heading h2 {
    margin: 0 0 20px;

    color: #02386e;

    font-size: clamp(36px, 4vw, 48px);

    line-height: 1.08;

    letter-spacing: -1.8px;

    font-weight: 600;
}


.dnc-all-services-heading h2 span {
    color: #139fdb;
}


.dnc-services-intro {
    max-width: 700px;

    margin: 0 auto;

    color: #657985;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   SERVICES GRID
========================================= */

.dnc-services-cards {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;
}


/* =========================================
   SERVICE CARD
========================================= */

.dnc-service-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 365px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #dde8ef;

    border-radius: 10px;

    box-shadow: 0 8px 25px rgba(2, 56, 110, .05);

    transition: all .25s ease;

    overflow: hidden;
}


.dnc-service-card::before {
    position: absolute;
    content: "";

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: #139fdb;

    transition: all .3s ease;
}


.dnc-service-card:hover {
    transform: translateY(-7px);

    border-color: rgba(19, 159, 219, .35);

    box-shadow: 0 18px 45px rgba(2, 56, 110, .12);
}


.dnc-service-card:hover::before {
    width: 100%;
}


/* =========================================
   CARD TOP
========================================= */

.dnc-service-card-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 25px;
}


.dnc-service-number {
    color: #a7bac7;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: .12em;
}


.dnc-service-card-icon {
    width: 46px;
    height: 46px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: rgba(19, 159, 219, .10);

    color: #139fdb;

    border-radius: 50%;

    font-size: 20px;

    font-weight: 700;

    transition: all .25s ease;
}


.dnc-service-card:hover .dnc-service-card-icon {
    background: #139fdb;

    color: #ffffff;

    transform: rotate(8deg);
}


/* =========================================
   CARD CONTENT
========================================= */

.dnc-service-card h3 {
    margin: 0 0 13px;

    color: #02386e;

    font-size: 21px;

    line-height: 1.25;

    font-weight: 700;
}


.dnc-service-card p {
    margin: 0;

    color: #657985;

     font-size: 16px;

    line-height: 1.75;
}


/* =========================================
   CARD LINK
========================================= */

.dnc-service-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: auto;
    padding-top: 22px;

    color: #02386e;

       font-size: 16px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}


.dnc-service-link span {
    color: #139fdb;

    font-size: 18px;

    transition: all .25s ease;
}


.dnc-service-link:hover {
    color: #139fdb;
}


.dnc-service-link:hover span {
    transform: translateX(5px);
}


/* =========================================
   CTA
========================================= */

.dnc-services-cta {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 60px;

    padding: 35px 40px;

    background: #02386e;

    border-radius: 10px;

    box-shadow: 0 18px 45px rgba(2, 56, 110, .15);
}


.dnc-services-cta span {
    color: #55bce8;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .18em;
}


.dnc-services-cta h3 {
    margin: 7px 0 0;

    color: #ffffff;

    font-size: 24px;

    line-height: 1.3;

    font-weight: 600;
}


/* =========================================
   CTA BUTTON
========================================= */

.dnc-cta-button {
    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 15px 23px;

    background: #139fdb;

    color: #ffffff;

    border-radius: 5px;

    font-size: 14px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}


.dnc-cta-button span {
    color: #ffffff;

    font-size: 18px;

    letter-spacing: 0;

    transition: all .25s ease;
}


.dnc-cta-button:hover {
    background: #55bce8;

    transform: translateY(-2px);
}


.dnc-cta-button:hover span {
    transform: translateX(4px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .dnc-services-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .dnc-services-cta {
        padding: 30px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .dnc-all-services {
        padding: 70px 18px;
    }

    .dnc-all-services-heading {
        margin-bottom: 40px;
    }

    .dnc-all-services-heading h2 {
        font-size: 36px;
    }

    .dnc-services-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .dnc-services-cards {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .dnc-service-card {
        min-height: 330px;

        padding: 25px;
    }

    .dnc-service-card h3 {
        font-size: 20px;
    }

    .dnc-service-card p {
        font-size: 14px;
    }

    .dnc-services-cta {
        flex-direction: column;

        align-items: flex-start;

        margin-top: 40px;

        padding: 28px 23px;
    }

    .dnc-services-cta h3 {
        font-size: 21px;
    }

    .dnc-cta-button {
        width: 100%;

        justify-content: center;
    }
}


/* =========================================
   REGULAR CLEANING SECTION
========================================= */

.dnc-regular-section {
    position: relative;

    padding: 110px 20px;

    background: #ffffff;

    overflow: hidden;
}


/* Background decoration */

.dnc-regular-section::before {
    position: absolute;
    content: "";

    width: 400px;
    height: 400px;

    top: -200px;
    left: -150px;

    background: rgba(19, 159, 219, .055);

    border-radius: 50%;
}


.dnc-regular-section::after {
    position: absolute;
    content: "";

    width: 250px;
    height: 250px;

    right: -100px;
    bottom: -130px;

    background: rgba(2, 56, 110, .045);

    border-radius: 50%;
}


.dnc-regular-container {
    position: relative;

    z-index: 1;

    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================
   SECTION HEADING
========================================= */

.dnc-regular-heading {
    max-width: 760px;

    margin: 0 auto 60px;

    text-align: center;
}


.dnc-section-label {
    position: relative;

    display: inline-block;

    margin-bottom: 20px;

    padding-left: 8px;

    color: #02386e;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .18em;

    z-index: 1;
}


.dnc-section-label::after {
    position: absolute;

    content: "";

    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;

    z-index: -1;
}


.dnc-regular-heading h2 {
    margin: 0 0 20px;

    color: #02386e;

    font-size: clamp(36px, 4vw, 48px);

    line-height: 1.08;

    letter-spacing: -1.8px;

    font-weight: 600;
}


.dnc-regular-heading h2 span {
    color: #139fdb;
}


.dnc-mainpara {
    max-width: 700px;

    margin: 0 auto;

    color: #657985;

    font-size: 16px;

    line-height: 1.8;
    margin: 0;
}


/* =========================================
   ROUTINE GRID
========================================= */

.dnc-regular-grid {
    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 24px;

    max-width: 1080px;

    margin: 0 auto;
}


/* First 3 cards */

.dnc-routine-card:nth-child(1),
.dnc-routine-card:nth-child(2),
.dnc-routine-card:nth-child(3) {
    grid-column: span 2;
}


/* Last 2 cards */

.dnc-routine-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.dnc-routine-card:nth-child(5) {
    grid-column: 4 / span 2;
}


/* =========================================
   ROUTINE CARD
========================================= */

.dnc-routine-card {
    position: relative;

    display: flex;

    flex-direction: column;

      min-height: auto;

    padding: 30px;

    background: #f3f8fc;

    border: 1px solid #dde8ef;

    border-radius: 10px;

    overflow: hidden;

    transition: all .25s ease;
}


.dnc-routine-card::before {
    position: absolute;

    content: "";

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: #139fdb;

    transition: all .3s ease;
}


.dnc-routine-card:hover {
    transform: translateY(-7px);

    background: #ffffff;

    border-color: rgba(19, 159, 219, .35);

    box-shadow: 0 18px 45px rgba(2, 56, 110, .12);
}


.dnc-routine-card:hover::before {
    width: 100%;
}


/* =========================================
   CARD TOP
========================================= */

.dnc-routine-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 28px;
}


.dnc-routine-number {
    color: #a6b8c5;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .15em;
}


.dnc-routine-icon {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(19, 159, 219, .10);

    color: #139fdb;

    border-radius: 50%;

    font-size: 14px;

    font-weight: 800;

    transition: all .25s ease;
}


.dnc-routine-card:hover .dnc-routine-icon {
    background: #139fdb;

    color: #ffffff;

    transform: scale(1.08);
}


/* =========================================
   CARD CONTENT
========================================= */

.dnc-routine-card h3 {
    margin: 0 0 13px;

    color: #02386e;

    font-size: 21px;

    line-height: 1.25;

    font-weight: 700;
}


.dnc-routine-card p {
    margin: 0;

    color: #657985;

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================
   CARD BOTTOM
========================================= */

.dnc-routine-line {
    width: 35px;

    height: 2px;

    margin-top: auto;
    margin-bottom: 14px;

    background: #139fdb;
}


.dnc-routine-label {
    color: #02386e;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .14em;
}


/* =========================================
   FEATURED CARD
========================================= */

.dnc-routine-featured {
    background: #02386e;

    border-color: #02386e;

    box-shadow: 0 15px 40px rgba(2, 56, 110, .15);
}


.dnc-routine-featured .dnc-routine-number {
    color: rgba(255, 255, 255, .45);
}


.dnc-routine-featured .dnc-routine-icon {
    background: #139fdb;

    color: #ffffff;
}


.dnc-routine-featured h3 {
    color: #ffffff;
}


.dnc-routine-featured p {
    color: rgba(255, 255, 255, .72);
}


.dnc-routine-featured .dnc-routine-label {
    color: #55bce8;
}


.dnc-routine-featured:hover {
    background: #012a52;

    border-color: #012a52;
}


/* =========================================
   CTA
========================================= */

.dnc-routine-cta {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    max-width: 1080px;

    margin: 55px auto 0;

    padding: 32px 38px;

    background: #02386e;

    border-radius: 10px;

    box-shadow: 0 18px 45px rgba(2, 56, 110, .15);
}


.dnc-routine-cta-content span {
    color: #55bce8;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .18em;
}


.dnc-routine-cta-content h3 {
    margin: 7px 0 0;

    color: #ffffff;

    font-size: 23px;

    line-height: 1.3;

    font-weight: 600;
}


/* =========================================
   CTA BUTTON
========================================= */

.dnc-routine-btn {
    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 15px 24px;

    background: #139fdb;

    color: #ffffff;

    border-radius: 5px;

    font-size: 14px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}


.dnc-routine-btn b {
    font-size: 18px;

    transition: all .25s ease;
}


.dnc-routine-btn:hover {
    background: #55bce8;

    transform: translateY(-2px);
}


.dnc-routine-btn:hover b {
    transform: translateX(4px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .dnc-regular-section {
        padding: 80px 20px;
    }

    .dnc-regular-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dnc-routine-card:nth-child(1),
    .dnc-routine-card:nth-child(2),
    .dnc-routine-card:nth-child(3),
    .dnc-routine-card:nth-child(4),
    .dnc-routine-card:nth-child(5) {
        grid-column: auto;
    }

    .dnc-routine-card {
        min-height: 300px;
    }

    .dnc-routine-cta {
        padding: 30px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-regular-section {
        padding: 65px 18px;
    }

    .dnc-regular-heading {
        margin-bottom: 40px;
    }

    .dnc-regular-heading h2 {
        font-size: 36px;
    }

    .dnc-mainpara {
        font-size: 15px;
    }

    .dnc-regular-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .dnc-routine-card {
        min-height: 290px;

        padding: 25px;
    }

    .dnc-routine-card h3 {
        font-size: 20px;
    }

    .dnc-routine-card p {
        font-size: 14px;
    }

    .dnc-routine-cta {
        flex-direction: column;

        align-items: flex-start;

        margin-top: 40px;

        padding: 28px 23px;
    }

    .dnc-routine-cta-content h3 {
        font-size: 20px;
    }

    .dnc-routine-btn {
        width: 100%;
    }
}

.dnc-process {
    width: 100%;
    padding: 100px 20px;
    background: #f3f8fc;
    overflow: hidden;
}

.dnc-process-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.dnc-process-header {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.dnc-process .dnc-section-label {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 8px;
    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.dnc-process .dnc-section-label::after {
    position: absolute;
    content: "";
    top: -6px;
    left: 0;
    width: 50px;
    height: 28px;
    background: #3caedd;
    border-radius: 0 30px 30px 0;
    z-index: -1;
}

.dnc-process-header h2 {
    margin: 0 0 20px;
    color: #02386e;
    font-size: clamp(36px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 600;
}

.dnc-process-header h2 span {
    color: #139fdb;
}

.dnc-process-header p {
    margin: 0;
    color: #657985;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   PROCESS GRID
========================================= */

.dnc-process-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================
   PROCESS BOX
========================================= */

.dnc-process-box {
    min-width: 0;
    padding: 28px 22px;
    background: #ffffff;
    border: 1px solid #dde8ef;
    border-radius: 10px;
    text-align: center;
    transition: all .25s ease;
}

.dnc-process-box:hover {
    transform: translateY(-5px);
    border-color: #139fdb;
    box-shadow: 0 15px 35px rgba(2, 56, 110, .10);
}


/* =========================================
   NUMBER
========================================= */

.dnc-process-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #02386e;
    border-radius: 50%;
}

.dnc-process-icon span {
    color: #139FDB;
    font-size: 13px;
    font-weight: 800;
}


/* =========================================
   CONTENT
========================================= */

.dnc-process-text h3 {
    margin: 0 0 10px;
    color: #02386e;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}

.dnc-process-text p {
    margin: 0;
    color: #657985;
    font-size: 13px;
    line-height: 1.7;
}


/* =========================================
   FOOTER CTA
========================================= */

.dnc-process-footer {
    width: 100%;
    margin-top: 35px;
    padding: 28px 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    background: #02386e;
    border-radius: 10px;
}

.dnc-process-footer small {
    color: #55bce8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
}

.dnc-process-footer h3 {
    margin: 6px 0 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

.dnc-process-footer a {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 14px 22px;

    background: #139fdb;
    color: #ffffff;

    border-radius: 5px;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}

.dnc-process-footer a span {
    font-size: 18px;
    transition: all .25s ease;
}

.dnc-process-footer a:hover {
    background: #55bce8;
}

.dnc-process-footer a:hover span {
    transform: translateX(4px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .dnc-process {
        padding: 80px 20px;
    }

    .dnc-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .dnc-process-box {
        padding: 28px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-process {
        padding: 65px 16px;
    }

    .dnc-process-header {
        margin-bottom: 35px;
    }

    .dnc-process-header h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .dnc-process-header p {
        font-size: 15px;
        line-height: 1.7;
    }

    .dnc-process-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .dnc-process-box {
        display: flex;
        align-items: flex-start;
        text-align: left;
        gap: 16px;
        padding: 22px;
    }

    .dnc-process-icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        margin: 0;
    }

    .dnc-process-text {
        min-width: 0;
    }

    .dnc-process-text h3 {
        font-size: 17px;
        margin-bottom: 6px;
    }

    .dnc-process-text p {
        font-size: 13px;
    }

    .dnc-process-footer {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px 20px;
        margin-top: 25px;
    }

    .dnc-process-footer h3 {
        font-size: 20px;
    }

    .dnc-process-footer a {
        width: 100%;
    }

}
/* =========================================
   SERVICE AREAS
========================================= */

.dnc-areas {
    width: 100%;
    padding: 100px 20px;
    background: #ffffff;
    overflow: hidden;
}

.dnc-areas-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;

    align-items: center;
}


/* =========================================
   CONTENT
========================================= */

.dnc-areas-content {
    min-width: 0;
}

.dnc-areas .dnc-section-label {
    position: relative;
    display: inline-block;

    margin-bottom: 20px;
    padding-left: 8px;

    color: #02386e;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .18em;

    z-index: 1;
}

.dnc-areas .dnc-section-label::after {
    position: absolute;
    content: "";

    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.dnc-areas-content h2 {
    margin: 0 0 20px;

    color: #02386e;

    font-size: clamp(38px, 4vw, 52px);

    line-height: 1.05;

    letter-spacing: -2px;

    font-weight: 600;
}

.dnc-areas-content h2 span {
    color: #139fdb;
}

.dnc-areas-content p {
    max-width: 470px;

    margin: 0 0 30px;

    color: #657985;

       font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   MAIN BUTTON
========================================= */

.dnc-areas-main-btn {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 22px;

    background: #02386e;

    color: #ffffff;

    border-radius: 5px;

       font-size: 16px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}

.dnc-areas-main-btn span {
    color: #55bce8;

    font-size: 18px;

    transition: all .25s ease;
}

.dnc-areas-main-btn:hover {
    background: #012a52;

    transform: translateY(-2px);
}

.dnc-areas-main-btn:hover span {
    transform: translateX(4px);
}


/* =========================================
   LOCATION GRID
========================================= */

.dnc-areas-list {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;
}


/* =========================================
   LOCATION ITEM
========================================= */

.dnc-area-item {
    min-width: 0;

    display: flex;

    align-items: center;

    gap: 14px;

    min-height: 64px;

    padding: 16px 18px;

    background: #f3f8fc;

    border: 1px solid #dde8ef;

    border-radius: 7px;

    color: #02386e;

       font-size: 16px;


    font-weight: 700;

    transition: all .25s ease;
}

.dnc-area-item:hover {
    background: #02386e;

    border-color: #02386e;

    color: #ffffff;

    transform: translateX(4px);

    box-shadow: 0 8px 20px rgba(2, 56, 110, .10);
}


/* =========================================
   LOCATION DOT
========================================= */

.dnc-area-pin {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;
    justify-content: center;

     font-size: 16px;

    color: #139fdb;

    border-radius: 50%;


    transition: all .25s ease;
}

.dnc-area-item:hover .dnc-area-pin {
    background: #139fdb;

    color: #ffffff;
}


/* =========================================
   BOTTOM CTA
========================================= */

.dnc-areas-cta {
    width: 100%;
    max-width: 1180px;

    margin: 60px auto 0;

    padding: 30px 35px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    background: #02386e;

    border-radius: 10px;

    box-shadow: 0 18px 40px rgba(2, 56, 110, .14);
}

.dnc-areas-cta small {
    color: #55bce8;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .16em;
}

.dnc-areas-cta h3 {
    margin: 6px 0 0;

    color: #ffffff;

    font-size: 22px;

    line-height: 1.3;

    font-weight: 600;
}

.dnc-areas-cta a {
    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 14px 23px;

    background: #139fdb;

    color: #ffffff;

    border-radius: 5px;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}

.dnc-areas-cta a span {
    font-size: 18px;

    transition: all .25s ease;
}

.dnc-areas-cta a:hover {
    background: #55bce8;
}

.dnc-areas-cta a:hover span {
    transform: translateX(4px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .dnc-areas {
        padding: 80px 20px;
    }

    .dnc-areas-wrap {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .dnc-areas-content {
        text-align: center;
    }

    .dnc-areas-content p {
        margin-left: auto;
        margin-right: auto;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-areas {
        padding: 65px 16px;
    }

    .dnc-areas-content h2 {
        font-size: 38px;

        letter-spacing: -1px;
    }

    .dnc-areas-content p {
        font-size: 14px;
    }

    .dnc-areas-list {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .dnc-area-item {
        min-height: 58px;

        padding: 13px 15px;
    }

    .dnc-areas-cta {
        flex-direction: column;

        align-items: flex-start;

        margin-top: 40px;

        padding: 25px 20px;
    }

    .dnc-areas-cta h3 {
        font-size: 20px;
    }

    .dnc-areas-cta a {
        width: 100%;
    }
}


.dnc-reviews {
    width: 100%;
    padding: 105px 20px;
    background: #f3f8fc;
    overflow: hidden;
}

.dnc-reviews-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.dnc-reviews-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.dnc-reviews .dnc-section-label {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 8px;

    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.dnc-reviews .dnc-section-label::after {
    position: absolute;
    content: "";

    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.dnc-reviews-header h2 {
    margin: 0 0 8px;

    color: #02386e;

    font-size: clamp(35px, 4vw, 48px);

    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 600;
}

.dnc-reviews-header h3 {
    margin: 0 0 22px;

    color: #02386e;

    font-size: 24px;
    font-weight: 600;
}

.dnc-reviews-header h3 span {
    color: #139fdb;
}

.dnc-reviews-header p {
    max-width: 680px;

    margin: 0 auto 8px;

    color: #657985;

     font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   SLIDER
========================================= */

.dnc-review-slider {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
}


.dnc-slider-window {
    width: 100%;

    overflow: hidden;
}


.dnc-slider-track {
    display: flex;

    width: 100%;

    transition: transform .55s cubic-bezier(.4, 0, .2, 1);
}


.dnc-review-slide {
    flex: 0 0 33.333333%;

    min-width: 0;

    padding: 0 9px;
}


/* =========================================
   REVIEW CARD
========================================= */

.dnc-review-card {
    height: 100%;
    min-height: 255px;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #dde8ef;

    border-radius: 9px;

    transition: all .25s ease;
}

.dnc-review-card:hover {
    border-color: rgba(19, 159, 219, .35);

    box-shadow: 0 15px 35px rgba(2, 56, 110, .09);
}


/* =========================================
   CARD TOP
========================================= */

.dnc-review-card-top {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 17px;
}

.dnc-review-avatar {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #dceff7;

    color: #02386e;

    border-radius: 50%;

    font-size: 14px;
    font-weight: 800;
}

.dnc-review-card-top h4 {
    margin: 0;

    color: #02386e;

    font-size: 16px;
    font-weight: 800;
}

.dnc-review-card-top small {
    color: #8a9ca7;

       font-size: 14px;

}

.dnc-review-google {
    margin-left: auto;

    color: #4285f4;

    font-size: 18px;
    font-weight: 800;
}


/* =========================================
   STARS
========================================= */

.dnc-review-stars {
    margin-bottom: 15px;

    color: #139fdb;

    font-size: 15px;

    letter-spacing: 2px;
}


/* =========================================
   REVIEW TEXT
========================================= */

.dnc-review-card p {
    margin: 0;

    color: #657985;

      font-size: 16px;

    line-height: 1.75;
}


/* =========================================
   SLIDER ARROWS
========================================= */

.dnc-slider-arrow {
    position: relative;

    flex: 0 0 46px;

    width: 46px;
    height: 46px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 1px solid #dde8ef;

    color: #02386e;

    border-radius: 50%;

    font-size: 18px;

    cursor: pointer;

    z-index: 3;

    transition: all .25s ease;
}

.dnc-slider-prev {
    margin-right: 12px;
}

.dnc-slider-next {
    margin-left: 12px;
}

.dnc-slider-arrow:hover {
    background: #139fdb;

    border-color: #139fdb;

    color: #ffffff;

    box-shadow: 0 8px 20px rgba(19, 159, 219, .2);
}


/* =========================================
   DOTS
========================================= */

.dnc-slider-dots {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 28px;
}

.dnc-slider-dot {
    width: 7px;
    height: 7px;

    padding: 0;

    background: #c4d6df;

    border: 0;

    border-radius: 50%;

    cursor: pointer;

    transition: all .25s ease;
}

.dnc-slider-dot.active {
    width: 25px;

    background: #139fdb;

    border-radius: 10px;
}


/* =========================================
   GOOGLE CTA
========================================= */

.dnc-google-cta {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-top: 38px;

    padding: 22px 28px;

    background: #02386e;

    border-radius: 9px;

    box-shadow: 0 15px 35px rgba(2, 56, 110, .13);
}
.dnc-google-cta span{
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.dnc-google-rating {
    display: flex;

    align-items: center;

    gap: 12px;
}

.dnc-google-logo {
    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #ffffff;

    color: #4285f4;

    border-radius: 50%;

    font-size: 22px;
    font-weight: 800;
}

.dnc-google-rating strong {
    display: block;

    color: #ffffff;
    font-size: 16px;
}

.dnc-google-stars {
    margin-top: 3px;

    color: #55bce8;

    font-size: 13px;

    letter-spacing: 1px;
}

.dnc-google-stars span {
    margin-left: 5px;

    color: #ffffff;

    font-size: 12px;
}

.dnc-google-cta > a {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 13px 20px;

    background: #139fdb;

    color: #ffffff;

    border-radius: 5px;

    font-size: 16px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}

.dnc-google-cta > a:hover {
    background: #55bce8;
}

.dnc-google-cta > a span {
    font-size: 16px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    .dnc-reviews {
        padding: 80px 20px;
    }

    .dnc-review-slide {
        flex: 0 0 50%;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .dnc-reviews {
        padding: 65px 16px;
    }

    .dnc-reviews-header {
        margin-bottom: 40px;
    }

    .dnc-reviews-header h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .dnc-reviews-header h3 {
        font-size: 21px;
    }

    .dnc-reviews-header p {
        font-size: 14px;
    }


    .dnc-review-slide {
        flex: 0 0 100%;

        padding: 0;
    }


    .dnc-slider-arrow {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        font-size: 15px;
    }

    .dnc-slider-prev {
        margin-right: 7px;
    }

    .dnc-slider-next {
        margin-left: 7px;
    }


    .dnc-review-card {
        min-height: 245px;

        padding: 24px;
    }


    .dnc-google-cta {
        flex-direction: column;

        align-items: flex-start;

        padding: 22px 20px;
    }

    .dnc-google-cta > a {
        width: 100%;

        justify-content: center;
    }

}

/* =========================================
   FULL WIDTH FINAL CTA
========================================= */

.dnc-final-cta {
    position: relative;

    width: 100%;
    max-width: 100%;

    padding: 110px 20px;

    background: #02386e;

    overflow: hidden;
}


/* Decorative background glow */

.dnc-final-cta::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -220px;
    left: -160px;

    background: rgba(19, 159, 219, .15);

    border-radius: 50%;

    pointer-events: none;
}

.dnc-final-cta::after {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    right: -180px;
    bottom: -220px;

    background: rgba(85, 188, 232, .12);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================
   INNER
========================================= */

.dnc-final-cta-inner {
    position: relative;

    width: 100%;
    max-width: 820px;

    margin: 0 auto;

    text-align: center;

    z-index: 1;
}


/* =========================================
   LABEL
========================================= */

.dnc-final-cta-label {
    display: inline-block;

    margin-bottom: 20px;

    color: #55bce8;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .2em;
}


/* =========================================
   HEADING
========================================= */

.dnc-final-cta h2 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: clamp(40px, 5vw, 62px);

    line-height: 1.05;

    letter-spacing: -2.5px;

    font-weight: 600;
}

.dnc-final-cta h2 span {
    color: #55bce8;
}


/* =========================================
   SUB HEADING
========================================= */

.dnc-final-cta h3 {
    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(20px, 2.2vw, 27px);

    line-height: 1.3;

    font-weight: 500;
}


/* =========================================
   DESCRIPTION
========================================= */

.dnc-final-cta p {
    max-width: 720px;

    margin: 0 auto;

    color: rgba(255, 255, 255, .72);

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================
   BUTTONS
========================================= */

.dnc-final-cta-buttons {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-top: 35px;
}

.dnc-final-cta-buttons a {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-width: 155px;

    padding: 15px 24px;

    border-radius: 5px;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}


/* Primary */

.dnc-cta-primary {
    background: #139fdb;

    color: #ffffff;
}

.dnc-cta-primary span {
    font-size: 18px;

    transition: transform .25s ease;
}

.dnc-cta-primary:hover {
    background: #55bce8;

    transform: translateY(-2px);
}

.dnc-cta-primary:hover span {
    transform: translateX(4px);
}


/* Secondary */

.dnc-cta-secondary {
    background: transparent;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .35);
}

.dnc-cta-secondary span {
    color: #55bce8;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dnc-cta-secondary:hover {
    background: #ffffff;

    border-color: #ffffff;

    color: #02386e;

    transform: translateY(-2px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 768px) {

    .dnc-final-cta {
        padding: 85px 20px;
    }

    .dnc-final-cta h2 {
        letter-spacing: -1.5px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-final-cta {
        padding: 70px 16px;
    }

    .dnc-final-cta h2 {
        font-size: 38px;

        letter-spacing: -1px;
    }

    .dnc-final-cta h3 {
        font-size: 20px;
    }

    .dnc-final-cta p {
        font-size: 14px;

        line-height: 1.75;
    }

    .dnc-final-cta-buttons {
        flex-direction: column;

        width: 100%;

        margin-top: 30px;
    }

    .dnc-final-cta-buttons a {
        width: 100%;

        max-width: 320px;
    }

}
.dnc-faq {
    width: 100%;
    padding: 100px 20px;
    background: #f3f8fc;
    box-sizing: border-box;
    overflow: hidden;
}

.dnc-faq *,
.dnc-faq *::before,
.dnc-faq *::after {
    box-sizing: border-box;
}

.dnc-faq-wrap {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}


/* ================================
   HEADER
================================ */

.dnc-faq-header {
    text-align: center;
    margin-bottom: 50px;
}

.dnc-faq .dnc-section-label {
    position: relative;
    display: inline-block;

    margin-bottom: 20px;
    padding-left: 8px;

    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.dnc-faq .dnc-section-label::after {
    content: "";

    position: absolute;

    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.dnc-faq-header h2 {
    margin: 0 0 18px;

    color: #02386e;

    font-family: "Nunito", sans-serif;

    font-size: clamp(38px, 5vw, 52px);
    line-height: 1.05;

    letter-spacing: -2px;

    font-weight: 600;
}

.dnc-faq-header h2 span {
    color: #139fdb;
}

.dnc-faq-header p {
    max-width: 650px;

    margin: 0 auto;

    color: #657985;

    font-family: "Nunito", sans-serif;

       font-size: 16px;
    line-height: 1.8;
}


/* ================================
   FAQ LIST
================================ */

.dnc-faq-list {
    width: 100%;
}


/* ================================
   FAQ ITEM
================================ */

.dnc-faq-item {
    width: 100%;

    margin-bottom: 12px;

    background: #ffffff;

    border: 1px solid #dde8ef;

    border-radius: 8px;

    overflow: hidden;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.dnc-faq-item.active {
    border-color: #139fdb;

    box-shadow:
        0 12px 30px rgba(2, 56, 110, .08);
}


/* ================================
   QUESTION
================================ */

.dnc-faq-question {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;

    min-height: 75px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 20px 24px;

    margin: 0;

    background: #ffffff;

    border: 0;
    outline: none;

    color: #02386e;

    font-family: "Nunito", sans-serif;

      font-size: 16px;


    line-height: 1.4;

    font-weight: 800;

    text-align: left;

    cursor: pointer;
}

.dnc-faq-question:hover {
    color: #139fdb;
}


/* ================================
   PLUS ICON
================================ */

.dnc-faq-icon {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #e8f5fa;

    color: #139fdb;

    border-radius: 50%;

    font-size: 21px;

    font-weight: 400;

    line-height: 1;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.dnc-faq-item.active .dnc-faq-icon {
    background: #139fdb;

    color: #ffffff;

    transform: rotate(45deg);
}


/* ================================
   ANSWER
================================ */

.dnc-faq-answer {
    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition:
        max-height .4s ease,
        opacity .3s ease;
}

.dnc-faq-answer p {
    margin: 0;

    padding: 0 24px 24px;

    color: #657985;

    font-family: "Nunito", sans-serif;

    font-size: 16px;

    line-height: 1.8;
}


/* ================================
   ACTIVE ANSWER
================================ */

.dnc-faq-item.active .dnc-faq-answer {
    max-height: 500px;

    opacity: 1;
}


/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

    .dnc-faq {
        padding: 70px 16px;
    }

    .dnc-faq-header {
        margin-bottom: 35px;
    }

    .dnc-faq-header h2 {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .dnc-faq-header p {
        font-size: 14px;
    }

    .dnc-faq-item {
        margin-bottom: 10px;
    }

    .dnc-faq-question {
        min-height: 68px;

        padding: 17px;

        font-size: 13px;
    }

    .dnc-faq-icon {
        flex: 0 0 29px;

        width: 29px;
        height: 29px;

        font-size: 19px;
    }

    .dnc-faq-answer p {
        padding: 0 17px 20px;

        font-size: 13px;
        line-height: 1.75;
    }

}
.dnc-footer {
    width: 100%;
    max-width: 100%;

    background: #012a52;

    color: #ffffff;

    font-family: "Nunito", sans-serif;

    overflow: hidden;
}


/* =========================================
   MAIN FOOTER
========================================= */

.dnc-footer-main {
    width: 100%;

    padding: 80px 20px 70px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(19, 159, 219, .12),
            transparent 30%
        ),
        #012a52;
}

.dnc-footer-container {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.5fr
        .75fr
        .95fr
        1.05fr;

    gap: 55px;
}


/* =========================================
   LOGO
========================================= */

.dnc-footer-logo {
    display: inline-block;

    margin-bottom: 20px;

    color: #ffffff;

    font-size: 25px;

    font-weight: 800;

    letter-spacing: -.8px;

    text-decoration: none;
}

.dnc-footer-logo span {
    color: #55bce8;
}


/* =========================================
   BRAND TEXT
========================================= */

.dnc-footer-brand > p {
    max-width: 330px;

    margin: 0 0 25px;

    color: rgba(255, 255, 255, .65);

      font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   CONTACT
========================================= */

.dnc-footer-contact {
    display: flex;

    flex-direction: column;

    gap: 13px;
}

.dnc-footer-contact a {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    color: rgba(255, 255, 255, .75);

    font-size: 13px;

    line-height: 1.5;

    text-decoration: none;

    transition: color .25s ease;
}

.dnc-footer-contact a:hover {
    color: #55bce8;
}

.dnc-contact-icon {
    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-top: -2px;

    background: rgba(19, 159, 219, .15);

    color: #55bce8;

    border-radius: 50%;

    font-size: 13px;
}


/* =========================================
   FOOTER HEADINGS
========================================= */

.dnc-footer-links h3,
.dnc-footer-cta h3 {
    margin: 0 0 22px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 700;
}

.dnc-footer-links h3::after {
    content: "";

    display: block;

    width: 30px;
    height: 2px;

    margin-top: 9px;

    background: #139fdb;
}


/* =========================================
   LINKS
========================================= */

.dnc-footer-links ul {
    list-style: none;

    margin: 0;
    padding: 0;
}

.dnc-footer-links li {
    margin-bottom: 11px;
}

.dnc-footer-links a {
    position: relative;

    color: rgba(255, 255, 255, .62);

    font-size: 13px;

    text-decoration: none;

    transition:
        color .25s ease,
        padding-left .25s ease;
}

.dnc-footer-links a:hover {
    padding-left: 5px;

    color: #55bce8;
}


/* =========================================
   CTA
========================================= */

.dnc-footer-small-title {
    display: block;

    margin-bottom: 12px;

    color: #55bce8;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .18em;
}

.dnc-footer-cta h3 {
    margin-bottom: 14px;

    font-size: 26px;

    line-height: 1.15;

    letter-spacing: -.7px;
}

.dnc-footer-cta p {
    margin: 0 0 22px;

    color: rgba(255, 255, 255, .62);

    font-size: 13px;

    line-height: 1.75;
}

.dnc-footer-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 13px 20px;

    background: #139fdb;

    color: #ffffff;

    border-radius: 5px;

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    transition: all .25s ease;
}

.dnc-footer-button:hover {
    background: #55bce8;

    transform: translateY(-2px);
}

.dnc-footer-button span {
    font-size: 17px;

    transition: transform .25s ease;
}

.dnc-footer-button:hover span {
    transform: translateX(4px);
}


/* =========================================
   BOTTOM BAR
========================================= */

.dnc-footer-bottom {
    width: 100%;

    border-top: 1px solid rgba(255, 255, 255, .09);

    background: #011f3d;

    padding: 20px;
}

.dnc-footer-bottom-inner {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}

.dnc-footer-bottom p {
    margin: 0;

    color: rgba(255, 255, 255, .45);

    font-size: 11px;
}

.dnc-footer-bottom-links {
    display: flex;

    gap: 22px;
}

.dnc-footer-bottom-links a {
    color: rgba(255, 255, 255, .45);

    font-size: 11px;

    text-decoration: none;

    transition: color .25s ease;
}

.dnc-footer-bottom-links a:hover {
    color: #55bce8;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    .dnc-footer-container {
        grid-template-columns:
            1.3fr 1fr 1fr;

        gap: 40px;
    }

    .dnc-footer-cta {
        grid-column: 1 / -1;

        padding-top: 20px;

        border-top: 1px solid rgba(255, 255, 255, .08);
    }

    .dnc-footer-cta p {
        max-width: 500px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .dnc-footer-main {
        padding: 60px 20px 45px;
    }

    .dnc-footer-container {
        display: grid;

        grid-template-columns: 1fr;

        gap: 38px;
    }

    .dnc-footer-brand > p {
        max-width: 100%;
    }

    .dnc-footer-cta {
        grid-column: auto;

        padding-top: 0;

        border-top: 0;
    }

    .dnc-footer-cta h3 {
        font-size: 25px;
    }

    .dnc-footer-button {
        width: 100%;
    }

    .dnc-footer-bottom {
        padding: 18px 20px;
    }

    .dnc-footer-bottom-inner {
        flex-direction: column;

        text-align: center;

        gap: 12px;
    }

    .dnc-footer-bottom-links {
        justify-content: center;

        flex-wrap: wrap;

        gap: 12px 18px;
    }

}
@media(max-width:1200px){
    .dnc-faq{
            padding: 80px 20px;
    }
    .dnc-final-cta{
            padding: 80px 20px;
    }
    .dnc-reviews {
    padding: 80px 20px;
}
.dnc-areas {
    padding: 80px 20px;
}
.dnc-regular-section{
        padding: 80px 20px;
}
.dnc-all-services{
        padding: 80px 20px;
}
.dnc-services-section{
        padding: 80px 20px;
}
.dnc-mainpara{
    margin: 0;
}
.dnc-why-section{
        padding: 80px 0;
}
.dnc-about-section{
        padding: 80px 0 80px 0;
}
.intro-section{
        padding: 80px 20px;
}
.dnc-areas-wrap{
        gap: 20px;
}
.dnc-review-card{
    padding: 15px;
}
.dnc-review-card p{
    font-size: 15px;
}
.dnc-why-container{
    gap: 10px;
}
.dnc-about-points{
        gap: 10px 10px;
}
.dnc-service-card{
        min-height: auto;
}
.dnc-footer-cta h3{
        font-size: 20px;
}
}
@media(max-width:991px){
    .dnc-footer-cta h3{
            font-size: 25px;
    }
    .dnc-footer-cta p{
        font-size: 16px;
    }
    .dnc-footer-button{
          font-size: 16px;
    }
  .dnc-about-container{
    display: block;
  }
  .dnc-about-content{
    margin-top: 30px;
  }
  .dnc-intro-section{
    padding: 70px 0;
  }
  .intro-section {
    padding: 70px 20px;
}
.dnc-about-section {
    padding: 70px 0 70px 0;
}
.dnc-why-section {
    padding: 70px 0;
}
.dnc-why-intro{
    margin: 0;
}
.dnc-content-actions {
    margin-top: 10px;
    margin-bottom: 20px;
}
.dnc-services-section {
    padding: 70px 20px;
}
.dnc-all-services {
    padding: 70px 20px;
}
.dnc-regular-section {
    padding: 70px 20px;
}
.dnc-routine-card{
            min-height: auto;
}
.dnc-process {
    padding: 70px 20px;
}
.dnc-areas {
    padding: 70px 20px;
}
.dnc-reviews {
    padding: 70px 20px;
}
.dnc-final-cta {
    padding: 70px 20px;
}
.dnc-faq {
    padding: 70px 20px;
}
}
@media(max-width:767px){
    .dnc-about-point strong {
    font-size: 18px;
}
.dnc-description {
    font-size: 16px;
}
.intro-content p:not(.intro-lead) {
    font-size: 16px;
}
.feature-card p{
        font-size: 16px;
}
.dnc-why-intro {
    font-size: 16px;
}
.dnc-why-card h3 {
    font-size: 18px;
}
.dnc-why-card p {
    font-size: 16px;
}
.dnc-subpara {
    font-size: 16px;
}
.dnc-services-intro{
     font-size: 16px;
}
.dnc-service-card p {
    font-size: 16px;
}
.dnc-routine-card p {
    font-size: 16px;
}
.dnc-process-text p {
    font-size: 16px;
}
.dnc-faq-question {
    font-size: 16px;
}
.dnc-footer-links a{
     font-size: 16px;
}
.dnc-footer-contact a{
    font-size: 16px;
}
}
@media(max-width:575px){
    .btm{
             grid-template-columns: 1fr;
    }
    .dnc-content-actions {
    margin-top: 24px;
    margin-bottom: 0px;
}
}
.dnc-footer-logo img{
    width: 150px;
}


/*/////////////////////////////////////////////////////////////////////////////////// project page css ///////////////////////////////////////////////////*/
.dnc-projects {
    width: 100%;
    padding: 100px 20px;
    background: #ffffff;
    overflow: hidden;
}

.dnc-projects-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.dnc-projects-header {
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.dnc-section-label {
    position: relative;
    display: inline-block;

    margin-bottom: 18px;
    padding-left: 8px;

    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;

    z-index: 1;
}

.dnc-section-label::after {
    content: "";

    position: absolute;
    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.dnc-projects-header h2 {
    margin: 0 0 18px;

    color: #02386e;

    font-size: clamp(36px, 4vw, 48px);

    line-height: 1.08;

    letter-spacing: -1.8px;

    font-weight: 600;
}

.dnc-projects-header h2 span {
    color: #139fdb;
}

.dnc-projects-header p {
    margin: 0;

    color: #657985;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================
   SIMPLE GRID
========================================= */

.dnc-project-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 25px;
}


/* =========================================
   CARD
========================================= */

.dnc-project-card {
    min-width: 0;

    background: #ffffff;

    border: 1px solid #dde8ef;

    border-radius: 8px;

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.dnc-project-card:hover {
    transform: translateY(-5px);

    border-color: #139fdb;

    box-shadow:
        0 15px 35px rgba(2, 56, 110, .10);
}


/* =========================================
   IMAGE
========================================= */

.dnc-project-image {
    width: 100%;

    height: 250px;

    overflow: hidden;

    background: #f3f8fc;
}

.dnc-project-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .4s ease;
}

.dnc-project-card:hover .dnc-project-image img {
    transform: scale(1.04);
}


/* =========================================
   CONTENT
========================================= */

.dnc-project-info {
    padding: 23px 24px 25px;
}

.dnc-project-info span {
    display: block;

    margin-bottom: 8px;

    color: #139fdb;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .14em;
}

.dnc-project-info h3 {
    margin: 0 0 8px;

    color: #02386e;

    font-size: 19px;

    line-height: 1.3;

    font-weight: 700;
}

.dnc-project-info p {
    margin: 0;

    color: #657985;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .dnc-projects {
        padding: 75px 20px;
    }

    .dnc-project-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-projects {
        padding: 65px 16px;
    }

    .dnc-projects-header {
        margin-bottom: 35px;
    }

    .dnc-projects-header h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .dnc-projects-header p {
        font-size: 14px;
    }

    .dnc-project-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dnc-project-image {
        height: 230px;
    }

    .dnc-project-info {
        padding: 20px;
    }

}


/* /////////////////////////////////////////////////////////////////////////////////////* project page css //////////////////////////////////////////////////////// */



/* ///////////////////blog page css////////////////////// */
.dnc-blog-page {
    width: 100%;
    padding: 100px 20px;

    background: #f9fcfe;

    overflow: hidden;
}

.dnc-blog-page-wrap {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.dnc-blog-page-header {
    max-width: 720px;

    margin: 0 auto 55px;

    text-align: center;
}

.dnc-blog-page .dnc-section-label {
    position: relative;

    display: inline-block;

    margin-bottom: 18px;

    padding-left: 8px;

    color: #02386e;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .18em;

    z-index: 1;
}

.dnc-blog-page .dnc-section-label::after {
    content: "";

    position: absolute;

    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.dnc-blog-page-header h2 {
    margin: 0 0 18px;

    color: #02386e;

    font-size: clamp(38px, 4vw, 50px);

    line-height: 1.08;

    letter-spacing: -1.8px;

    font-weight: 600;
}

.dnc-blog-page-header h2 span {
    color: #139fdb;
}

.dnc-blog-page-header p {
    max-width: 620px;

    margin: 0 auto;

    color: #657985;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================
   GRID
========================================= */

.dnc-blog-page-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 28px;
}


/* =========================================
   CARD
========================================= */

.dnc-blog-page-card {
    display: flex;

    flex-direction: column;

    min-width: 0;

    background: #ffffff;

    border: 1px solid #dde8ef;

    border-radius: 8px;

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.dnc-blog-page-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 16px 35px rgba(2, 56, 110, .10);
}


/* =========================================
   IMAGE
========================================= */

.dnc-blog-page-img {
    display: block;

    width: 100%;
    height: 240px;

    overflow: hidden;

    background: #eaf4f8;
}

.dnc-blog-page-img img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .4s ease;
}

.dnc-blog-page-card:hover .dnc-blog-page-img img {
    transform: scale(1.04);
}


/* =========================================
   CONTENT
========================================= */

.dnc-blog-page-content {
    display: flex;

    flex-direction: column;

    flex: 1;

    padding: 23px 24px 25px;
}

.dnc-blog-page-meta {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 13px;

    color: #139fdb;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .1em;
}

.dnc-blog-page-meta span:last-child {
    color: #657985;

    font-size: 8px;
}

.dnc-blog-page-content h2 {
    margin: 0 0 11px;

    color: #02386e;

    font-size: 20px;

    line-height: 1.35;

    font-weight: 700;
}

.dnc-blog-page-content p {
    margin: 0 0 20px;

    color: #657985;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================
   READ ARTICLE
========================================= */

.dnc-blog-page-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: auto;

    color: #02386e;

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    transition: color .25s ease;
}

.dnc-blog-page-link span {
    color: #139fdb;

    font-size: 17px;

    transition: transform .25s ease;
}

.dnc-blog-page-link:hover {
    color: #139fdb;
}

.dnc-blog-page-link:hover span {
    transform: translateX(4px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .dnc-blog-page-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dnc-blog-page {
        padding: 65px 16px;
    }

    .dnc-blog-page-header {
        margin-bottom: 35px;
    }

    .dnc-blog-page-header h1 {
        font-size: 36px;

        letter-spacing: -1px;
    }

    .dnc-blog-page-header p {
        font-size: 14px;
    }

    .dnc-blog-page-grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .dnc-blog-page-img {
        height: 230px;
    }

    .dnc-blog-page-content {
        padding: 20px;
    }

    .dnc-blog-page-content h2 {
        font-size: 18px;
    }

}

/* //////////////////blog page css/////////////////////// */
/* =========================================
   DA CLEANING GROUP
   CONTACT SECTION
   UNIQUE PREFIX: dacg-
========================================= */

.dacg-contact-section {
    width: 100%;
    padding: 100px 20px;
    background: #f3f8fc;
    overflow: hidden;
}

.dacg-contact-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: .9fr 1.1fr;

    gap: 70px;
    align-items: center;
}


/* =========================================
   LEFT CONTENT
========================================= */

.dacg-contact-details {
    max-width: 470px;
}

.dacg-contact-label {
    position: relative;
    display: inline-block;

    margin-bottom: 20px;
    padding-left: 8px;

    color: #02386e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;

    z-index: 1;
}

.dacg-contact-label::after {
    content: "";

    position: absolute;

    top: -6px;
    left: 0;

    width: 50px;
    height: 28px;

    background: #3caedd;

    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.dacg-contact-title {
    margin: 0 0 20px;

    color: #02386e;

    font-size: clamp(38px, 4vw, 50px);

    line-height: 1.06;

    letter-spacing: -2px;

    font-weight: 600;
}

.dacg-contact-title span {
    color: #139fdb;
}

.dacg-contact-description {
    margin: 0 0 32px;

    color: #657985;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   CONTACT ITEMS
========================================= */

.dacg-contact-item {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 15px;

    padding: 17px 18px;

    background: #ffffff;

    border: 1px solid #dde8ef;

    border-radius: 8px;

    text-decoration: none;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.dacg-contact-item:hover {
    transform: translateX(4px);

    border-color: #139fdb;

    box-shadow:
        0 10px 25px rgba(2, 56, 110, .07);
}

.dacg-contact-icon {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #e8f6fb;

    color: #139fdb;

    border-radius: 50%;

    font-size: 16px;
}

.dacg-contact-item-content small {
    display: block;

    margin-bottom: 3px;

    color: #139fdb;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .12em;
}

.dacg-contact-item-content strong {
    display: block;

    color: #02386e;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 700;
}


/* =========================================
   FORM CARD
========================================= */

.dacg-form-card {
    position: relative;

    padding: 45px;

    background: #ffffff;

    border: 1px solid #e3edf3;

    border-radius: 16px;

    box-shadow:
        0 20px 60px rgba(2, 56, 110, .09);
}

.dacg-form-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 45px;

    width: 75px;
    height: 4px;

    background: #139fdb;

    border-radius: 0 0 10px 10px;
}


/* =========================================
   FORM HEADER
========================================= */

.dacg-form-header {
    margin-bottom: 30px;
}

.dacg-form-header > span {
    display: inline-block;

    margin-bottom: 10px;

    color: #139fdb;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .16em;
}

.dacg-form-header h3 {
    margin: 0 0 10px;

    color: #02386e;

    font-size: 30px;

    line-height: 1.2;

    letter-spacing: -.6px;

    font-weight: 700;
}

.dacg-form-header p {
    max-width: 500px;

    margin: 0;

    color: #657985;

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================
   FORM ROW
========================================= */

.dacg-form-row {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}


/* =========================================
   FORM FIELD
========================================= */

.dacg-form-field {
    width: 100%;

    margin-bottom: 19px;
}

.dacg-form-field label {
    display: block;

    margin-bottom: 8px;

    color: #02386e;

    font-size: 12px;

    font-weight: 800;
}


/* =========================================
   INPUT / SELECT / TEXTAREA
========================================= */

.dacg-form-field input,
.dacg-form-field select,
.dacg-form-field textarea {
    box-sizing: border-box;

    width: 100%;

    display: block;

    padding: 14px 16px;

    background: #f9fcfe;

    border: 1px solid #dce8ef;

    border-radius: 7px;

    outline: none;

    color: #183247;

    font-family: "Nunito", sans-serif;

    font-size: 14px;

    line-height: 1.4;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* =========================================
   PLACEHOLDER
========================================= */

.dacg-form-field input::placeholder,
.dacg-form-field textarea::placeholder {
    color: #9aabb4;
}


/* =========================================
   FOCUS
========================================= */

.dacg-form-field input:focus,
.dacg-form-field select:focus,
.dacg-form-field textarea:focus {
    background: #ffffff;

    border-color: #139fdb;

    box-shadow:
        0 0 0 3px rgba(19, 159, 219, .08);
}


/* =========================================
   SELECT
========================================= */

.dacg-form-field select {
    min-height: 48px;

    cursor: pointer;
}


/* =========================================
   TEXTAREA
========================================= */

.dacg-form-field textarea {
    min-height: 135px;

    resize: vertical;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.dacg-submit-button {
    min-width: 175px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    padding: 14px 22px;

    background: #02386e;

    border: 0;

    border-radius: 6px;

    color: #ffffff;

    font-family: "Nunito", sans-serif;

    font-size: 13px;

    font-weight: 800;

    cursor: pointer;

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.dacg-submit-button:hover {
    background: #139fdb;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(19, 159, 219, .22);
}

.dacg-submit-button i {
    font-size: 12px;

    transition: transform .25s ease;
}

.dacg-submit-button:hover i {
    transform: translateX(4px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .dacg-contact-section {
        padding: 75px 20px;
    }

    .dacg-contact-container {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .dacg-contact-details {
        max-width: 700px;
    }

    .dacg-form-card {
        padding: 38px;
    }

    .dacg-form-card::before {
        left: 38px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dacg-contact-section {
        padding: 65px 16px;
    }

    .dacg-contact-title {
        font-size: 36px;

        letter-spacing: -1px;
    }

    .dacg-contact-description {
        font-size: 14px;
    }

    .dacg-form-card {
        padding: 30px 20px;

        border-radius: 12px;
    }

    .dacg-form-card::before {
        left: 20px;

        width: 60px;
    }

    .dacg-form-header {
        margin-bottom: 25px;
    }

    .dacg-form-header h3 {
        font-size: 25px;
    }

    .dacg-form-header p {
        font-size: 13px;
    }

    .dacg-form-row {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .dacg-form-field {
        margin-bottom: 16px;
    }

    .dacg-form-field input,
    .dacg-form-field select,
    .dacg-form-field textarea {
        padding: 13px 14px;
    }

    .dacg-submit-button {
        width: 100%;
    }
}

/*--Domestics cleaning service--*/
/* =========================
   DOMESTIC CLEANING PAGE
========================= */

.dc-page{
    --dc-primary:#06457f;
    --dc-primary-dark:#003d73;
    --dc-accent:#10a8df;
    --dc-light:#f1f8fc;
    --dc-border:#dceaf2;
    --dc-text:#17344d;
    --dc-muted:#60788b;
    --dc-white:#fff;
    color:var(--dc-text);
    overflow:hidden;
}

.dc-page *{
    box-sizing:border-box;
}

.dc-section{
    padding:90px 0;
}

.dc-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--dc-accent);
    font-size:11px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.dc-eyebrow i{
    font-size:12px;
}

.dc-eyebrow-light{
    color:#31b9ea;
}

.dc-section-heading{
    max-width:760px;
    margin:0 auto 50px;
}

.dc-section-heading h2,
.dc-intro-content h2,
.dc-why h2{
    color:var(--dc-primary);
    font-size:38px;
    line-height:1.15;
    font-weight:700;
    margin:0 0 18px;
}

.dc-section-heading p{
    color:var(--dc-muted);
    font-size:16px;
    line-height:1.8;
    margin:0;
}


/* =========================
   HERO
========================= */

.dc-hero{
    position:relative;
    min-height:690px;
    display:flex;
    align-items:center;
    padding:100px 0;
    background-image:url('YOUR-HERO-IMAGE.jpg');
    background-size:cover;
    background-position:center;
}

.dc-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,40,75,.93) 0%,rgba(0,53,94,.82) 50%,rgba(0,43,76,.58) 100%);
}

.dc-hero .container{
    position:relative;
    z-index:2;
}

.dc-hero-content{
    max-width:680px;
}

.dc-hero-content h1{
    color:#fff;
    font-size:55px;
    line-height:1.08;
    font-weight:700;
    margin:0 0 22px;
}

.dc-hero-content p{
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.8;
    max-width:620px;
    margin:0 0 28px;
}

.dc-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.dc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:48px;
    padding:13px 22px;
    border-radius:3px;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:.3s ease;
}

.dc-btn-primary{
    color:#fff;
    background:#10a8df;
}

.dc-btn-primary:hover{
    color:#fff;
    background:#078fc3;
}

.dc-btn-outline{
    color:#fff;
    border:1px solid rgba(255,255,255,.5);
    background:transparent;
}

.dc-btn-outline:hover{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.dc-hero-trust{
    display:flex;
    flex-wrap:wrap;
    gap:22px;
    margin-top:32px;
}

.dc-hero-trust div{
    color:#fff;
    font-size:12px;
}

.dc-hero-trust i{
    color:#1db4e8;
    margin-right:5px;
}


/* =========================
   QUOTE FORM
========================= */

.dc-quote-box{
    background:#fff;
    padding:28px;
    border-radius:4px;
    box-shadow:0 20px 55px rgba(0,25,50,.28);
}

.dc-quote-header{
    margin-bottom:20px;
}

.dc-small-label{
    color:var(--dc-accent);
    font-size:10px;
    font-weight:700;
    letter-spacing:1.2px;
}

.dc-quote-header h3{
    color:var(--dc-primary);
    font-size:25px;
    line-height:1.2;
    margin:6px 0 7px;
    font-weight:700;
}

.dc-quote-header p{
    color:#718594;
    font-size:12px;
    line-height:1.6;
    margin:0;
}

.dc-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.dc-form-group{
    margin-bottom:13px;
}

.dc-form-group label{
    display:block;
    color:#29465d;
    font-size:11px;
    font-weight:600;
    margin-bottom:6px;
}

.dc-form-group input,
.dc-form-group select,
.dc-form-group textarea{
    width:100%;
    border:1px solid #d9e5eb;
    background:#f9fbfc;
    color:#345064;
    font-size:12px;
    padding:11px 12px;
    outline:none;
    border-radius:2px;
}

.dc-form-group input:focus,
.dc-form-group select:focus,
.dc-form-group textarea:focus{
    border-color:var(--dc-accent);
}

.dc-form-group textarea{
    resize:vertical;
}

.dc-form-btn{
    width:100%;
    border:0;
    background:var(--dc-primary);
    color:#fff;
    padding:14px 18px;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:.3s ease;
}

.dc-form-btn:hover{
    background:#002f5e;
}


/* =========================
   INTRO
========================= */

.dc-intro{
    background:#fff;
}

.dc-intro-content p{
    color:var(--dc-muted);
    font-size:16px;
    line-height:1.85;
    margin-bottom:15px;
}

.dc-dark-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:10px;
    padding:13px 20px;
    color:#fff;
    background:var(--dc-primary);
    text-decoration:none;
    font-size:12px;
    font-weight:600;
    transition:.3s ease;
}

.dc-dark-btn:hover{
    color:#fff;
    background:#002f5e;
}

.dc-intro-features{
    padding-left:25px;
}

.dc-feature-mini{
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px;
    margin-bottom:14px;
    background:#f1f8fc;
    border:1px solid #e2eef4;
}

.dc-feature-mini-dark{
    color:#fff;
    background:var(--dc-primary);
    border-color:var(--dc-primary);
}

.dc-feature-icon{
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--dc-primary);
    background:#fff;
    border-radius:50%;
    box-shadow:0 5px 15px rgba(0,50,90,.08);
}

.dc-feature-mini-dark .dc-feature-icon{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.dc-feature-mini h4{
    font-size:16px;
    margin:0 0 5px;
    color:var(--dc-primary);
}

.dc-feature-mini-dark h4{
    color:#fff;
}

.dc-feature-mini p{
    margin:0;
    color:#6b8090;
    font-size:16px;
}

.dc-feature-mini-dark p{
    color:rgba(255,255,255,.75);
}


/* =========================
   SERVICES
========================= */

.dc-services{
    background:#f1f8fc;
}

.dc-service-card{
    position:relative;
    height:100%;
    padding:28px 25px;
    background:#fff;
    border:1px solid #e1edf3;
    transition:.3s ease;
    overflow:hidden;
}

.dc-service-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,50,90,.09);
}

.dc-service-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--dc-primary);
    border-radius:4px;
    font-size:18px;
    margin-bottom:20px;
}

.dc-card-number{
    position:absolute;
    right:20px;
    top:18px;
    color:#dcecf4;
    font-size:35px;
    line-height:1;
    font-weight:700;
}

.dc-service-card h3{
    color:var(--dc-primary);
    font-size:20px;
    line-height:1.25;
    margin:0 0 12px;
}

.dc-service-card p{
    color:var(--dc-muted);
    font-size:16px;
    line-height:1.75;
    margin:0 0 20px;
}

.dc-card-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--dc-primary);
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

.dc-card-link:hover{
    color:var(--dc-accent);
}


/* =========================
   PROCESS
========================= */

.dc-process{
    background:#fff;
}

.dc-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.dc-process-card{
    position:relative;
    min-height:270px;
    padding:28px 20px;
    text-align:center;
    background:#f3f9fc;
    border:1px solid #e2edf3;
}

.dc-process-card i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:10px auto 18px;
    color:var(--dc-primary);
    background:#fff;
    border-radius:50%;
    font-size:17px;
}

.dc-process-number{
    color:var(--dc-accent);
    font-size:12px;
    font-weight:700;
}

.dc-process-card h3{
    color:var(--dc-primary);
    font-size:16px;
    line-height:1.3;
    margin:0 0 10px;
}

.dc-process-card p{
    color:var(--dc-muted);
    font-size:16px;
    line-height:1.7;
    margin:0;
}

.dc-process-highlight{
    color:#fff;
    background:var(--dc-primary);
    border-color:var(--dc-primary);
}

.dc-process-highlight i{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.dc-process-highlight .dc-process-number,
.dc-process-highlight h3{
    color:#fff;
}

.dc-process-highlight p{
    color:rgba(255,255,255,.75);
}


/* =========================
   WHY CHOOSE
========================= */

.dc-why{
    background:#f1f8fc;
}

.dc-why h2{
    max-width:460px;
}

.dc-why> .container > .row > .col-lg-5 > p{
    color:var(--dc-muted);
    font-size:16px;
    line-height:1.8;
    max-width:500px;
    margin-bottom:25px;
}

.dc-why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.dc-why-card{
    min-height:175px;
    padding:22px;
    background:#fff;
    border:1px solid #e0edf3;
}

.dc-why-card i{
    color:var(--dc-accent);
    font-size:18px;
    margin-bottom:14px;
}

.dc-why-card h3{
    color:var(--dc-primary);
    font-size:16px;
    margin:0 0 8px;
}

.dc-why-card p{
    color:var(--dc-muted);
    font-size:16px;
    line-height:1.65;
    margin:0;
}

.dc-why-dark{
    background:var(--dc-primary);
    border-color:var(--dc-primary);
}

.dc-why-dark i,
.dc-why-dark h3{
    color:#fff;
}

.dc-why-dark p{
    color:rgba(255,255,255,.75);
}

.dc-why-wide{
    grid-column:span 2;
    display:flex;
    align-items:center;
    gap:18px;
    min-height:125px;
}

.dc-why-wide i{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#edf7fb;
    border-radius:50%;
    margin:0;
}


/* =========================
   CTA
========================= */

.dc-cta{
    position:relative;
    padding:85px 0;
    overflow:hidden;
    background:var(--dc-primary);
}

.dc-cta-circle{
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.055);
}

.dc-cta-circle-one{
    width:260px;
    height:260px;
    left:-100px;
    top:-110px;
}

.dc-cta-circle-two{
    width:300px;
    height:300px;
    right:-130px;
    bottom:-150px;
}

.dc-cta-content{
    position:relative;
    z-index:2;
    max-width:700px;
    margin:auto;
}

.dc-cta-content h2{
    color:#fff;
    font-size:42px;
    line-height:1.15;
    margin:0 0 15px;
}

.dc-cta-content p{
    max-width:600px;
    margin:0 auto 25px;
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.8;
}

.dc-cta-buttons{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.dc-btn-light{
    color:var(--dc-primary);
    background:#fff;
}

.dc-btn-light:hover{
    color:var(--dc-primary);
    background:#edf8fc;
}

.dc-btn-outline-light{
    color:#fff;
    border:1px solid rgba(255,255,255,.5);
}

.dc-btn-outline-light:hover{
    color:#fff;
    background:rgba(255,255,255,.1);
}


/* =========================
   FAQ
========================= */

.dc-faq{
    background:#f1f8fc;
}

.dc-faq-wrapper{
    max-width:900px;
    margin:0 auto;
}

.dc-faq-item{
    margin-bottom:10px;
    border:1px solid #dceaf1;
    background:#fff;
}

.dc-faq-item .accordion-button{
    color:var(--dc-primary);
    background:#fff;
    font-size:18px;
    font-weight:600;
    padding:18px 22px;
    box-shadow:none;
}

.dc-faq-item .accordion-button:not(.collapsed){
    color:#fff;
    background:var(--dc-primary);
    box-shadow:none;
}

.dc-faq-item .accordion-button::after{
    width:16px;
    height:16px;
    background-size:16px;
}

.dc-faq-item .accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(1);
}

.dc-faq-item .accordion-body{
    color:var(--dc-muted);
    background:#fff;
    font-size:16px;
    line-height:1.8;
    padding:18px 22px 20px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width:1199px){

    .dc-hero-content h1{
        font-size:48px;
    }

    .dc-process-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .dc-process-card:nth-child(4),
    .dc-process-card:nth-child(5){
        grid-column:auto;
    }

    .dc-section{
        padding:75px 0;
    }

}

@media (max-width:991px){

    .dc-hero{
        padding:80px 0;
    }

    .dc-hero-content{
        max-width:100%;
    }

    .dc-hero-content h1{
        font-size:44px;
    }

    .dc-quote-box{
        max-width:600px;
        margin:20px auto 0;
    }

    .dc-intro-features{
        padding-left:0;
    }

    .dc-section-heading h2,
    .dc-intro-content h2,
    .dc-why h2{
        font-size:34px;
    }

    .dc-process-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .dc-process-card:last-child{
        grid-column:span 2;
        max-width:50%;
        width:100%;
        margin:auto;
    }

    .dc-why-grid{
        margin-top:20px;
    }

}

@media (max-width:767px){

    .dc-section{
        padding:60px 0;
    }

    .dc-hero{
        min-height:auto;
        padding:70px 0;
    }

    .dc-hero-content h1{
        font-size:38px;
    }

    .dc-hero-content p{
        font-size:14px;
    }

    .dc-hero-trust{
        gap:12px;
    }

    .dc-section-heading{
        margin-bottom:35px;
    }

    .dc-section-heading h2,
    .dc-intro-content h2,
    .dc-why h2{
        font-size:30px;
    }

    .dc-process-grid{
        grid-template-columns:1fr;
    }

    .dc-process-card:last-child{
        grid-column:auto;
        max-width:none;
    }

    .dc-why-grid{
        grid-template-columns:1fr;
    }

    .dc-why-wide{
        grid-column:auto;
    }

    .dc-cta-content h2{
        font-size:34px;
    }

}

@media (max-width:576px){

    .dc-hero-content h1{
        font-size:32px;
    }

    .dc-hero-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .dc-btn{
        width:100%;
    }

    .dc-form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .dc-quote-box{
        padding:22px;
    }

    .dc-feature-mini{
        padding:17px;
    }

    .dc-service-card{
        padding:24px 20px;
    }

    .dc-why-wide{
        display:block;
    }

    .dc-why-wide i{
        margin-bottom:12px;
    }

    .dc-cta-buttons{
        flex-direction:column;
    }

}
/*--About Us page css--*/
.dc-beliefs-section{
    padding:90px 0;
    background:#f1f8fc;
}

.dc-beliefs-content{
    max-width:500px;
}

.dc-beliefs-eyebrow{
    display:inline-block;
    margin-bottom:12px;
    color:#10a8df;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.dc-beliefs-content h2{
    margin:0 0 20px;
    color:#06457f;
    font-size:40px;
    line-height:1.15;
    font-weight:700;
}

.dc-beliefs-content p{
    margin:0;
    color:#60788b;
    font-size:14px;
    line-height:1.85;
}

.dc-beliefs-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.dc-belief-card{
    min-height:145px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:25px 22px;
    background:#fff;
    border:1px solid #deedf4;
    transition:.3s ease;
}

.dc-belief-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,50,90,.08);
}

.dc-belief-icon{
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#06457f;
    background:#edf7fb;
    border-radius:50%;
    font-size:17px;
}

.dc-belief-card h3{
    margin:0;
    color:#06457f;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.dc-belief-card-dark{
    background:#06457f;
    border-color:#06457f;
}

.dc-belief-card-dark .dc-belief-icon{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.dc-belief-card-dark h3{
    color:#fff;
}

@media (max-width:1199px){
    .dc-beliefs-section{
        padding:75px 0;
    }

    .dc-beliefs-content h2{
        font-size:35px;
    }
}

@media (max-width:991px){
    .dc-beliefs-content{
        max-width:700px;
    }

    .dc-beliefs-grid{
        margin-top:10px;
    }
}

@media (max-width:767px){
    .dc-beliefs-section{
        padding:60px 0;
    }

    .dc-beliefs-content h2{
        font-size:30px;
    }

    .dc-beliefs-grid{
        grid-template-columns:1fr;
    }

    .dc-belief-card{
        min-height:110px;
    }
}
.about-purpose{
    padding:65px 0;
    background:#fff;
}

.about-purpose-wrap{
    width:min(1200px,calc(100% - 50px));
    margin:0 auto;
    display:grid;
    grid-template-columns:38% 62%;
    align-items:start;
}

.about-purpose-title{
    padding-right:50px;
    border-right:1px solid #dceaf1;
}

.about-purpose-title span{
    display:block;
    margin-bottom:10px;
    color:#10a8df;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.about-purpose-title h2{
    margin:0;
    color:#06457f;
    font-size:36px;
    line-height:1.2;
    font-weight:700;
}

.about-purpose-content{
    padding-left:55px;
}

.about-purpose-content p{
    margin:0 0 14px;
    color:#60788b;
    font-size:14px;
    line-height:1.8;
}

.about-purpose-content p:last-child{
    margin-bottom:0;
}

@media (max-width:991px){
    .about-purpose{
        padding:55px 0;
    }

    .about-purpose-wrap{
        display:block;
    }

    .about-purpose-title{
        padding-right:0;
        padding-bottom:20px;
        margin-bottom:20px;
        border-right:0;
        border-bottom:1px solid #dceaf1;
    }

    .about-purpose-content{
        padding-left:0;
    }
}

@media (max-width:767px){
    .about-purpose{
        padding:45px 0;
    }

    .about-purpose-wrap{
        width:calc(100% - 30px);
    }

    .about-purpose-title h2{
        font-size:30px;
    }

    .about-purpose-content p{
        font-size:13px;
    }
}
.dnc-area-item{
    text-decoration:none;
    color:inherit;
}
.da-location-list a{
    text-decoration:none;
    color:inherit;
    margin-bottom: 20px;
}
.da-difference-section{padding:70px 0;background:#f7f9fb}
.da-difference-heading{text-align:center;max-width:700px;margin:0 auto 40px}
.da-section-tag{display:block;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.da-difference-heading h2{font-size:38px;line-height:1.2;margin:0}
.da-difference-card{height:100%;padding:28px;background:#fff;border-radius:12px;display:flex;gap:18px;box-shadow:0 5px 25px rgba(0,0,0,.05)}
.da-difference-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px}
.da-difference-content h3{font-size:21px;margin:0 0 8px}
.da-difference-content p{font-size:15px;line-height:1.7;margin:0}
@media(max-width:991px){.da-difference-section{padding:60px 0}.da-difference-heading h2{font-size:34px}}
@media(max-width:767px){.da-difference-section{padding:50px 0}.da-difference-heading{margin-bottom:30px}.da-difference-heading h2{font-size:30px}.da-difference-card{padding:22px}}

.da-approach-section{padding:70px 0;background:#fff}
.da-approach-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.da-approach-heading .da-section-tag{display:block;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.da-approach-heading h2{font-size:38px;line-height:1.2;margin:0 0 15px}
.da-approach-heading p{font-size:16px;line-height:1.7;margin:0}
.da-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.da-process-item{position:relative;padding:25px 20px;border:1px solid #e6e9ed;border-radius:12px;background:#fff}
.da-process-number{font-size:14px;font-weight:700;margin-bottom:15px}
.da-process-content h3{font-size:20px;line-height:1.3;margin:0 0 9px}
.da-process-content p{font-size:14px;line-height:1.65;margin:0}
.da-process-final{background:#f7f9fb}
@media(max-width:1199px){.da-process-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.da-approach-section{padding:55px 0}.da-approach-heading h2{font-size:32px}.da-process-grid{grid-template-columns:1fr;gap:12px}.da-process-item{padding:22px}}

.da-commitment-section{padding:65px 0;background:#f1f5f8}
.da-commitment-heading>span{display:block;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.da-commitment-heading h2{font-size:40px;line-height:1.2;margin:0 0 18px}
.da-commitment-heading p{font-size:16px;line-height:1.7;margin:0 0 8px}
.da-commitment-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.da-commitment-item{display:flex;align-items:center;gap:13px;padding:18px 20px;background:#fff;border-radius:8px;font-size:15px;font-weight:500}
.da-commitment-item i{width:26px;height:26px;min-width:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}
@media(max-width:767px){.da-commitment-section{padding:50px 0}.da-commitment-heading h2{font-size:32px}.da-commitment-list{grid-template-columns:1fr}.da-commitment-item{padding:15px 17px}}

.da-local-section{padding:70px 0;background:#fff}
.da-local-heading{text-align:center;max-width:760px;margin:0 auto 35px}
.da-local-heading>span{display:block;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.da-local-heading h2{font-size:40px;line-height:1.2;margin:0 0 15px}
.da-local-heading p{font-size:16px;line-height:1.7;margin:0}
.da-location-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:950px;margin:0 auto 35px}
.da-location-list span{padding:10px 18px;border:1px solid #e2e6ea;border-radius:30px;font-size:14px;font-weight:500;background:#f7f9fb}
.da-local-bottom{text-align:center;max-width:760px;margin:0 auto}
.da-local-bottom p{font-size:15px;line-height:1.7;margin:0 auto 22px}
.da-local-btn{display:inline-block;padding:13px 28px;border-radius:5px;text-decoration:none;font-size:15px;font-weight:600}
@media(max-width:767px){.da-local-section{padding:55px 0}.da-local-heading h2{font-size:32px}.da-location-list{gap:8px}.da-location-list span{padding:8px 14px;font-size:13px}}

/*--projects--*/
.dnc-projects{padding:80px 0;background:#fff}
.dnc-projects-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.dnc-projects-header{max-width:700px;margin-bottom:40px}
.dnc-section-label{font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px}
.dnc-projects-header h2{font-size:40px;line-height:1.2;margin:0 0 15px}
.dnc-projects-header h2 span{display:block}
.dnc-projects-header p{font-size:16px;line-height:1.7;margin:0}
.dnc-projects-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dnc-gallery-item{position:relative;height:280px;overflow:hidden;border-radius:10px;background:#f5f5f5}
.dnc-gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.dnc-gallery-item:hover img{transform:scale(1.06)}
.dnc-gallery-view{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity .3s ease}
.dnc-gallery-view i{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:17px}
.dnc-gallery-item:hover .dnc-gallery-view{opacity:1}
.dnc-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99999;display:none;align-items:center;justify-content:center;padding:40px 80px}
.dnc-lightbox.active{display:flex}
.dnc-lightbox-content{max-width:1000px;max-height:85vh}
.dnc-lightbox-content img{display:block;max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain}
.dnc-lightbox-close,.dnc-lightbox-prev,.dnc-lightbox-next{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;z-index:2}
.dnc-lightbox-close{top:20px;right:30px;font-size:42px;line-height:1}
.dnc-lightbox-prev,.dnc-lightbox-next{top:50%;transform:translateY(-50%);font-size:38px;padding:15px}
.dnc-lightbox-prev{left:20px}
.dnc-lightbox-next{right:20px}
.dnc-lightbox-close:hover,.dnc-lightbox-prev:hover,.dnc-lightbox-next:hover{opacity:.7}
@media(max-width:991px){.dnc-projects{padding:65px 0}.dnc-projects-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.dnc-projects{padding:55px 0}.dnc-projects-header h2{font-size:32px}.dnc-projects-gallery{grid-template-columns:1fr;gap:14px}.dnc-gallery-item{height:250px}.dnc-lightbox{padding:30px 45px}.dnc-lightbox-prev{left:5px}.dnc-lightbox-next{right:5px}.dnc-lightbox-prev,.dnc-lightbox-next{font-size:28px}.dnc-lightbox-close{right:15px;top:10px;font-size:35px}}

/*--Service Areas--*/
.dnc-location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dnc-location-card{display:flex;align-items:center;gap:18px;padding:24px;background:#f7f9fb;border:1px solid #e7eaee;border-radius:10px;text-decoration:none;transition:all .3s ease}
.dnc-location-icon{width:52px;height:52px;min-width:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:20px}
.dnc-location-info h3{font-size:20px;line-height:1.3;margin:0 0 7px}
.dnc-location-info span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.dnc-location-info span i{font-size:11px;transition:transform .3s ease}
.dnc-location-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.07)}
.dnc-location-card:hover .dnc-location-info span i{transform:translateX(4px)}
@media(max-width:991px){.dnc-location-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.dnc-location-grid{grid-template-columns:1fr;gap:14px}.dnc-location-card{padding:20px}.dnc-location-info h3{font-size:18px}}

/*--Single Service page--*/
.dnc-service-benefits{padding:75px 0;background:#fff}
.dnc-service-benefits-content{padding-right:15px}
.dnc-service-benefits .dnc-section-label{font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px}
.dnc-service-benefits-content h2{font-size:38px;line-height:1.2;margin:0 0 18px}
.dnc-service-benefits-content p{font-size:16px;line-height:1.75;margin:0 0 15px}
.dnc-benefits-intro{font-weight:600;margin-top:5px!important;margin-bottom:18px!important}
.dnc-benefits-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}
.dnc-benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5}
.dnc-benefit-item i{width:20px;height:20px;min-width:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;margin-top:2px}
.dnc-service-benefits-image{height:560px;border-radius:12px;overflow:hidden}
.dnc-service-benefits-image img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:991px){.dnc-service-benefits{padding:60px 0}.dnc-service-benefits-content{padding-right:0}.dnc-service-benefits-content h2{font-size:34px}.dnc-service-benefits-image{height:450px}}
@media(max-width:767px){.dnc-service-benefits{padding:50px 0}.dnc-service-benefits-content h2{font-size:30px}.dnc-benefits-list{grid-template-columns:1fr}.dnc-service-benefits-image{height:350px}}

.dnc-house-services{padding:75px 0;background:#f5f7f9}
.dnc-house-services-heading{text-align:center;max-width:750px;margin:0 auto 42px}
.dnc-house-services-heading .dnc-section-label{font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px}
.dnc-house-services-heading h2{font-size:38px;line-height:1.2;margin:0 0 15px}
.dnc-house-services-heading p{font-size:16px;line-height:1.7;margin:0}
.dnc-house-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dnc-house-service-card{padding:28px;background:#fff;border-radius:10px;border:1px solid #e8ebee;transition:all .3s ease}
.dnc-house-service-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px}
.dnc-house-service-card h3{font-size:20px;line-height:1.3;margin:0 0 10px}
.dnc-house-service-card p{font-size:15px;line-height:1.7;margin:0}
.dnc-house-service-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.06)}
.dnc-house-service-wide{grid-column:span 2}
@media(max-width:991px){.dnc-house-services{padding:60px 0}.dnc-house-services-grid{grid-template-columns:repeat(2,1fr)}.dnc-house-service-wide{grid-column:span 2}.dnc-house-services-heading h2{font-size:34px}}
@media(max-width:767px){.dnc-house-services{padding:50px 0}.dnc-house-services-grid{grid-template-columns:1fr;gap:14px}.dnc-house-service-wide{grid-column:span 1}.dnc-house-services-heading h2{font-size:30px}.dnc-house-service-card{padding:23px}}

.dnc-cleaning-process{padding:75px 0;background:#fff}
.dnc-process-heading{max-width:760px;margin:0 auto 42px;text-align:center}
.dnc-process-heading .dnc-section-label{font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px}
.dnc-process-heading h2{font-size:38px;line-height:1.2;margin:0 0 15px}
.dnc-process-heading p{font-size:16px;line-height:1.75;margin:0}
.single-services .dnc-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dnc-process-card{position:relative;padding:28px 24px;background:#f7f9fb;border:1px solid #e7eaee;border-radius:10px}
.dnc-process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}
.dnc-process-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;background:#fff}
.dnc-process-card h3{font-size:20px;line-height:1.35;margin:0 0 11px}
.dnc-process-card p{font-size:15px;line-height:1.7;margin:0}
.dnc-process-top{display:flex;align-items:center;justify-content:center;margin-bottom:0}
.dnc-process-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:#fff}
@media(max-width:991px){.dnc-cleaning-process{padding:60px 0}.dnc-process-grid{grid-template-columns:repeat(2,1fr)}.dnc-process-heading h2{font-size:34px}}
@media(max-width:767px){.dnc-cleaning-process{padding:50px 0}.dnc-process-grid{grid-template-columns:1fr;gap:14px}.dnc-process-heading h2{font-size:30px}.dnc-process-card{padding:23px}}

.dnc-service-choice{padding:80px 0;background:#f5f7f9}
.dnc-service-choice-heading{max-width:800px;margin:0 auto 50px;text-align:center}
.dnc-service-choice-heading .dnc-section-label{font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px}
.dnc-service-choice-heading h2{font-size:38px;line-height:1.2;margin:0}
.dnc-service-choice-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:70px}
.dnc-service-choice-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:30px 0;border-top:1px solid #dfe3e7}
.dnc-service-choice-item:nth-last-child(1){border-bottom:1px solid #dfe3e7}
.dnc-service-choice-number{font-size:14px;font-weight:700;letter-spacing:1px;padding-top:3px}
.dnc-service-choice-text h3{font-size:21px;line-height:1.3;margin:0 0 10px}
.dnc-service-choice-text p{font-size:16px;line-height:1.7;margin:0}
@media(max-width:991px){.dnc-service-choice{padding:65px 0}.dnc-service-choice-list{column-gap:35px}.dnc-service-choice-heading h2{font-size:34px}}
@media(max-width:767px){.dnc-service-choice{padding:55px 0}.dnc-service-choice-heading{margin-bottom:35px}.dnc-service-choice-heading h2{font-size:30px}.dnc-service-choice-list{grid-template-columns:1fr}.dnc-service-choice-item{grid-template-columns:45px 1fr;gap:15px;padding:24px 0}.dnc-service-choice-text h3{font-size:19px}}
.dnc-location-services{padding:90px 0;background:#f3f9fc;position:relative;overflow:hidden}.dnc-location-services:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#139fdb;opacity:.07;top:-130px;right:-80px}.dnc-location-services-wrap{width:min(1200px,calc(100% - 50px));margin:auto;position:relative;z-index:1}.dnc-location-services-header{max-width:850px;margin:0 auto 55px;text-align:center}.dnc-location-services-header .dnc-section-label{font-size:13px;font-weight:700;letter-spacing:1.5px;color:#02386e;margin-bottom:12px}.dnc-location-services-header h2{font-size:42px;line-height:1.15;color:#02386e;margin:0 0 18px;font-weight:700}.dnc-location-services-header h2 span{color:#139fdb}.dnc-location-services-header>p{font-size:16px;line-height:1.75;color:#526575;margin:0}.dnc-location-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.dnc-location-service-item{background:#fff;border:1px solid rgba(2,56,110,.08);padding:30px 30px 28px;display:flex;gap:22px;position:relative;box-shadow:0 8px 30px rgba(2,56,110,.05);transition:transform .3s ease,box-shadow .3s ease}.dnc-location-service-item:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(2,56,110,.1)}.dnc-location-service-number{flex:0 0 auto;width:45px;height:45px;background:#02386e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.dnc-location-service-content{flex:1}.dnc-location-service-content h2{font-size:22px;line-height:1.3;color:#02386e;margin:0 0 12px;font-weight:700}.dnc-location-service-content p{font-size:15px;line-height:1.7;color:#526575;margin:0}@media(max-width:991px){.dnc-location-services{padding:70px 0}.dnc-location-services-header h1{font-size:36px}.dnc-location-services-grid{grid-template-columns:1fr}}@media(max-width:767px){.dnc-location-services{padding:60px 0}.dnc-location-services-wrap{width:min(100% - 30px,1200px)}.dnc-location-services-header{margin-bottom:40px}.dnc-location-services-header h1{font-size:31px}.dnc-location-services-header>p{font-size:15px}.dnc-location-service-item{padding:24px 20px;gap:16px}.dnc-location-service-number{width:40px;height:40px;font-size:12px}.dnc-location-service-content h2{font-size:19px}.dnc-location-service-content p{font-size:14px;line-height:1.65}}@media(max-width:480px){.dnc-location-service-item{display:block}.dnc-location-service-number{margin-bottom:16px}}
.dnc-location-process{padding:90px 0;background:#fff;position:relative;overflow:hidden}.dnc-location-process-wrap{width:min(1200px,calc(100% - 50px));margin:auto}.dnc-location-process-header{max-width:820px;margin:0 auto 60px;text-align:center}.dnc-location-process-header .dnc-section-label{font-size:13px;font-weight:700;letter-spacing:1.5px;color:#02386e;margin-bottom:12px}.dnc-location-process-header h2{font-size:40px;line-height:1.2;color:#02386e;margin:0 0 18px;font-weight:700}.dnc-location-process-header h2 span{color:#139fdb}.dnc-location-process-header p{font-size:16px;line-height:1.75;color:#526575;margin:0}.dnc-location-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}.dnc-location-process-grid:before{content:"";position:absolute;top:29px;left:12.5%;right:12.5%;height:2px;background:#139fdb;opacity:.2}.dnc-location-process-item{position:relative;z-index:1}.dnc-location-process-step{width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:#02386e;border:6px solid #e8f6fb;display:flex;align-items:center;justify-content:center}.dnc-location-process-step span{font-size:13px;font-weight:700;color:#fff}.dnc-location-process-card{min-height: 390px;padding:28px 24px;background:#f3f9fc;border:1px solid rgba(2,56,110,.08);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.dnc-location-process-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(2,56,110,.08)}.dnc-location-process-card h3{font-size:20px;line-height:1.3;color:#02386e;margin:0 0 13px;font-weight:700}.dnc-location-process-card p{font-size:14px;line-height:1.7;color:#526575;margin:0}@media(max-width:991px){.dnc-location-process{padding:70px 0}.dnc-location-process-header h2{font-size:35px}.dnc-location-process-grid{grid-template-columns:repeat(2,1fr);gap:35px 22px}.dnc-location-process-grid:before{display:none}.dnc-location-process-step{margin-bottom:15px}}@media(max-width:767px){.dnc-location-process{padding:60px 0}.dnc-location-process-wrap{width:min(100% - 30px,1200px)}.dnc-location-process-header{margin-bottom:40px}.dnc-location-process-header h2{font-size:30px}.dnc-location-process-header p{font-size:15px}.dnc-location-process-grid{grid-template-columns:1fr;gap:25px}.dnc-location-process-item{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:start}.dnc-location-process-step{width:48px;height:48px;margin:0;border-width:4px}.dnc-location-process-card{text-align:left;padding:22px 20px}.dnc-location-process-card h3{font-size:19px}.dnc-location-process-card p{font-size:14px}}