/* =========================================
   CREATE MY WEB
   MAIN HEADER
========================================= */

:root {
    --cmw-red: #e21b12;
    --cmw-red-dark: #c9140c;
    --cmw-navy: #302a68;
    --cmw-black: #171717;
    --cmw-text: #222222;
    --cmw-gray: #666666;
    --cmw-border: #e9e9e9;
    --cmw-light: #f8f8f8;
}


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

.cmw-main-header {
    position: relative;
    z-index: 9999;
    width: 100%;
    background: #fff;
}


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

.cmw-header-container {
    width: 100%;
    max-width: 1320px;
    height: 88px;

    margin: 0 auto;
    padding: 0 25px;

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


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

.cmw-brand {
    display: flex;
    align-items: center;

    flex-shrink: 0;

    text-decoration: none;
}

.cmw-brand img {
    width: 190px;
    height: auto;

    display: block;
}


/* =========================================
   DESKTOP NAV
========================================= */

.cmw-desktop-nav {
    margin-left: auto;
}

.cmw-desktop-nav ul {
    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;

    list-style: none;

    gap: 3px;
}

.cmw-desktop-nav ul li {
    position: relative;
}


/* =========================================
   NAV LINKS
========================================= */

.cmw-desktop-nav ul li > a {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 88px;

       padding-left: 16px;
        padding-right: 16px;

    color: var(--cmw-text);

    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 500;

    text-decoration: none;

    white-space: nowrap;

    transition: all .3s ease;
}

.cmw-desktop-nav ul li > a::before {
    content: "";

    position: absolute;

    left: 16px;
    right: 16px;
    bottom: 0;

    height: 3px;

    background: var(--cmw-red);

    transform: scaleX(0);

    transition: transform .3s ease;
}

.cmw-desktop-nav ul li > a:hover,
.cmw-desktop-nav ul li > a.active {
    color: var(--cmw-red);
}

.cmw-desktop-nav ul li > a:hover::before,
.cmw-desktop-nav ul li > a.active::before {
    transform: scaleX(1);
}


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

.cmw-dropdown-btn i {
    margin-left: 8px;

    font-size: 10px;

    transition: transform .3s ease;
}

.cmw-has-dropdown:hover
.cmw-dropdown-btn i {
    transform: rotate(180deg);
}


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

.cmw-services-dropdown {
    position: absolute;

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

    width: 430px;

    padding: 12px;

    background: #fff;

    border: 1px solid var(--cmw-border);
    border-radius: 12px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.13);

    opacity: 0;
    visibility: hidden;

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

    transition: all .25s ease;
}

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

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


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

.cmw-services-dropdown a {
    display: flex;

    align-items: center;

    gap: 13px;

    padding: 11px;

    border-radius: 8px;

    color: var(--cmw-text);

    text-decoration: none;

    transition: all .25s ease;
}

.cmw-services-dropdown a:hover {
    background: #fafafa;

    transform: translateX(4px);
}


/* ICON */

.cmw-service-icon {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

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

    background: rgba(226,27,18,.08);

    color: var(--cmw-red);

    border-radius: 8px;

    font-size: 16px;

    transition: all .25s ease;
}

.cmw-services-dropdown a:hover
.cmw-service-icon {
    background: var(--cmw-red);
    color: #fff;
}


/* DROPDOWN TEXT */

.cmw-services-dropdown strong {
    display: block;

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.cmw-services-dropdown small {
    display: block;

    margin-top: 2px;

    color: #777;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
}


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

.cmw-header-cta {
    flex-shrink: 0;
}

.cmw-header-cta > a {
    min-width: 190px;
    min-height: 54px;

    padding: 6px 13px;

    display: flex;
    align-items: center;

    gap: 10px;

    background: var(--cmw-red);

    color: #fff;

    border-radius: 7px;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(226,27,18,.18);

    transition: all .3s ease;
}

.cmw-header-cta > a:hover {
    background: var(--cmw-navy);

    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(48,42,104,.2);
}


/* CTA ICON */

.cmw-cta-icon {
    width: 37px;
    height: 37px;

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

    background: rgba(255,255,255,.15);

    border-radius: 6px;

    font-size: 14px;
}


/* CTA TEXT */

.cmw-cta-text {
    line-height: 1.2;
}

.cmw-cta-text small {
    display: block;

    margin-bottom: 3px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;

    opacity: .75;
}

.cmw-cta-text {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.cmw-header-cta > a > i {
    margin-left: auto;

    font-size: 11px;

    transition: transform .3s ease;
}

.cmw-header-cta > a:hover > i {
    transform: translateX(4px);
}


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

.cmw-mobile-toggle {
    display: none;

    width: 48px;
    height: 48px;

    margin-left: auto;

    padding: 0;

    border: 1px solid #e5e5e5;
    border-radius: 7px;

    background: #fff;

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

    gap: 5px;

    cursor: pointer;
}

.cmw-mobile-toggle span {
    width: 23px;
    height: 2px;

    display: block;

    background: var(--cmw-black);

    border-radius: 5px;

    transition: all .3s ease;
}

.cmw-mobile-toggle:hover {
    background: var(--cmw-red);
    border-color: var(--cmw-red);
}

.cmw-mobile-toggle:hover span {
    background: #fff;
}


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

.cmw-mobile-menu {
    display: none;
}


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

@media (max-width: 1199px) {

    .cmw-header-container {
        padding: 0 20px;
        gap: 20px;
    }

    .cmw-brand img {
        width: 170px;
    }

    .cmw-desktop-nav ul li > a {
        padding: 0 10px;
        font-size: 13px;
    }

    .cmw-desktop-nav ul li > a::before {
        left: 10px;
        right: 10px;
    }

    .cmw-header-cta > a {
        min-width: 165px;
    }

}


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

@media (max-width: 991px) {

    .cmw-header-container {
        height: 78px;

        padding: 0 20px;
    }


    /* LOGO */

    .cmw-brand img {
        width: 170px;
    }


    /* HIDE DESKTOP */

    .cmw-desktop-nav,
    .cmw-header-cta {
        display: none;
    }


    /* SHOW TOGGLE */

    .cmw-mobile-toggle {
        display: flex;
    }


    /* =====================================
       MOBILE MENU
       DIRECTLY BELOW HEADER
    ===================================== */

    .cmw-mobile-menu {
        position: absolute;

        top: 100%;
        left: 0;

        width: 100%;

        display: block;

        background: #fff;

        border-top: 1px solid #eeeeee;

        box-shadow:
            0 15px 30px rgba(0,0,0,.12);

        opacity: 0;
        visibility: hidden;

        transform: translateY(-10px);

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

        pointer-events: none;
    }


    /* OPEN */

    .cmw-mobile-menu.cmw-menu-open {
        opacity: 1;
        visibility: visible;

        transform: translateY(0);

        pointer-events: auto;
    }


    /* MENU INNER */

    .cmw-mobile-menu-inner {
        width: 100%;
        max-width: 700px;

        margin: 0 auto;

        padding: 12px 20px 22px;
    }


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

    .cmw-mobile-link {
        min-height: 54px;

        padding: 0 8px;

        display: flex;
        align-items: center;

        gap: 14px;

        border-bottom: 1px solid #eeeeee;

        color: var(--cmw-text);

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 500;

        text-decoration: none;

        transition: all .25s ease;
    }

    .cmw-mobile-link i {
        width: 24px;

        color: var(--cmw-red);

        font-size: 15px;

        text-align: center;
    }

    .cmw-mobile-link:hover,
    .cmw-mobile-link.active {
        color: var(--cmw-red);
    }


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

    .cmw-mobile-dropdown {
        border-bottom: 1px solid #eeeeee;
    }

    .cmw-mobile-dropdown-btn {
        width: 100%;
        min-height: 54px;

        padding: 0 8px;

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

        border: 0;

        background: transparent;

        color: var(--cmw-text);

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 500;

        cursor: pointer;
    }

    .cmw-mobile-dropdown-btn > span {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .cmw-mobile-dropdown-btn > span i {
        width: 24px;

        color: var(--cmw-red);

        font-size: 15px;

        text-align: center;
    }

    .cmw-mobile-dropdown-btn > i {
        color: #777;

        font-size: 11px;

        transition: transform .3s ease;
    }

    .cmw-mobile-dropdown.active
    .cmw-mobile-dropdown-btn {
        color: var(--cmw-red);
    }

    .cmw-mobile-dropdown.active
    .cmw-mobile-dropdown-btn > i {
        transform: rotate(180deg);
    }


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

    .cmw-mobile-submenu {
        display: none;

        padding: 4px 0 8px 38px;
    }

    .cmw-mobile-dropdown.active
    .cmw-mobile-submenu {
        display: block;
    }

    .cmw-mobile-submenu a {
        min-height: 47px;

        padding: 8px 10px;

        display: flex;
        align-items: center;

        gap: 12px;

        color: #555;

        font-family: "Poppins", sans-serif;
        font-size: 13px;
        font-weight: 400;

        text-decoration: none;

        border-radius: 6px;

        transition: all .25s ease;
    }

    .cmw-mobile-submenu a i {
        width: 18px;

        color: var(--cmw-red);

        font-size: 12px;

        text-align: center;
    }

    .cmw-mobile-submenu a:hover {
        background: #fafafa;

        color: var(--cmw-red);

        padding-left: 15px;
    }


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

    .cmw-mobile-phone {
        min-height: 68px;

        margin-top: 18px;

        padding: 10px 14px;

        display: flex;
        align-items: center;

        gap: 13px;

        background: #f8f8f8;

        border: 1px solid #eeeeee;
        border-radius: 9px;

        color: var(--cmw-text);

        text-decoration: none;
    }

    .cmw-phone-round {
        width: 42px;
        height: 42px;

        flex: 0 0 42px;

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

        background: var(--cmw-red);

        color: #fff;

        border-radius: 50%;

        font-size: 13px;
    }

    .cmw-mobile-phone small {
        display: block;

        margin-bottom: 2px;

        color: #777;

        font-family: "Poppins", sans-serif;
        font-size: 11px;
    }

    .cmw-mobile-phone strong {
        display: block;

        color: var(--cmw-text);

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 600;
    }


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

    .cmw-mobile-quote {
        min-height: 52px;

        margin-top: 12px;

        padding: 0 17px;

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

        gap: 10px;

        background: var(--cmw-red);

        color: #fff;

        border-radius: 8px;

        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 600;

        text-decoration: none;

        box-shadow:
            0 7px 18px rgba(226,27,18,.18);

        transition: all .3s ease;
    }

    .cmw-mobile-quote:hover {
        background: var(--cmw-navy);
        color: #fff;
    }

    .cmw-mobile-quote i:last-child {
        margin-left: auto;
    }

}


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

@media (max-width: 575px) {

    .cmw-header-container {
        height: 72px;

        padding: 0 15px;
    }

    .cmw-brand img {
        width: 155px;
    }

    .cmw-mobile-toggle {
        width: 44px;
        height: 44px;
    }

    .cmw-mobile-menu-inner {
        padding: 10px 15px 20px;
    }

    .cmw-mobile-link,
    .cmw-mobile-dropdown-btn {
        min-height: 52px;

        font-size: 14px;
    }

}


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

@media (max-width: 380px) {

    .cmw-brand img {
        width: 140px;
    }

    .cmw-header-container {
        padding: 0 12px;
    }

}
/* =========================================
   CREATE MY WEB
   NEW PREMIUM HERO
========================================= */

.cmw-new-hero {

    position: relative;

    width: 100%;

    min-height: 700px;

    padding: 85px 0 90px;

    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #14112f 0%,
            #211d4b 48%,
            #302a68 100%
        );

    color: #fff;

}


/* =========================================
   1320PX CONTAINER
========================================= */

.cmw-new-hero-container {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

}


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

.cmw-new-hero-grid {

    position: absolute;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.10) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.10) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    pointer-events: none;

}


/* =========================================
   BACKGROUND ORBS
========================================= */

.cmw-new-hero-orb {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-orb-1 {

    width: 600px;

    height: 600px;

    top: -350px;

    right: -130px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.28) 0%,
            rgba(226,27,18,.06) 45%,
            transparent 70%
        );

}


.cmw-orb-2 {

    width: 500px;

    height: 500px;

    bottom: -330px;

    left: -220px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.16) 0%,
            transparent 70%
        );

}


/* =========================================
   MAIN LAYOUT
========================================= */

.cmw-new-hero-layout {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        500px;

    align-items: center;

    gap: 80px;

}


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

.cmw-new-hero-left {

    max-width: 730px;

}


/* =========================================
   LABEL
========================================= */

.cmw-new-hero-label {

    width: fit-content;

    margin-bottom: 23px;

    padding: 9px 17px;

    display: flex;

    align-items: center;

    gap: 10px;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 30px;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    font-weight: 500;

    backdrop-filter: blur(8px);

}


.cmw-live-dot {

    width: 8px;

    height: 8px;

    display: block;

    background: #e21b12;

    border-radius: 50%;

    box-shadow:
        0 0 0 5px
        rgba(226,27,18,.14);

}


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

.cmw-new-hero-left h1 {

    margin: 0 0 24px;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 58px;

    font-weight: 700;

    line-height: 1.13;

    letter-spacing: -1.7px;

    color: #fff;

}


.cmw-new-hero-left h1 span {

    display: block;

    color: #ff4037;

}


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

.cmw-new-hero-text {

    max-width: 690px;

    margin: 0 0 30px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    line-height: 1.85;

}


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

.cmw-new-hero-actions {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 30px;

}


/* PRIMARY BUTTON */

.cmw-new-primary-btn {

    min-height: 56px;

    padding:
        0 19px;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: #e21b12;

    color: #fff;

    border-radius: 8px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.20);

    transition: all .3s ease;

}


.cmw-primary-icon {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.14);

    border-radius: 6px;

}


.cmw-new-primary-btn > i {

    margin-left: 7px;

    font-size: 10px;

    transition:
        transform .3s ease;

}


.cmw-new-primary-btn:hover {

    background: #fff;

    color: #e21b12;

    transform:
        translateY(-3px);

}


.cmw-new-primary-btn:hover > i {

    transform:
        translateX(5px);

}


/* CALL BUTTON */

.cmw-new-call-btn {

    min-height: 56px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    gap: 11px;

    color: #fff;

    background:
        rgba(255,255,255,.06);

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius: 8px;

    text-decoration: none;

    transition:
        all .3s ease;

}


.cmw-call-icon {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.10);

    border-radius: 50%;

    font-size: 11px;

}


.cmw-new-call-btn small {

    display: block;

    margin-bottom: 2px;

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

    font-size: 10px;

}


.cmw-new-call-btn strong {

    display: block;

    font-size: 13px;

    font-weight: 600;

}


.cmw-new-call-btn:hover {

    background: #fff;

    color: #302a68;

    border-color: #fff;

    transform:
        translateY(-3px);

}


.cmw-new-call-btn:hover small {

    color: #666;

}


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

.cmw-new-features {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 22px;

    margin-bottom: 22px;

}


.cmw-feature {

    display: flex;

    align-items: center;

    gap: 8px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

}


.cmw-feature > span {

    width: 23px;

    height: 23px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(226,27,18,.16);

    color: #ff4037;

    border-radius: 50%;

}


.cmw-feature i {

    font-size: 9px;

}


/* =========================================
   LOCATION
========================================= */

.cmw-location {

    display: flex;

    align-items: center;

    gap: 8px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

}


.cmw-location i {

    color: #ff4037;

}


/* =========================================
   PROJECT CARD
========================================= */

.cmw-project-card {

    position: relative;

    width: 100%;

    padding: 30px;

    background:
        rgba(255,255,255,.98);

    border:
        1px solid
        rgba(255,255,255,.7);

    border-radius: 18px;

    color: #222;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.30);

}


/* CARD TOP ACCENT */

.cmw-project-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 35px;

    right: 35px;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68
        );

    border-radius:
        0 0 6px 6px;

}


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

.cmw-project-card-top {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 20px;

}


.cmw-project-icon {

    width: 55px;

    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            rgba(226,27,18,.12),
            rgba(48,42,104,.08)
        );

    color: #e21b12;

    border-radius: 12px;

    font-size: 20px;

}


.cmw-card-small-title {

    display: block;

    margin-bottom: 3px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

}


.cmw-project-card-top h2 {

    margin: 0 0 3px;

    color: #171717;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 24px;

    font-weight: 700;

}


.cmw-project-card-top p {

    margin: 0;

    color: #777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

}


/* =========================================
   CARD LINE
========================================= */

.cmw-project-line {

    width: 100%;

    height: 1px;

    margin-bottom: 21px;

    background: #e9e9e9;

}


.cmw-project-line span {

    display: block;

    width: 80px;

    height: 2px;

    margin-top: -1px;

    background: #e21b12;

}


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

.cmw-project-field {

    margin-bottom: 15px;

}


.cmw-project-field label {

    display: block;

    margin-bottom: 7px;

    color: #292929;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

}


/* =========================================
   INPUT
========================================= */

.cmw-project-input {

    position: relative;

    width: 100%;

}


.cmw-project-input > i {

    position: absolute;

    left: 15px;

    top: 50%;

    color: #999;

    font-size: 13px;

    transform:
        translateY(-50%);

    pointer-events: none;

    z-index: 2;

}


.cmw-project-input input,
.cmw-project-input textarea {

    width: 100%;

    margin: 0;

    padding:
        0 15px 0 43px;

    background: #f8f8f9;

    border:
        1px solid #dedfe2;

    border-radius: 8px;

    outline: none;

    color: #222;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    transition:
        all .25s ease;

}


.cmw-project-input input {

    height: 49px;

}


.cmw-project-input textarea {

    min-height: 100px;

    padding-top: 13px;

    resize: vertical;

    line-height: 1.6;

}


/* TEXTAREA ICON */

.cmw-project-message > i {

    top: 18px;

    transform: none;

}


/* PLACEHOLDER */

.cmw-project-input input::placeholder,
.cmw-project-input textarea::placeholder {

    color: #999;

}


/* FOCUS */

.cmw-project-input input:focus,
.cmw-project-input textarea:focus {

    background: #fff;

    border-color: #e21b12;

    box-shadow:
        0 0 0 3px
        rgba(226,27,18,.07);

}


.cmw-project-input:focus-within > i {

    color: #e21b12;

}


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

.cmw-project-submit {

    width: 100%;

    min-height: 54px;

    margin-top: 3px;

    padding:
        0 17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 0;

    border-radius: 8px;

    background:
        linear-gradient(
            100deg,
            #e21b12,
            #d71910
        );

    color: #fff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 10px 24px
        rgba(226,27,18,.18);

    transition:
        all .3s ease;

}


.cmw-project-submit span {

    display: flex;

    align-items: center;

    gap: 9px;

}


.cmw-project-submit > i {

    font-size: 11px;

    transition:
        transform .3s ease;

}


.cmw-project-submit:hover {

    background: #302a68;

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 25px
        rgba(48,42,104,.20);

}


.cmw-project-submit:hover > i {

    transform:
        translateX(5px);

}


/* =========================================
   SECURITY
========================================= */

.cmw-project-security {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-top: 13px;

    color: #888;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

}


.cmw-project-security i {

    color: #e21b12;

}


/* =========================================
   1200 - 1399
========================================= */

@media (max-width: 1399px) {

    .cmw-new-hero-container {

        max-width: 1140px;

    }

    .cmw-new-hero-layout {

        grid-template-columns:
            minmax(0, 1fr)
            470px;

        gap: 50px;

    }

    .cmw-new-hero-left h1 {

        font-size: 50px;

    }

}


/* =========================================
   992 - 1199
========================================= */

@media (max-width: 1199px) {

    .cmw-new-hero-container {

        max-width: 960px;

    }

    .cmw-new-hero-layout {

        grid-template-columns:
            minmax(0, 1fr)
            430px;

        gap: 35px;

    }

    .cmw-new-hero-left h1 {

        font-size: 43px;

    }

    .cmw-new-hero-text {

        font-size: 14px;

    }

}


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

@media (max-width: 991px) {

    .cmw-new-hero {

        min-height: auto;

        padding:
            70px 0 75px;

    }

    .cmw-new-hero-container {

        max-width: 720px;

    }

    .cmw-new-hero-layout {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .cmw-new-hero-left {

        max-width: 750px;

        margin-left: 0;
        margin-right: 0;
        text-align: left;

    }

    .cmw-new-hero-label {

       margin-left: 0;
        margin-right: 0;

    }

    .cmw-new-hero-text {

        margin-left: 0;
        margin-right: 0;

    }

    .cmw-new-hero-actions {

        justify-content: flex-start;

    }

    .cmw-new-features {

       justify-content: flex-start;

    }

    .cmw-location {

       justify-content: flex-start;
        text-align: left;

    }

    .cmw-project-card {

        max-width: 620px;

        margin-left: 0;
        margin-right: 0;

    }

}


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

@media (max-width: 767px) {

    .cmw-new-hero {

        padding:
            48px 0 55px;

    }

    .cmw-new-hero-container {

        max-width: 100%;

        padding:
            0 15px;

    }

    .cmw-new-hero-layout {

        gap: 38px;

    }


    /* HEADING */

    .cmw-new-hero-label {

        margin-bottom: 17px;

        padding:
            8px 13px;

        font-size: 10px;

    }
	  .cmw-new-hero-left {
        text-align: left;
    }
	
    .cmw-new-hero-left h1 {

        margin-bottom: 18px;

        font-size: 34px;

        line-height: 1.18;

        letter-spacing: -.7px;

    }

    .cmw-new-hero-text {

        margin-bottom: 24px;

        font-size: 13px;

        line-height: 1.75;

    }


    /* BUTTONS */

    .cmw-new-hero-actions {

        width: 100%;

        flex-direction: column;

        gap: 10px;

        margin-bottom: 25px;
		align-items: flex-start;

    }

    .cmw-new-primary-btn,
    .cmw-new-call-btn {

        min-height: 52px;
		 width: 100%;
        justify-content: flex-start;

    }


    /* FEATURES */

    .cmw-new-features {

        flex-direction: column;

        gap: 9px;

        margin-bottom: 17px;
		align-items: flex-start;

    }

    .cmw-feature {

        font-size: 11px;
		justify-content: flex-start;
        text-align: left;

    }

    .cmw-location {

        line-height: 1.5;

        font-size: 10px;
		 justify-content: flex-start;
        text-align: left;

    }


    /* CARD */

    .cmw-project-card {

        padding:
            23px 17px;

        border-radius: 13px;

    }

    .cmw-project-card::before {

        left: 25px;

        right: 25px;

    }

    .cmw-project-card-top {

        gap: 12px;

        margin-bottom: 18px;

    }

    .cmw-project-icon {

        width: 46px;

        height: 46px;

        flex-basis: 46px;

        font-size: 16px;

    }

    .cmw-card-small-title {

        font-size: 8px;

    }

    .cmw-project-card-top h2 {

        font-size: 21px;

    }

    .cmw-project-card-top p {

        font-size: 11px;

    }


    /* FORM */

    .cmw-project-field {

        margin-bottom: 13px;

    }

    .cmw-project-field label {

        font-size: 11px;

    }

    .cmw-project-input input {

        height: 48px;

    }

    .cmw-project-input input,
    .cmw-project-input textarea {

        font-size: 12px;

    }

    .cmw-project-input textarea {

        min-height: 95px;

    }

    .cmw-project-submit {

        min-height: 52px;

        font-size: 13px;

    }

}


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

@media (max-width: 380px) {

    .cmw-new-hero-left h1 {

        font-size: 30px;

    }

    .cmw-new-hero-text {

        font-size: 12px;

    }

    .cmw-project-card {

        padding:
            20px 14px;

    }

}
/* =========================================
   CREATE MY WEB
   ABOUT INTRO SECTION
========================================= */

.cmw-about-intro {

    position: relative;

    width: 100%;

    padding: 95px 0;

    background: #ffffff;

    overflow: hidden;

}


/* =========================================
   1320PX CONTAINER
========================================= */

.cmw-about-container {

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

}


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

.cmw-about-grid {

    display: grid;

    grid-template-columns:
        500px
        minmax(0, 1fr);

    align-items: center;

    gap: 85px;

}


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

.cmw-about-visual {

    position: relative;

    width: 100%;

}


/* IMAGE */

.cmw-about-image-box {

    position: relative;

    width: 100%;

    height: 560px;

    overflow: visible;

}


.cmw-about-image-box img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 18px;

}


/* IMAGE OVERLAY */

.cmw-image-overlay {

    position: absolute;

    inset: 0;

    border-radius: 18px;

    background:
        linear-gradient(
            to top,
            rgba(20,17,47,.28),
            transparent 55%
        );

    pointer-events: none;

}


/* =========================================
   FLOATING CARD
========================================= */

.cmw-about-floating-card {

    position: absolute;

    left: -28px;

    bottom: 35px;

    min-width: 230px;

    padding: 17px 20px;

    display: flex;

    align-items: center;

    gap: 12px;

    background: #ffffff;

    border-radius: 12px;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.14);

}


.cmw-floating-icon {

    width: 47px;

    height: 47px;

    flex: 0 0 47px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(226,27,18,.08);

    color: #e21b12;

    border-radius: 9px;

    font-size: 18px;

}


.cmw-about-floating-card strong {

    display: block;

    color: #222;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 15px;

    font-weight: 700;

}


.cmw-about-floating-card span {

    display: block;

    margin-top: 2px;

    color: #777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

}


/* =========================================
   CIRCLE DECORATION
========================================= */

.cmw-about-circle {

    position: absolute;

    top: -20px;

    right: -20px;

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #e21b12;

    color: #ffffff;

    border: 7px solid #ffffff;

    border-radius: 50%;

    box-shadow:
        0 10px 25px
        rgba(226,27,18,.18);

    font-size: 17px;

}


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

.cmw-about-content {

    max-width: 680px;

}


/* =========================================
   LABEL
========================================= */

.cmw-section-label {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 16px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.2px;

}


.cmw-section-label span {

    width: 28px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-about-content h2 {

    margin: 0 0 21px;

    color: #171717;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 42px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.8px;

}


.cmw-about-content h2 span {

    display: block;

    color: #302a68;

}


/* =========================================
   LEAD
========================================= */

.cmw-about-lead {

    margin: 0 0 17px;

    color: #444;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 15px;

    line-height: 1.85;

}


.cmw-about-lead strong {

    color: #302a68;

    font-weight: 700;

}


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

.cmw-about-text p {

    margin: 0 0 13px;

    color: #666;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    line-height: 1.85;

}


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

.cmw-about-points {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 13px;

    margin-top: 25px;

}


.cmw-about-point {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 13px;

    background: #fafafa;

    border: 1px solid #eeeeee;

    border-radius: 9px;

    transition:
        all .3s ease;

}


.cmw-about-point:hover {

    background: #ffffff;

    border-color:
        rgba(226,27,18,.18);

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(0,0,0,.06);

}


.cmw-point-icon {

    width: 35px;

    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(226,27,18,.08);

    color: #e21b12;

    border-radius: 7px;

    font-size: 13px;

}


.cmw-about-point h3 {

    margin: 0 0 2px;

    color: #222;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

}


.cmw-about-point p {

    margin: 0;

    color: #777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.5;

}


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

.cmw-about-bottom {

    display: flex;

    align-items: center;

    gap: 22px;

    margin-top: 27px;

}


/* BUTTON */

.cmw-about-btn {

    min-height: 48px;

    padding:
        0 17px;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    background: #e21b12;

    color: #ffffff;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    box-shadow:
        0 8px 20px
        rgba(226,27,18,.15);

    transition:
        all .3s ease;

}


.cmw-about-btn i {

    font-size: 10px;

    transition:
        transform .3s ease;

}


.cmw-about-btn:hover {

    background: #302a68;

    color: #ffffff;

    transform:
        translateY(-2px);

}


.cmw-about-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================
   CONTACT
========================================= */

.cmw-about-contact {

    display: flex;

    align-items: center;

    gap: 9px;

}


.cmw-contact-icon {

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(48,42,104,.08);

    color: #302a68;

    border-radius: 50%;

    font-size: 11px;

}


.cmw-about-contact small {

    display: block;

    margin-bottom: 1px;

    color: #888;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

}


.cmw-about-contact a {

    display: block;

    color: #222;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

}


.cmw-about-contact a:hover {

    color: #e21b12;

}


/* =========================================
   1200 - 1399
========================================= */

@media (max-width: 1399px) {

    .cmw-about-container {

        max-width: 1140px;

    }

    .cmw-about-grid {

        grid-template-columns:
            450px
            minmax(0, 1fr);

        gap: 60px;

    }

    .cmw-about-image-box {

        height: 530px;

    }

    .cmw-about-content h2 {

        font-size: 38px;

    }

}


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

@media (max-width: 1199px) {

    .cmw-about-container {

        max-width: 960px;

    }

    .cmw-about-grid {

        grid-template-columns:
            400px
            minmax(0, 1fr);

        gap: 45px;

    }

    .cmw-about-image-box {

        height: 500px;

    }

    .cmw-about-content h2 {

        font-size: 34px;

    }

    .cmw-about-lead {

        font-size: 14px;

    }

}


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

@media (max-width: 991px) {

    .cmw-about-intro {

        padding: 70px 0;

    }

    .cmw-about-container {

        max-width: 720px;

    }

    .cmw-about-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .cmw-about-visual {

        max-width: 600px;

        margin: 0 auto;

    }

    .cmw-about-content {

        max-width: 100%;

    }

}


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

@media (max-width: 767px) {

    .cmw-about-intro {

        padding: 55px 0;

    }

    .cmw-about-container {

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }


    /* IMAGE */

    .cmw-about-visual {

        max-width: 100%;

        margin: 0;

    }

    .cmw-about-image-box {

        height: 350px;

    }

    .cmw-about-image-box img {

        border-radius: 12px;

    }

    .cmw-about-circle {

        width: 55px;

        height: 55px;

        top: -12px;

        right: -5px;

        border-width: 5px;

        font-size: 13px;

    }

    .cmw-about-floating-card {

        left: 12px;

        bottom: 18px;

        min-width: auto;

        padding: 12px 14px;

    }

    .cmw-floating-icon {

        width: 40px;

        height: 40px;

        flex-basis: 40px;

        font-size: 15px;

    }

    .cmw-about-floating-card strong {

        font-size: 13px;

    }

    .cmw-about-floating-card span {

        font-size: 9px;

    }


    /* =================================
       IMPORTANT:
       MOBILE CONTENT LEFT ALIGNED
    ================================= */

    .cmw-about-content {

        text-align: left;

    }

    .cmw-section-label {

        justify-content: flex-start;

    }

    .cmw-about-content h2 {

        margin-bottom: 17px;

        font-size: 31px;

        line-height: 1.22;

        letter-spacing: -.5px;

    }

    .cmw-about-content h2 span {

        display: block;

    }

    .cmw-about-lead {

        font-size: 13px;

        line-height: 1.8;

    }

    .cmw-about-text p {

        font-size: 12px;

        line-height: 1.8;

    }


    /* POINTS */

    .cmw-about-points {

        grid-template-columns: 1fr;

        gap: 10px;

        margin-top: 21px;

    }

    .cmw-about-point {

        padding: 12px;

    }


    /* CTA */

    .cmw-about-bottom {

        align-items: flex-start;

        flex-direction: column;

        gap: 17px;

        margin-top: 23px;

    }

    .cmw-about-btn {

        width: 100%;

        justify-content: space-between;

    }

    .cmw-about-contact {

        justify-content: flex-start;

    }

}


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

@media (max-width: 380px) {

    .cmw-about-image-box {

        height: 300px;

    }

    .cmw-about-content h2 {

        font-size: 28px;

    }

    .cmw-about-lead {

        font-size: 12px;

    }

}
/* =========================================
   CMW HERO SERVICE STRIP
========================================= */

.cmw-hero-services {

 position: relative;

    width: 100%;

    padding: 18px 0;

    background:
        linear-gradient(
            135deg,
            #f1f2f8 0%,
            #f8f8fb 50%,
            #eef0f7 100%
        );

    border-top: 1px solid #e3e4eb;

    border-bottom: 1px solid #e1e2e8;

}


/* =========================================
   1320PX CONTAINER
========================================= */

.cmw-hero-services-container {

   width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;


}


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

.cmw-hero-services-grid {

   display: grid;

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

    gap: 12px;

}


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

.cmw-hero-service-card {

    position: relative;

    min-height: 105px;

    padding: 18px 20px;

    display: flex;

    align-items: center;

    gap: 14px;

    background: #ffffff;

    border: 1px solid #e2e3e9;

    border-radius: 10px;

    text-decoration: none;

    overflow: hidden;

    box-shadow:
        0 4px 15px
        rgba(25,25,50,.04);

    transition:
        all .3s ease;

}


.cmw-hero-service-card:first-child {

    border-left: 1px solid #eeeeee;

}


/* =========================================
   TOP ACCENT
========================================= */

.cmw-hero-service-card::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68
        );

    transform:
        scaleX(0);

    transform-origin: left;

    transition:
        transform .35s ease;

}


.cmw-hero-service-card:hover::before {

    transform:
        scaleX(1);

}


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

.cmw-hero-service-icon {

    width: 50px;

    height: 50px;

    flex: 0 0 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            rgba(48,42,104,.08),
            rgba(226,27,18,.06)
        );

    color: #302a68;

    border-radius: 10px;

    font-size: 18px;

    transition:
        all .3s ease;

}


.cmw-hero-service-card:hover
{

   background: #ffffff;

    border-color:
        rgba(226,27,18,.20);

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 28px
        rgba(25,25,50,.09);

}

.cmw-hero-service-card:hover
.cmw-hero-service-icon {

   background: #e21b12;

    color: #ffffff;

    transform:
        translateY(-2px);


}


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

.cmw-hero-service-content {

    min-width: 0;

}


.cmw-hero-service-content h3 {

    margin: 0 0 4px;

    color: #171717;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.35;

    transition:
        color .3s ease;

}


.cmw-hero-service-content p {

     margin: 0;

    color: #777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.5;

}


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

.cmw-service-arrow {

    position: absolute;

    right: 17px;

    bottom: 17px;

    color: #c5c5c5;

    font-size: 9px;

    transition:
        all .3s ease;

}


.cmw-hero-service-card:hover
.cmw-service-arrow {

    color: #e21b12;

    transform:
        translateX(4px);

}


.cmw-hero-service-card:hover
.cmw-hero-service-content h3 {

    color: #e21b12;

}


/* =========================================
   1200 - 1399
========================================= */

@media (max-width: 1399px) {

    .cmw-hero-services-container {

        max-width: 1140px;

    }

    .cmw-hero-service-card {

        padding-left: 18px;

        padding-right: 18px;

    }

    .cmw-hero-service-icon {

        width: 48px;

        height: 48px;

        flex-basis: 48px;

    }

}


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

@media (max-width: 991px) {

    .cmw-hero-services-container {

        max-width: 720px;

    }

    .cmw-hero-services-grid {

        grid-template-columns:
            1fr 1fr;

    }

    .cmw-hero-service-card {

        min-height: 110px;

        border-bottom: 1px solid #eeeeee;

    }

    .cmw-hero-service-card:nth-child(2) {

        border-right: 0;

    }

    .cmw-hero-service-card:nth-child(3) {

        border-left: 1px solid #eeeeee;

    }

}


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

@media (max-width: 767px) {

    .cmw-hero-services-container {

      max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }

    .cmw-hero-services-grid {

        grid-template-columns: 1fr;

        gap: 9px;


    }


    /* LEFT ALIGN MOBILE */

    .cmw-hero-service-card {

      min-height: 78px;

        padding: 13px 14px;

        justify-content: flex-start;

        border-left: 1px solid #eeeeee;

        border-right: 1px solid #eeeeee;

        border-bottom: 1px solid #eeeeee;

    }


    .cmw-hero-service-card:first-child {

        border-top: 1px solid #eeeeee;

    }


    .cmw-hero-service-icon {

        width: 43px;

        height: 43px;

        flex-basis: 43px;

        font-size: 16px;

        border-radius: 9px;

    }


    .cmw-hero-service-content {

        text-align: left;

    }


    .cmw-hero-service-content h3 {

        margin-bottom: 3px;

        font-size: 13px;

    }


    .cmw-hero-service-content p {

        font-size: 10px;

    }


    .cmw-service-arrow {

       position: absolute;

    right: 14px;

    bottom: 13px;

    color: #b9bac2;

    font-size: 9px;

    transition:
        all .3s ease;

    }


    .cmw-hero-service-card:hover
    .cmw-service-arrow {

        color: #e21b12;

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

    }
	.cmw-service-arrow {

        top: 50%;

        right: 15px;

        bottom: auto;

        transform:
            translateY(-50%);

    }
	 .cmw-hero-services {

        padding: 12px 0;

    }

}


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

@media (max-width: 380px) {

    .cmw-hero-service-card {

        padding:
            13px;

    }

    .cmw-hero-service-icon {

        width: 40px;

        height: 40px;

        flex-basis: 40px;

        font-size: 15px;

    }

    .cmw-hero-service-content h3 {

        font-size: 12px;

    }

}
/* =========================================
   CMW - OUR SERVICES
========================================= */

.cmw-services-section {

    position: relative;

    width: 100%;

    padding: 100px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f0f1f7 0%,
            #f8f8fb 48%,
            #eceef5 100%
        );

}


/* =========================================
   BACKGROUND DECORATIONS
========================================= */

.cmw-services-bg-shape {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-services-shape-1 {

    width: 500px;

    height: 500px;

    top: -300px;

    right: -180px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.10),
            transparent 68%
        );

}


.cmw-services-shape-2 {

    width: 450px;

    height: 450px;

    bottom: -300px;

    left: -220px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.07),
            transparent 70%
        );

}


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

.cmw-services-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

}


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

.cmw-services-header {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        480px;

    align-items: end;

    gap: 70px;

    margin-bottom: 48px;

}


/* =========================================
   LABEL
========================================= */

.cmw-services-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.cmw-services-label span {

    width: 30px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-services-heading h2 {

    margin: 0;

    color: #171717;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 44px;

    font-weight: 700;

    line-height: 1.18;

    letter-spacing: -.8px;

}


.cmw-services-heading h2 span {

    display: block;

    color: #302a68;

}


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

.cmw-services-intro p {

    margin: 0 0 18px;

    color: #666;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.8;

}


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

.cmw-services-header-btn {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #302a68;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

}


.cmw-services-header-btn i {

    font-size: 9px;

    transition:
        transform .3s ease;

}


.cmw-services-header-btn:hover {

    color: #e21b12;

}


.cmw-services-header-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================
   SERVICE GRID
========================================= */

.cmw-services-grid {

    display: grid;

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

    gap: 18px;

}


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

.cmw-service-card {

    position: relative;

    min-height: 310px;

    padding: 27px;

    display: flex;

    flex-direction: column;

    background: rgba(255,255,255,.92);

    border:
        1px solid #e1e2e9;

    border-radius: 14px;

    overflow: hidden;

    text-decoration: none;

    box-shadow:
        0 8px 25px
        rgba(25,25,50,.045);

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

}


.cmw-service-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(226,27,18,.22);

    box-shadow:
        0 22px 45px
        rgba(25,25,50,.10);

}


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

.cmw-service-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}


/* NUMBER */

.cmw-service-number {

    color: #c9cad2;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    transition:
        color .3s ease;

}


.cmw-service-card:hover
.cmw-service-number {

    color: #e21b12;

}


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

.cmw-service-icon {

    width: 57px;

    height: 57px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            rgba(48,42,104,.09),
            rgba(226,27,18,.07)
        );

    color: #302a68;

    border-radius: 12px;

    font-size: 20px;

    transition:
        all .35s ease;

}


.cmw-service-card:hover
.cmw-service-icon {

    background: #e21b12;

    color: #ffffff;

    transform:
        rotate(-4deg)
        scale(1.04);

}


/* =========================================
   CARD BODY
========================================= */

.cmw-service-card-body {

    flex: 1;

}


.cmw-service-card-body h3 {

    margin: 0 0 12px;

    color: #181818;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 19px;

    font-weight: 700;

    line-height: 1.4;

    transition:
        color .3s ease;

}


.cmw-service-card:hover
.cmw-service-card-body h3 {

    color: #302a68;

}


.cmw-service-card-body p {

    margin: 0;

    color: #707070;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    line-height: 1.8;

}


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

.cmw-service-card-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 25px;

    padding-top: 16px;

    border-top:
        1px solid #eeeeee;

    color: #302a68;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 600;

}


.cmw-service-card-bottom i {

    width: 28px;

    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        #f0f0f5;

    color: #302a68;

    border-radius: 50%;

    font-size: 9px;

    transition:
        all .3s ease;

}


.cmw-service-card:hover
.cmw-service-card-bottom i {

    background: #e21b12;

    color: #ffffff;

    transform:
        translateX(4px);

}


/* =========================================
   CARD RED EDGE
========================================= */

.cmw-service-card::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 0;

    background: #e21b12;

    border-radius:
        14px 0 0 14px;

    transition:
        height .35s ease;

}


.cmw-service-card:hover::after {

    height: 100%;

}


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

.cmw-services-bottom {

    margin-top: 25px;

    padding: 22px 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    background:
        linear-gradient(
            100deg,
            #302a68,
            #211d4b
        );

    border-radius: 13px;

    box-shadow:
        0 15px 35px
        rgba(48,42,104,.14);

}


.cmw-services-bottom-content {

    display: flex;

    align-items: center;

    gap: 14px;

}


.cmw-services-bottom-icon {

    width: 46px;

    height: 46px;

    flex: 0 0 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.10);

    color: #ff4037;

    border-radius: 9px;

    font-size: 17px;

}


.cmw-services-bottom h3 {

    margin: 0 0 3px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 15px;

    font-weight: 600;

}


.cmw-services-bottom p {

    margin: 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

}


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

.cmw-services-bottom-btn {

    min-height: 46px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    flex: 0 0 auto;

    background: #e21b12;

    color: #ffffff;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    transition:
        all .3s ease;

}


.cmw-services-bottom-btn i {

    font-size: 9px;

    transition:
        transform .3s ease;

}


.cmw-services-bottom-btn:hover {

    background: #ffffff;

    color: #302a68;

}


.cmw-services-bottom-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================
   1200 - 1399
========================================= */

@media (max-width: 1399px) {

    .cmw-services-container {

        max-width: 1140px;

    }

    .cmw-services-header {

        gap: 50px;

    }

    .cmw-services-heading h2 {

        font-size: 39px;

    }

}


/* =========================================
   992 - 1199
========================================= */

@media (max-width: 1199px) {

    .cmw-services-container {

        max-width: 960px;

    }

    .cmw-services-header {

        grid-template-columns:
            minmax(0, 1fr)
            400px;

        gap: 35px;

    }

    .cmw-services-heading h2 {

        font-size: 34px;

    }

    .cmw-service-card {

        padding: 23px;

    }

    .cmw-service-card-body h3 {

        font-size: 17px;

    }

}


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

@media (max-width: 991px) {

    .cmw-services-section {

        padding: 75px 0;

    }

    .cmw-services-container {

        max-width: 720px;

    }

    .cmw-services-header {

        grid-template-columns: 1fr;

        gap: 18px;

        margin-bottom: 35px;

    }

    .cmw-services-grid {

        grid-template-columns:
            1fr 1fr;

    }

    .cmw-services-bottom {

        align-items: flex-start;

    }

}


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

@media (max-width: 767px) {

    .cmw-services-section {

        padding: 55px 0;

    }

    .cmw-services-container {

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }


    /* =================================
       LEFT ALIGN EVERYTHING
    ================================= */

    .cmw-services-header {

        text-align: left;

        margin-bottom: 27px;

    }

    .cmw-services-heading {

        text-align: left;

    }

    .cmw-services-label {

        justify-content: flex-start;

    }

    .cmw-services-heading h2 {

        font-size: 31px;

        line-height: 1.22;

        letter-spacing: -.5px;

    }

    .cmw-services-heading h2 span {

        display: block;

    }

    .cmw-services-intro {

        text-align: left;

    }

    .cmw-services-intro p {

        font-size: 12px;

        line-height: 1.8;

    }


    /* GRID */

    .cmw-services-grid {

        grid-template-columns: 1fr;

        gap: 13px;

    }


    /* CARD */

    .cmw-service-card {

        min-height: 0;

        padding: 21px;

        text-align: left;

        border-radius: 11px;

    }

    .cmw-service-card-top {

        margin-bottom: 21px;

    }

    .cmw-service-icon {

        width: 50px;

        height: 50px;

        font-size: 18px;

    }

    .cmw-service-card-body h3 {

        font-size: 17px;

        line-height: 1.4;

    }

    .cmw-service-card-body p {

        font-size: 11px;

        line-height: 1.75;

    }

    .cmw-service-card-bottom {

        margin-top: 20px;

    }


    /* BOTTOM CTA */

    .cmw-services-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;

        padding: 20px;

        text-align: left;

    }

    .cmw-services-bottom-content {

        align-items: flex-start;

    }

    .cmw-services-bottom h3 {

        font-size: 14px;

    }

    .cmw-services-bottom p {

        font-size: 10px;

        line-height: 1.5;

    }

    .cmw-services-bottom-btn {

        width: 100%;

        justify-content: space-between;

    }

}


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

@media (max-width: 380px) {

    .cmw-services-heading h2 {

        font-size: 28px;

    }

    .cmw-service-card {

        padding: 18px;

    }

    .cmw-service-card-body h3 {

        font-size: 16px;

    }

}
/* =========================================================
   CREATE MY WEB
   WHY CHOOSE US - COMPLETE LIGHT PREMIUM CSS
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.cmw-why-section {

    position: relative;

    width: 100%;

    padding: 105px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #f7f5fb 48%,
            #f4f7fc 100%
        );

}


/* =========================================================
   SOFT BACKGROUND GLOW
========================================================= */

.cmw-why-section::before {

    content: "";

    position: absolute;

    width: 650px;

    height: 650px;

    top: -380px;

    right: -170px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.075) 0%,
            rgba(226,27,18,.035) 35%,
            transparent 70%
        );

    pointer-events: none;

}


.cmw-why-section::after {

    content: "";

    position: absolute;

    width: 600px;

    height: 600px;

    bottom: -380px;

    left: -230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.085) 0%,
            rgba(48,42,104,.035) 38%,
            transparent 70%
        );

    pointer-events: none;

}


/* =========================================================
   DECORATIVE CIRCLES
========================================================= */

.cmw-why-bg-shape {

    position: absolute;

    z-index: 0;

    pointer-events: none;

    border:
        1px solid
        rgba(48,42,104,.055);

    border-radius: 50%;

}


.cmw-why-shape-1 {

    width: 520px;

    height: 520px;

    top: -310px;

    left: -230px;

}


.cmw-why-shape-2 {

    width: 440px;

    height: 440px;

    right: -220px;

    bottom: -260px;

}


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

.cmw-why-container {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.cmw-why-layout {

    display: grid;

    grid-template-columns:
        480px
        minmax(0, 1fr);

    align-items: center;

    gap: 78px;

}


/* =========================================================
   LEFT VISUAL PANEL
========================================================= */

.cmw-why-visual {

    position: relative;

    min-height: 625px;

    padding: 45px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #302a68 0%,
            #3d367d 48%,
            #25204f 100%
        );

    border:
        1px solid
        rgba(48,42,104,.15);

    border-radius: 22px;

    box-shadow:
        0 25px 60px
        rgba(48,42,104,.16);

}


/* =========================================================
   VISUAL PANEL GLOW
========================================================= */

.cmw-why-visual::before {

    content: "";

    position: absolute;

    width: 370px;

    height: 370px;

    top: -190px;

    right: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.13),
            transparent 68%
        );

}


/* =========================================================
   VISUAL DECORATIVE CIRCLE
========================================================= */

.cmw-why-visual::after {

    content: "";

    position: absolute;

    width: 410px;

    height: 410px;

    left: -210px;

    bottom: -260px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius: 50%;

}


/* =========================================================
   VISUAL INNER
========================================================= */

.cmw-why-visual-inner {

    position: relative;

    z-index: 3;

    width: 100%;

}


/* =========================================================
   VISUAL LABEL
========================================================= */

.cmw-why-small-label {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 18px;

    color: #ffb0ab;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.cmw-why-small-label i {

    font-size: 9px;

}


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

.cmw-why-visual h2 {

    margin: 0 0 18px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 35px;

    font-weight: 700;

    line-height: 1.24;

    letter-spacing: -.7px;

}


.cmw-why-visual h2 span {

    display: block;

    color: #ff817b;

}


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

.cmw-why-visual-inner > p {

    max-width: 380px;

    margin: 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    line-height: 1.85;

}


/* =========================================================
   TECHNOLOGY ORBIT
========================================================= */

.cmw-tech-orbit {

    position: relative;

    width: 285px;

    height: 285px;

    margin:
        42px auto 35px;

}


/* OUTER ORBIT */

.cmw-tech-orbit::before {

    content: "";

    position: absolute;

    inset: 20px;

    border:
        1px dashed
        rgba(255,255,255,.25);

    border-radius: 50%;

}


/* INNER ORBIT */

.cmw-tech-orbit::after {

    content: "";

    position: absolute;

    inset: 67px;

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius: 50%;

}


/* =========================================================
   ORBIT CENTER
========================================================= */

.cmw-orbit-center {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 86px;

    height: 86px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #ee2a20,
            #c51b14
        );

    color: #ffffff;

    border:
        5px solid
        rgba(255,255,255,.16);

    border-radius: 50%;

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

    box-shadow:
        0 15px 35px
        rgba(226,27,18,.25);

}


.cmw-orbit-center i {

    margin-bottom: 4px;

    font-size: 18px;

}


.cmw-orbit-center span {

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .5px;

}


/* =========================================================
   ORBIT ICONS
========================================================= */

.cmw-orbit-icon {

    position: absolute;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.12);

    color: #ffffff;

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius: 50%;

    box-shadow:
        0 8px 20px
        rgba(20,15,60,.14);

    backdrop-filter:
        blur(8px);

    font-size: 15px;

}


/* TOP */

.cmw-orbit-1 {

    top: 0;

    left: 50%;

    transform:
        translateX(-50%);

}


/* RIGHT */

.cmw-orbit-2 {

    top: 50%;

    right: 0;

    transform:
        translateY(-50%);

}


/* BOTTOM */

.cmw-orbit-3 {

    bottom: 0;

    left: 50%;

    transform:
        translateX(-50%);

}


/* LEFT */

.cmw-orbit-4 {

    top: 50%;

    left: 0;

    transform:
        translateY(-50%);

}


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

.cmw-why-badge {

    width: fit-content;

    margin:
        0 auto;

    padding:
        11px 16px;

    display: flex;

    align-items: center;

    gap: 11px;

    background:
        rgba(255,255,255,.10);

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius: 9px;

    backdrop-filter:
        blur(8px);

}


.cmw-why-badge-icon {

    width: 32px;

    height: 32px;

    flex: 0 0 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #e21b12;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;

}


.cmw-why-badge strong {

    display: block;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 600;

}


.cmw-why-badge span {

    display: block;

    margin-top: 2px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

}


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

.cmw-why-content {

    width: 100%;

    max-width: 720px;

}


/* =========================================================
   SECTION LABEL
========================================================= */

.cmw-why-label {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 16px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.cmw-why-label span {

    width: 30px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-why-content > h2 {

    margin: 0 0 19px;

    color: #171717;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 43px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.8px;

}


.cmw-why-content > h2 span {

    display: block;

    color: #302a68;

}


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

.cmw-why-intro {

    max-width: 680px;

    margin:
        0 0 30px;

    color: #666666;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.85;

}


/* =========================================================
   BENEFIT GRID
========================================================= */

.cmw-why-benefits {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 13px;

}


/* =========================================================
   BENEFIT CARD
========================================================= */

.cmw-why-benefit {

    position: relative;

    min-height: 104px;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 16px;

    background:
        rgba(255,255,255,.88);

    border:
        1px solid #e5e4ea;

    border-radius: 11px;

    box-shadow:
        0 6px 20px
        rgba(35,30,70,.045);

    transition:
        all .3s ease;

}


.cmw-why-benefit::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 0;

    background:
        linear-gradient(
            to bottom,
            #e21b12,
            #302a68
        );

    border-radius:
        11px 0 0 11px;

    transition:
        height .3s ease;

}


.cmw-why-benefit:hover {

    background: #ffffff;

    border-color:
        rgba(226,27,18,.22);

    transform:
        translateY(-4px);

    box-shadow:
        0 15px 32px
        rgba(35,30,70,.09);

}


.cmw-why-benefit:hover::before {

    height: 100%;

}


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

.cmw-benefit-icon {

    width: 41px;

    height: 41px;

    flex: 0 0 41px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            rgba(226,27,18,.08),
            rgba(48,42,104,.08)
        );

    color: #302a68;

    border-radius: 8px;

    font-size: 14px;

    transition:
        all .3s ease;

}


.cmw-why-benefit:hover
.cmw-benefit-icon {

    background: #e21b12;

    color: #ffffff;

    transform:
        scale(1.05);

}


/* =========================================================
   BENEFIT TITLE
========================================================= */

.cmw-why-benefit h3 {

    margin: 0 0 5px;

    color: #222222;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;

}


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

.cmw-why-benefit p {

    margin: 0;

    color: #777777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.7;

}


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

.cmw-why-cta {

    display: flex;

    align-items: center;

    gap: 23px;

    margin-top: 29px;

}


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

.cmw-why-btn {

    min-height: 50px;

    padding:
        0 19px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    background:
        linear-gradient(
            135deg,
            #e82a20,
            #c71912
        );

    color: #ffffff;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    box-shadow:
        0 9px 23px
        rgba(226,27,18,.16);

    transition:
        all .3s ease;

}


.cmw-why-btn i {

    font-size: 9px;

    transition:
        transform .3s ease;

}


.cmw-why-btn:hover {

    background: #302a68;

    color: #ffffff;

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px
        rgba(48,42,104,.18);

}


.cmw-why-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   CONTACT
========================================================= */

.cmw-why-contact {

    display: flex;

    align-items: center;

    gap: 10px;

}


.cmw-why-contact > span {

    width: 37px;

    height: 37px;

    flex: 0 0 37px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(48,42,104,.07);

    color: #302a68;

    border-radius: 50%;

    font-size: 10px;

}


.cmw-why-contact small {

    display: block;

    margin-bottom: 2px;

    color: #888888;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

}


.cmw-why-contact a {

    display: block;

    color: #222222;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

}


.cmw-why-contact a:hover {

    color: #e21b12;

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-why-container {

        max-width: 1140px;

    }

    .cmw-why-layout {

        grid-template-columns:
            430px
            minmax(0, 1fr);

        gap: 55px;

    }

    .cmw-why-visual {

        min-height: 600px;

        padding: 38px;

    }

    .cmw-why-content > h2 {

        font-size: 38px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-why-container {

        max-width: 960px;

    }

    .cmw-why-layout {

        grid-template-columns:
            390px
            minmax(0, 1fr);

        gap: 35px;

    }

    .cmw-why-visual {

        min-height: 570px;

        padding: 30px;

    }

    .cmw-why-visual h2 {

        font-size: 30px;

    }

    .cmw-why-content > h2 {

        font-size: 34px;

    }

    .cmw-why-intro {

        font-size: 13px;

    }

    .cmw-why-benefits {

        gap: 10px;

    }

    .cmw-why-benefit {

        padding: 14px;

    }

}


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

@media (max-width: 991px) {

    .cmw-why-section {

        padding: 80px 0;

    }

    .cmw-why-container {

        max-width: 720px;

    }

    .cmw-why-layout {

        grid-template-columns: 1fr;

        gap: 48px;

    }

    .cmw-why-visual {

        min-height: 520px;

        max-width: 620px;

        margin: 0 auto;

    }

    .cmw-why-content {

        max-width: 100%;

    }

}


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

@media (max-width: 767px) {

    .cmw-why-section {

        padding: 60px 0;

    }

    .cmw-why-container {

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }


    /* =====================================
       LAYOUT
    ===================================== */

    .cmw-why-layout {

        gap: 35px;

    }


    /* =====================================
       LEFT VISUAL
    ===================================== */

    .cmw-why-visual {

        min-height: auto;

        padding: 28px 21px;

        margin: 0;

        border-radius: 15px;

        text-align: left;

    }

    .cmw-why-small-label {

        justify-content: flex-start;

    }

    .cmw-why-visual h2 {

        font-size: 28px;

        line-height: 1.25;

    }

    .cmw-why-visual h2 span {

        display: block;

    }

    .cmw-why-visual-inner > p {

        max-width: 100%;

        font-size: 11px;

        line-height: 1.8;

    }


    /* =====================================
       ORBIT
    ===================================== */

    .cmw-tech-orbit {

        width: 220px;

        height: 220px;

        margin:
            35px 0 30px;

    }

    .cmw-tech-orbit::before {

        inset: 15px;

    }

    .cmw-tech-orbit::after {

        inset: 50px;

    }

    .cmw-orbit-center {

        width: 68px;

        height: 68px;

    }

    .cmw-orbit-center i {

        font-size: 15px;

    }

    .cmw-orbit-center span {

        font-size: 9px;

    }

    .cmw-orbit-icon {

        width: 39px;

        height: 39px;

        font-size: 12px;

    }


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

    .cmw-why-badge {

        margin-left: 0;

        margin-right: 0;

    }


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

    .cmw-why-content {

        text-align: left;

    }

    .cmw-why-label {

        justify-content: flex-start;

    }

    .cmw-why-content > h2 {

        margin-bottom: 17px;

        font-size: 31px;

        line-height: 1.22;

        letter-spacing: -.5px;

    }

    .cmw-why-content > h2 span {

        display: block;

    }

    .cmw-why-intro {

        margin-bottom: 24px;

        font-size: 12px;

        line-height: 1.8;

    }


    /* =====================================
       BENEFIT CARDS
    ===================================== */

    .cmw-why-benefits {

        grid-template-columns: 1fr;

        gap: 10px;

    }

    .cmw-why-benefit {

        min-height: auto;

        padding: 14px;

        text-align: left;

    }

    .cmw-why-benefit h3 {

        font-size: 13px;

    }

    .cmw-why-benefit p {

        font-size: 10px;

        line-height: 1.7;

    }


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

    .cmw-why-cta {

        flex-direction: column;

        align-items: flex-start;

        gap: 17px;

        margin-top: 24px;

    }

    .cmw-why-btn {

        width: 100%;

        justify-content: space-between;

    }

    .cmw-why-contact {

        justify-content: flex-start;

    }


    /* =====================================
       MOBILE BACKGROUND GLOW
    ===================================== */

    .cmw-why-section::before {

        width: 420px;

        height: 420px;

        top: -250px;

        right: -180px;

    }

    .cmw-why-section::after {

        width: 400px;

        height: 400px;

        bottom: -260px;

        left: -220px;

    }

}


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

@media (max-width: 380px) {

    .cmw-why-section {

        padding: 52px 0;

    }

    .cmw-why-visual {

        padding:
            24px 18px;

    }

    .cmw-why-visual h2 {

        font-size: 26px;

    }

    .cmw-why-content > h2 {

        font-size: 28px;

    }

    .cmw-tech-orbit {

        width: 200px;

        height: 200px;

    }

    .cmw-orbit-icon {

        width: 36px;

        height: 36px;

        font-size: 11px;

    }

    .cmw-orbit-center {

        width: 63px;

        height: 63px;

    }

}
/* =========================================================
   CMW - HOW WE WORK
   PREMIUM PROCESS SECTION
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.cmw-process-section {

    position: relative;

    width: 100%;

    padding: 105px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fafafd 48%,
            #f5f6fa 100%
        );

}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.cmw-process-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-process-glow-1 {

    width: 520px;

    height: 520px;

    top: -350px;

    right: -150px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.08),
            transparent 70%
        );

}


.cmw-process-glow-2 {

    width: 480px;

    height: 480px;

    bottom: -330px;

    left: -180px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.065),
            transparent 70%
        );

}


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

.cmw-process-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

}


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

.cmw-process-header {

    max-width: 760px;

    margin-bottom: 58px;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-process-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.cmw-process-label span {

    width: 30px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-process-header h2 {

    margin: 0 0 17px;

    color: #181818;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 44px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.8px;

}


.cmw-process-header h2 span {

    display: block;

    color: #302a68;

}


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

.cmw-process-header p {

    max-width: 700px;

    margin: 0;

    color: #707070;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.85;

}


/* =========================================================
   TIMELINE
========================================================= */

.cmw-process-timeline {

    position: relative;

    display: grid;

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

    gap: 20px;

}


/* =========================================================
   CONNECTING LINE
========================================================= */

.cmw-process-timeline::before {

    content: "";

    position: absolute;

    left: 10%;

    right: 10%;

    top: 29px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68,
            #e21b12
        );

    opacity: .18;

}


/* =========================================================
   STEP
========================================================= */

.cmw-process-step {

    position: relative;

    z-index: 2;

}


/* =========================================================
   STEP TOP
========================================================= */

.cmw-process-step-top {

    position: relative;

    min-height: 70px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}


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

.cmw-process-number {

    color: #d9d9df;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .5px;

}


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

.cmw-process-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    color: #302a68;

    border:
        2px solid
        #e4e4eb;

    border-radius: 50%;

    font-size: 18px;

    box-shadow:
        0 8px 22px
        rgba(40,35,80,.07);

    transition:
        all .35s ease;

}


.cmw-process-step:hover
.cmw-process-icon {

    background: #e21b12;

    color: #ffffff;

    border-color: #e21b12;

    transform:
        translateY(-4px);

    box-shadow:
        0 12px 25px
        rgba(226,27,18,.18);

}


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

.cmw-process-content {

    padding-top: 21px;

    padding-right: 8px;

}


/* =========================================================
   MINI LABEL
========================================================= */

.cmw-process-mini {

    display: block;

    margin-bottom: 8px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

}


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

.cmw-process-content h3 {

    margin: 0 0 9px;

    color: #202020;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 17px;

    font-weight: 700;

    line-height: 1.4;

}


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

.cmw-process-content p {

    margin: 0;

    color: #777777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.75;

}


/* =========================================================
   STEP HOVER
========================================================= */

.cmw-process-step:hover
.cmw-process-number {

    color: #e21b12;

}


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

.cmw-process-cta {

    margin-top: 55px;

    padding: 22px 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    background:
        linear-gradient(
            105deg,
            #302a68,
            #211d4b
        );

    border-radius: 13px;

    box-shadow:
        0 18px 38px
        rgba(48,42,104,.13);

}


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

.cmw-process-cta-content {

    display: flex;

    align-items: center;

    gap: 14px;

}


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

.cmw-process-cta-icon {

    width: 46px;

    height: 46px;

    flex: 0 0 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.10);

    color: #ff5148;

    border-radius: 9px;

    font-size: 16px;

}


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

.cmw-process-cta h3 {

    margin: 0 0 3px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 15px;

    font-weight: 600;

}


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

.cmw-process-cta p {

    margin: 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

}


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

.cmw-process-cta-btn {

    min-height: 46px;

    padding:
        0 19px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    flex: 0 0 auto;

    background: #e21b12;

    color: #ffffff;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    transition:
        all .3s ease;

}


.cmw-process-cta-btn i {

    font-size: 9px;

    transition:
        transform .3s ease;

}


.cmw-process-cta-btn:hover {

    background: #ffffff;

    color: #302a68;

}


.cmw-process-cta-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-process-container {

        max-width: 1140px;

    }

    .cmw-process-header h2 {

        font-size: 40px;

    }

    .cmw-process-content h3 {

        font-size: 16px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-process-container {

        max-width: 960px;

    }

    .cmw-process-timeline {

        gap: 14px;

    }

    .cmw-process-icon {

        width: 52px;

        height: 52px;

        font-size: 16px;

    }

    .cmw-process-step-top {

        min-height: 64px;

    }

    .cmw-process-content h3 {

        font-size: 15px;

    }

}


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

@media (max-width: 991px) {

    .cmw-process-section {

        padding: 80px 0;

    }

    .cmw-process-container {

        max-width: 720px;

    }

    .cmw-process-header {

        margin-bottom: 45px;

    }

    .cmw-process-header h2 {

        font-size: 36px;

    }

    .cmw-process-timeline {

        grid-template-columns:
            1fr 1fr;

        gap: 30px 20px;

    }

    .cmw-process-timeline::before {

        display: none;

    }

    .cmw-process-step {

        padding: 20px;

        background: #ffffff;

        border:
            1px solid #e6e6eb;

        border-radius: 12px;

        box-shadow:
            0 7px 20px
            rgba(30,25,70,.04);

    }

    .cmw-process-cta {

        margin-top: 35px;

    }

}


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

@media (max-width: 767px) {

    .cmw-process-section {

        padding: 60px 0;

    }

    .cmw-process-container {

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }


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

    .cmw-process-header {

        margin-bottom: 35px;

        text-align: left;

    }

    .cmw-process-label {

        justify-content: flex-start;

    }

    .cmw-process-header h2 {

        font-size: 31px;

        line-height: 1.22;

        letter-spacing: -.5px;

    }

    .cmw-process-header h2 span {

        display: block;

    }

    .cmw-process-header p {

        font-size: 12px;

        line-height: 1.8;

    }


    /* =====================================
       VERTICAL TIMELINE
    ===================================== */

    .cmw-process-timeline {

        display: flex;

        flex-direction: column;

        gap: 0;

    }


    /* VERTICAL LINE */

    .cmw-process-timeline::before {

        display: block;

        left: 24px;

        right: auto;

        top: 28px;

        bottom: 28px;

        width: 2px;

        height: auto;

        background:
            linear-gradient(
                to bottom,
                #e21b12,
                #302a68,
                #e21b12
            );

        opacity: .18;

    }


    /* =====================================
       STEP
    ===================================== */

    .cmw-process-step {

        position: relative;

        min-height: 145px;

        padding:
            0 0 30px 65px;

        background: transparent;

        border: 0;

        border-radius: 0;

        box-shadow: none;

        text-align: left;

    }


    .cmw-process-step:last-child {

        padding-bottom: 0;

        min-height: 125px;

    }


    /* =====================================
       STEP TOP
    ===================================== */

    .cmw-process-step-top {

        position: absolute;

        left: 0;

        top: 0;

        width: 49px;

        min-height: 49px;

        display: block;

    }


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

    .cmw-process-number {

        position: absolute;

        top: -19px;

        left: 1px;

        color: #d3d3da;

        font-size: 9px;

    }


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

    .cmw-process-icon {

        width: 49px;

        height: 49px;

        font-size: 15px;

        background: #ffffff;

        border:
            2px solid #e1e1e7;

    }


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

    .cmw-process-content {

        padding: 0;

        text-align: left;

    }

    .cmw-process-mini {

        margin-bottom: 5px;

        font-size: 8px;

    }

    .cmw-process-content h3 {

        margin-bottom: 7px;

        font-size: 17px;

    }

    .cmw-process-content p {

        font-size: 10px;

        line-height: 1.75;

    }


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

    .cmw-process-cta {

        margin-top: 38px;

        padding: 20px;

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;

        text-align: left;

    }

    .cmw-process-cta-content {

        align-items: flex-start;

        text-align: left;

    }

    .cmw-process-cta h3 {

        font-size: 14px;

    }

    .cmw-process-cta p {

        font-size: 10px;

        line-height: 1.6;

    }

    .cmw-process-cta-btn {

        width: 100%;

        justify-content: space-between;

    }


    /* =====================================
       BACKGROUND
    ===================================== */

    .cmw-process-glow-1 {

        width: 380px;

        height: 380px;

        top: -250px;

        right: -180px;

    }

    .cmw-process-glow-2 {

        width: 350px;

        height: 350px;

        bottom: -240px;

        left: -180px;

    }

}


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

@media (max-width: 380px) {

    .cmw-process-section {

        padding: 52px 0;

    }

    .cmw-process-header h2 {

        font-size: 28px;

    }

    .cmw-process-step {

        padding-left: 60px;

    }

    .cmw-process-icon {

        width: 45px;

        height: 45px;

        font-size: 14px;

    }

    .cmw-process-timeline::before {

        left: 22px;

    }

}
/* =========================================================
   CREATE MY WEB
   TECHNOLOGIES & EXPERTISE
   COMPLETE RESPONSIVE CSS
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.cmw-tech-section {

    position: relative;

    width: 100%;

    padding: 105px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f4f7fc 0%,
            #ffffff 48%,
            #f5f3fa 100%
        );

}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.cmw-tech-bg {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-tech-bg-one {

    width: 620px;

    height: 620px;

    top: -430px;

    right: -190px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.09) 0%,
            rgba(48,42,104,.035) 40%,
            transparent 72%
        );

}


.cmw-tech-bg-two {

    width: 540px;

    height: 540px;

    bottom: -370px;

    left: -230px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.065) 0%,
            rgba(226,27,18,.025) 40%,
            transparent 72%
        );

}


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

.cmw-tech-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-tech-header {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        500px;

    gap: 70px;

    align-items: end;

    margin-bottom: 48px;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-tech-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.cmw-tech-label span {

    width: 30px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-tech-heading h2 {

    margin: 0;

    color: #171717;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 43px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.8px;

}


.cmw-tech-heading h2 span {

    display: block;

    color: #302a68;

}


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

.cmw-tech-intro p {

    margin: 0;

    color: #707070;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.85;

}


/* =========================================================
   MAIN TECHNOLOGY LAYOUT
========================================================= */

.cmw-tech-layout {

    display: grid;

    grid-template-columns:
        390px
        minmax(0, 1fr);

    gap: 25px;

    align-items: stretch;

}


/* =========================================================
   FEATURE PANEL
========================================================= */

.cmw-tech-feature {

    position: relative;

    padding: 32px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #302a68 0%,
            #3c357c 50%,
            #211c49 100%
        );

    border-radius: 17px;

    box-shadow:
        0 20px 45px
        rgba(48,42,104,.16);

}


/* =========================================================
   FEATURE DECORATION
========================================================= */

.cmw-tech-feature::before {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    top: -165px;

    right: -130px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.13),
            transparent 70%
        );

}


.cmw-tech-feature::after {

    content: "";

    position: absolute;

    width: 270px;

    height: 270px;

    bottom: -180px;

    left: -165px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 50%;

}


/* =========================================================
   FEATURE TOP
========================================================= */

.cmw-tech-feature-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 30px;

}


.cmw-tech-feature-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.11);

    color: #ffffff;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 10px;

    font-size: 17px;

}


.cmw-tech-feature-top span {

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.2px;

}


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

.cmw-tech-feature h3 {

    position: relative;

    z-index: 2;

    margin: 0 0 15px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.3;

}


.cmw-tech-feature h3 strong {

    display: block;

    color: #ff7b75;

    font-weight: 700;

}


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

.cmw-tech-feature > p {

    position: relative;

    z-index: 2;

    margin: 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    line-height: 1.85;

}


/* =========================================================
   FEATURE POINTS
========================================================= */

.cmw-tech-feature-points {

    position: relative;

    z-index: 2;

    margin-top: 25px;

    display: grid;

    gap: 10px;

}


.cmw-tech-feature-points div {

    display: flex;

    align-items: center;

    gap: 9px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

}


.cmw-tech-feature-points i {

    width: 18px;

    height: 18px;

    flex: 0 0 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(226,27,18,.9);

    color: #ffffff;

    border-radius: 50%;

    font-size: 7px;

}


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

.cmw-tech-feature-btn {

    position: relative;

    z-index: 2;

    margin-top: 28px;

    min-height: 44px;

    padding:
        0 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    background: #ffffff;

    color: #302a68;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    transition:
        all .3s ease;

}


.cmw-tech-feature-btn i {

    font-size: 8px;

    transition:
        transform .3s ease;

}


.cmw-tech-feature-btn:hover {

    background: #e21b12;

    color: #ffffff;

}


.cmw-tech-feature-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   TECHNOLOGY GRID
========================================================= */

.cmw-tech-grid {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 13px;

}


/* =========================================================
   TECHNOLOGY CARD
========================================================= */

.cmw-tech-card {

    position: relative;

    min-height: 116px;

    padding:
        20px;

    display: flex;

    align-items: center;

    gap: 14px;

    overflow: hidden;

    background:
        rgba(255,255,255,.92);

    border:
        1px solid #e3e5ec;

    border-radius: 12px;

    box-shadow:
        0 6px 22px
        rgba(35,40,70,.045);

    transition:
        all .3s ease;

}


.cmw-tech-card::after {

    content: "";

    position: absolute;

    width: 80px;

    height: 80px;

    right: -35px;

    bottom: -45px;

    border-radius: 50%;

    background:
        rgba(48,42,104,.025);

    transition:
        all .3s ease;

}


.cmw-tech-card:hover {

    background: #ffffff;

    border-color:
        rgba(48,42,104,.20);

    transform:
        translateY(-4px);

    box-shadow:
        0 15px 32px
        rgba(35,40,70,.09);

}


.cmw-tech-card:hover::after {

    transform: scale(1.8);

}


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

.cmw-tech-card-icon {

    width: 50px;

    height: 50px;

    flex: 0 0 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 11px;

    font-size: 21px;

    transition:
        all .3s ease;

}


/* =========================================================
   WEB TECHNOLOGY ICONS
========================================================= */

.cmw-html-icon {

    background:
        rgba(227,79,38,.10);

    color: #e34f26;

}


.cmw-css-icon {

    background:
        rgba(38,77,228,.10);

    color: #264de4;

}


.cmw-js-icon {

    background:
        rgba(247,223,30,.18);

    color: #b69b00;

}


.cmw-php-icon {

    background:
        rgba(119,123,179,.12);

    color: #777bb3;

}


.cmw-mysql-icon {

    background:
        rgba(0,117,143,.10);

    color: #00758f;

}


.cmw-bootstrap-icon {

    background:
        rgba(112,55,146,.10);

    color: #703792;

}


/* =========================================================
   SEO / E-COMMERCE
========================================================= */

.cmw-seo-icon {

    background:
        rgba(226,27,18,.08);

    color: #e21b12;

}


.cmw-ecommerce-icon {

    background:
        rgba(48,42,104,.08);

    color: #302a68;

}


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

.cmw-flutter-icon {

    background:
        rgba(3,169,244,.10);

    color: #039be5;

}


.cmw-react-icon {

    background:
        rgba(97,218,251,.12);

    color: #149eca;

}


.cmw-kotlin-icon {

    background:
        rgba(124,77,255,.10);

    color: #7c4dff;

}


.cmw-swift-icon {

    background:
        rgba(255,87,34,.10);

    color: #f4511e;

}


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

.cmw-tech-card:hover
.cmw-tech-card-icon {

    background: #302a68;

    color: #ffffff;

    transform:
        scale(1.06);

}


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

.cmw-tech-card-content {

    position: relative;

    z-index: 2;

    min-width: 0;

}


.cmw-tech-card h3 {

    margin: 0 0 4px;

    color: #202020;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.4;

}


.cmw-tech-card p {

    margin: 0;

    color: #858585;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

    line-height: 1.5;

}


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

.cmw-tech-number {

    position: absolute;

    z-index: 3;

    top: 10px;

    right: 13px;

    color: #d7d8df;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

    font-weight: 700;

}


/* =========================================================
   WHAT WE BUILD
========================================================= */

.cmw-tech-expertise {

    margin-top: 18px;

    padding:
        20px 22px;

    display: flex;

    align-items: center;

    gap: 25px;

    background: #ffffff;

    border:
        1px solid #e4e5eb;

    border-radius: 11px;

    box-shadow:
        0 6px 22px
        rgba(35,40,70,.04);

}


/* =========================================================
   EXPERTISE TITLE
========================================================= */

.cmw-tech-expertise-title {

    flex: 0 0 auto;

}


.cmw-tech-expertise-title span {

    color: #302a68;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;

}


/* =========================================================
   EXPERTISE TAGS
========================================================= */

.cmw-tech-tags {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

}


.cmw-tech-tags span {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:
        7px 10px;

    background:
        #f5f5f8;

    color: #5e5e65;

    border-radius: 5px;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 9px;

    font-weight: 500;

    transition:
        all .3s ease;

}


.cmw-tech-tags span i {

    color: #e21b12;

    font-size: 8px;

}


.cmw-tech-tags span:hover {

    background: #302a68;

    color: #ffffff;

}


.cmw-tech-tags span:hover i {

    color: #ff7069;

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-tech-container {

        max-width: 1140px;

    }

    .cmw-tech-header {

        gap: 50px;

    }

    .cmw-tech-heading h2 {

        font-size: 39px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-tech-container {

        max-width: 960px;

    }

    .cmw-tech-header {

        grid-template-columns:
            minmax(0, 1fr)
            410px;

        gap: 35px;

    }

    .cmw-tech-heading h2 {

        font-size: 35px;

    }

    .cmw-tech-layout {

        grid-template-columns:
            340px
            minmax(0, 1fr);

    }

    .cmw-tech-feature {

        padding: 27px;

    }

    .cmw-tech-feature h3 {

        font-size: 25px;

    }

    .cmw-tech-card {

        padding: 16px;

    }

}


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

@media (max-width: 991px) {

    .cmw-tech-section {

        padding: 80px 0;

    }

    .cmw-tech-container {

        max-width: 720px;

    }

    .cmw-tech-header {

        grid-template-columns: 1fr;

        gap: 15px;

        margin-bottom: 35px;

    }

    .cmw-tech-layout {

        grid-template-columns: 1fr;

        gap: 15px;

    }

    .cmw-tech-feature {

        min-height: auto;

    }

    .cmw-tech-expertise {

        align-items: flex-start;

    }

}


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

@media (max-width: 767px) {

    .cmw-tech-section {

        padding: 60px 0;

    }

    .cmw-tech-container {

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }


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

    .cmw-tech-header {

        display: block;

        margin-bottom: 28px;

        text-align: left;

    }

    .cmw-tech-heading {

        text-align: left;

    }

    .cmw-tech-label {

        justify-content: flex-start;

    }

    .cmw-tech-heading h2 {

        font-size: 31px;

        line-height: 1.23;

        letter-spacing: -.5px;

    }

    .cmw-tech-heading h2 span {

        display: block;

    }

    .cmw-tech-intro {

        margin-top: 16px;

        text-align: left;

    }

    .cmw-tech-intro p {

        font-size: 12px;

        line-height: 1.8;

    }


    /* =====================================
       FEATURE PANEL
    ===================================== */

    .cmw-tech-feature {

        padding: 25px 21px;

        border-radius: 14px;

        text-align: left;

    }

    .cmw-tech-feature-top {

        margin-bottom: 23px;

        justify-content: flex-start;

    }

    .cmw-tech-feature h3 {

        font-size: 27px;

        line-height: 1.28;

    }

    .cmw-tech-feature > p {

        font-size: 11px;

        line-height: 1.8;

    }

    .cmw-tech-feature-points {

        margin-top: 22px;

    }

    .cmw-tech-feature-points div {

        font-size: 10px;

    }

    .cmw-tech-feature-btn {

        margin-top: 24px;

    }


    /* =====================================
       TECHNOLOGY GRID
    ===================================== */

    .cmw-tech-grid {

        grid-template-columns: 1fr;

        gap: 9px;

    }

    .cmw-tech-card {

        min-height: 86px;

        padding: 15px;

        text-align: left;

    }

    .cmw-tech-card-icon {

        width: 44px;

        height: 44px;

        flex: 0 0 44px;

        font-size: 18px;

    }

    .cmw-tech-card h3 {

        font-size: 14px;

    }

    .cmw-tech-card p {

        font-size: 9px;

    }

    .cmw-tech-number {

        top: 9px;

        right: 10px;

    }


    /* =====================================
       EXPERTISE BAR
    ===================================== */

    .cmw-tech-expertise {

        margin-top: 12px;

        padding: 18px;

        display: block;

        text-align: left;

    }

    .cmw-tech-expertise-title {

        margin-bottom: 12px;

        text-align: left;

    }

    .cmw-tech-tags {

        justify-content: flex-start;

        gap: 7px;

    }

    .cmw-tech-tags span {

        padding:
            7px 9px;

        font-size: 9px;

    }


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

    .cmw-tech-bg-one {

        width: 400px;

        height: 400px;

        top: -270px;

        right: -180px;

    }

    .cmw-tech-bg-two {

        width: 350px;

        height: 350px;

        bottom: -250px;

        left: -180px;

    }

}


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

@media (max-width: 380px) {

    .cmw-tech-section {

        padding: 52px 0;

    }

    .cmw-tech-heading h2 {

        font-size: 28px;

    }

    .cmw-tech-feature {

        padding: 22px 18px;

    }

    .cmw-tech-feature h3 {

        font-size: 24px;

    }

    .cmw-tech-card {

        padding: 13px;

    }

    .cmw-tech-card-icon {

        width: 42px;

        height: 42px;

        flex-basis: 42px;

    }

}
/* =========================================================
   CREATE MY WEB
   INDUSTRIES WE SERVE
   COMPLETE RESPONSIVE CSS
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.cmw-industries-section {

    position: relative;

    width: 100%;

    padding: 105px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #f8f7fb 50%,
            #f4f7fc 100%
        );

}


/* =========================================================
   BACKGROUND DECORATIONS
========================================================= */

.cmw-industries-bg {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-industries-bg-one {

    width: 620px;

    height: 620px;

    top: -420px;

    right: -200px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.065) 0%,
            rgba(226,27,18,.025) 40%,
            transparent 72%
        );

}


.cmw-industries-bg-two {

    width: 550px;

    height: 550px;

    bottom: -380px;

    left: -240px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.075) 0%,
            rgba(48,42,104,.025) 42%,
            transparent 72%
        );

}


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

.cmw-industries-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-industries-header {

    max-width: 800px;

    margin-bottom: 48px;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-industries-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.cmw-industries-label span {

    width: 30px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-industries-header h2 {

    margin: 0 0 17px;

    color: #181818;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 43px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.8px;

}


.cmw-industries-header h2 span {

    display: block;

    color: #302a68;

}


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

.cmw-industries-header > p {

    max-width: 760px;

    margin: 0;

    color: #707070;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.85;

}


/* =========================================================
   INDUSTRIES GRID
========================================================= */

.cmw-industries-grid {

    display: grid;

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

    gap: 16px;

}


/* =========================================================
   INDUSTRY CARD
========================================================= */

.cmw-industry-card {

    position: relative;

    min-height: 245px;

    padding: 24px;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background:
        rgba(255,255,255,.88);

    border:
        1px solid #e4e4eb;

    border-radius: 14px;

    box-shadow:
        0 7px 24px
        rgba(35,30,70,.045);

    transition:
        all .35s ease;

}


/* =========================================================
   CARD DECORATION
========================================================= */

.cmw-industry-card::before {

    content: "";

    position: absolute;

    width: 130px;

    height: 130px;

    right: -70px;

    bottom: -70px;

    border-radius: 50%;

    background:
        rgba(48,42,104,.035);

    transition:
        all .4s ease;

}


.cmw-industry-card::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 0;

    background:
        linear-gradient(
            to bottom,
            #e21b12,
            #302a68
        );

    border-radius:
        14px 0 0 14px;

    transition:
        height .35s ease;

}


/* =========================================================
   HOVER
========================================================= */

.cmw-industry-card:hover {

    background: #ffffff;

    border-color:
        rgba(48,42,104,.18);

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px
        rgba(35,30,70,.09);

}


.cmw-industry-card:hover::before {

    width: 220px;

    height: 220px;

}


.cmw-industry-card:hover::after {

    height: 100%;

}


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

.cmw-industry-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 22px;

}


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

.cmw-industry-number {

    color: #d6d6df;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;

}


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

.cmw-industry-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            rgba(48,42,104,.08),
            rgba(226,27,18,.07)
        );

    color: #302a68;

    border-radius: 10px;

    font-size: 17px;

    transition:
        all .35s ease;

}


.cmw-industry-card:hover
.cmw-industry-icon {

    background: #e21b12;

    color: #ffffff;

    transform:
        scale(1.06)
        rotate(-3deg);

}


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

.cmw-industry-content {

    position: relative;

    z-index: 2;

    padding-right: 15px;

}


.cmw-industry-content h3 {

    margin: 0 0 9px;

    color: #202020;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 17px;

    font-weight: 700;

    line-height: 1.4;

}


.cmw-industry-content p {

    margin: 0;

    color: #777777;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.75;

}


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

.cmw-industry-arrow {

    position: absolute;

    z-index: 3;

    left: 24px;

    bottom: 20px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        #f3f3f7;

    color: #302a68;

    border-radius: 50%;

    font-size: 8px;

    transition:
        all .35s ease;

}


.cmw-industry-card:hover
.cmw-industry-arrow {

    background: #302a68;

    color: #ffffff;

    transform:
        translateX(4px);

}


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

.cmw-industries-bottom {

    margin-top: 25px;

    padding:
        21px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    background:
        linear-gradient(
            105deg,
            #302a68,
            #211c4b
        );

    border-radius: 13px;

    box-shadow:
        0 17px 38px
        rgba(48,42,104,.13);

}


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

.cmw-industries-bottom-content {

    display: flex;

    align-items: center;

    gap: 13px;

}


.cmw-industries-bottom-icon {

    width: 45px;

    height: 45px;

    flex: 0 0 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.10);

    color: #ff7069;

    border-radius: 9px;

    font-size: 15px;

}


.cmw-industries-bottom h3 {

    margin: 0 0 3px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    font-weight: 600;

}


.cmw-industries-bottom p {

    margin: 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.6;

}


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

.cmw-industries-btn {

    min-height: 45px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    flex: 0 0 auto;

    background: #e21b12;

    color: #ffffff;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    transition:
        all .3s ease;

}


.cmw-industries-btn i {

    font-size: 8px;

    transition:
        transform .3s ease;

}


.cmw-industries-btn:hover {

    background: #ffffff;

    color: #302a68;

}


.cmw-industries-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-industries-container {

        max-width: 1140px;

    }

    .cmw-industries-header h2 {

        font-size: 39px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-industries-container {

        max-width: 960px;

    }

    .cmw-industries-grid {

        gap: 12px;

    }

    .cmw-industry-card {

        padding: 20px;

        min-height: 235px;

    }

    .cmw-industry-content h3 {

        font-size: 15px;

    }

}


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

@media (max-width: 991px) {

    .cmw-industries-section {

        padding: 80px 0;

    }

    .cmw-industries-container {

        max-width: 720px;

    }

    .cmw-industries-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 13px;

    }

    .cmw-industries-header {

        margin-bottom: 35px;

    }

    .cmw-industries-header h2 {

        font-size: 35px;

    }

    .cmw-industries-bottom {

        align-items: flex-start;

    }

}


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

@media (max-width: 767px) {

    .cmw-industries-section {

        padding: 60px 0;

    }

    .cmw-industries-container {

        max-width: 100%;

        padding:
            0 15px;

    }


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

    .cmw-industries-header {

        margin-bottom: 28px;

        text-align: left;

    }

    .cmw-industries-label {

        justify-content: flex-start;

    }

    .cmw-industries-header h2 {

        font-size: 31px;

        line-height: 1.23;

        letter-spacing: -.5px;

    }

    .cmw-industries-header h2 span {

        display: block;

    }

    .cmw-industries-header > p {

        font-size: 12px;

        line-height: 1.8;

    }


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

    .cmw-industries-grid {

        grid-template-columns: 1fr;

        gap: 10px;

    }


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

    .cmw-industry-card {

        min-height: auto;

        padding:
            19px 17px 55px;

        border-radius: 12px;

        text-align: left;

    }


    .cmw-industry-top {

        margin-bottom: 17px;

    }

    .cmw-industry-icon {

        width: 44px;

        height: 44px;

        font-size: 15px;

    }

    .cmw-industry-content {

        padding-right: 5px;

    }

    .cmw-industry-content h3 {

        font-size: 16px;

        line-height: 1.4;

    }

    .cmw-industry-content p {

        font-size: 10px;

        line-height: 1.75;

    }


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

    .cmw-industry-arrow {

        left: 17px;

        bottom: 15px;

        width: 29px;

        height: 29px;

    }


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

    .cmw-industries-bottom {

        margin-top: 15px;

        padding:
            19px;

        flex-direction: column;

        align-items: flex-start;

        gap: 17px;

        text-align: left;

    }

    .cmw-industries-bottom-content {

        align-items: flex-start;

        text-align: left;

    }

    .cmw-industries-bottom h3 {

        font-size: 14px;

    }

    .cmw-industries-bottom p {

        font-size: 10px;

        line-height: 1.7;

    }

    .cmw-industries-btn {

        width: 100%;

        justify-content: space-between;

    }


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

    .cmw-industries-bg-one {

        width: 400px;

        height: 400px;

        top: -270px;

        right: -180px;

    }

    .cmw-industries-bg-two {

        width: 360px;

        height: 360px;

        bottom: -250px;

        left: -190px;

    }

}


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

@media (max-width: 380px) {

    .cmw-industries-section {

        padding: 52px 0;

    }

    .cmw-industries-header h2 {

        font-size: 28px;

    }

    .cmw-industry-card {

        padding:
            17px 15px 52px;

    }

    .cmw-industry-content h3 {

        font-size: 15px;

    }

}
/* =========================================================
   CREATE MY WEB
   3 BOX TESTIMONIAL SECTION
   DARK SECTION + WHITE CARDS
   UPDATED PREMIUM CSS
========================================================= */

.cmw-testimonial-section {

    position: relative;
    width: 100%;

    padding: 105px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(226, 27, 18, .12),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(82, 72, 160, .16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #10101c 0%,
            #18182a 50%,
            #0e0e18 100%
        );

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.cmw-testi-bg {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-testi-bg-one {

    width: 620px;
    height: 620px;

    top: -430px;
    left: -220px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.15) 0%,
            rgba(226,27,18,.04) 45%,
            transparent 72%
        );

}


.cmw-testi-bg-two {

    width: 580px;
    height: 580px;

    right: -250px;
    bottom: -420px;

    background:
        radial-gradient(
            circle,
            rgba(91,82,180,.17) 0%,
            rgba(91,82,180,.04) 45%,
            transparent 72%
        );

}


/* =========================================================
   SUBTLE GRID
========================================================= */

.cmw-testimonial-section::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: .18;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        50px 50px;

}


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

.cmw-testi-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-testi-header {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        500px;

    gap: 70px;

    align-items: end;

    margin-bottom: 48px;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-testi-label {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 16px;

    color: #ff625b;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1.6px;

}


.cmw-testi-label span {

    width: 34px;

    height: 2px;

    background: #e21b12;

    box-shadow:
        0 0 12px
        rgba(226,27,18,.45);

}


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

.cmw-testi-header h2 {

    margin: 0;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 45px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.9px;

}


.cmw-testi-header h2 span {

    display: block;

    color: #9189dd;

}


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

.cmw-testi-header-right p {

    margin: 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.cmw-testi-slider-wrapper {

    position: relative;

    padding:
        0 58px;

}


/* =========================================================
   VIEWPORT
========================================================= */

.cmw-testi-viewport {

    width: 100%;

    overflow: hidden;

}


/* =========================================================
   TRACK
========================================================= */

.cmw-testi-track {

    display: flex;

    width: 100%;

    transition:
        transform .55s
        cubic-bezier(.65,.05,.36,1);

}


/* =========================================================
   SLIDE
========================================================= */

.cmw-testi-slide {

    flex:
        0 0 33.333333%;

    width:
        33.333333%;

    padding:
        8px 8px 18px;

    box-sizing:
        border-box;

}


/* =========================================================
   WHITE TESTIMONIAL CARD
========================================================= */

.cmw-testi-card {

    position: relative;

    height: 100%;

    min-height: 380px;

    padding:
        30px;

    display: flex;

    flex-direction: column;

    background:
        #ffffff;

    border:
        1px solid
        rgba(255,255,255,.75);

    border-radius:
        16px;

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.20);

    overflow: hidden;

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

}


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

.cmw-testi-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #e21b12 0%,
            #e21b12 40%,
            #302a68 100%
        );

}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.cmw-testi-card::after {

    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -110px;
    bottom: -110px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.065),
            transparent 70%
        );

    transition:
        all .45s ease;

}


.cmw-testi-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(48,42,104,.15);

    box-shadow:
        0 27px 55px
        rgba(0,0,0,.27);

}


.cmw-testi-card:hover::after {

    width: 280px;

    height: 280px;

}


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

.cmw-testi-card-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

}


/* =========================================================
   QUOTE
========================================================= */

.cmw-testi-quote {

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            #302a68,
            #474080
        );

    color: #ffffff;

    border-radius:
        11px;

    font-size: 17px;

    box-shadow:
        0 8px 20px
        rgba(48,42,104,.18);

}


/* =========================================================
   STARS
========================================================= */

.cmw-testi-stars {

    display: flex;

    align-items: center;

    gap: 4px;

}


.cmw-testi-stars i {

    color:
        #f5b400;

    font-size:
        13px;

}


/* =========================================================
   TESTIMONIAL BODY
========================================================= */

.cmw-testi-card-body {

    position: relative;

    z-index: 2;

    flex: 1;

    padding:
        30px 0 28px;

    display: flex;

    align-items: center;

}


.cmw-testi-card-body p {

    margin: 0;

    color:
        #4e4e55;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.9;

}


/* =========================================================
   CLIENT AREA
========================================================= */

.cmw-testi-client {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 13px;

    padding-top:
        19px;

    border-top:
        1px solid #ededf1;

}


/* =========================================================
   AVATAR
========================================================= */

.cmw-testi-avatar {

    width:
        50px;

    height:
        50px;

    flex:
        0 0 50px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        linear-gradient(
            135deg,
            #f0f0f7,
            #e3e3ed
        );

    color:
        #302a68;

    border-radius:
        50%;

    font-size:
        15px;

}


/* =========================================================
   CLIENT INFO
========================================================= */

.cmw-testi-client-info {

    min-width:
        0;

}


.cmw-testi-client-info h3 {

    margin:
        0 0 4px;

    color:
        #202020;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.4;

}


.cmw-testi-client-info span {

    display:
        block;

    color:
        #85858b;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    line-height:
        1.5;

}


/* =========================================================
   VERIFIED
========================================================= */

.cmw-testi-verified {

    position:
        relative;

    z-index:
        2;

    margin-top:
        14px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #70747a;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    font-weight:
        500;

}


.cmw-testi-verified i {

    color:
        #25a861;

    font-size:
        13px;

}


/* =========================================================
   PREVIOUS / NEXT BUTTONS
========================================================= */

.cmw-testi-nav {

    position:
        absolute;

    z-index:
        10;

    top:
        50%;

    width:
        44px;

    height:
        44px;

    padding:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #ffffff;

    color:
        #302a68;

    border:
        1px solid #dedee7;

    border-radius:
        50%;

    cursor:
        pointer;

    transform:
        translateY(-50%);

    box-shadow:
        0 10px 25px
        rgba(0,0,0,.16);

    transition:
        all .3s ease;

}


.cmw-testi-prev {

    left:
        0;

}


.cmw-testi-next {

    right:
        0;

}


.cmw-testi-nav i {

    font-size:
        11px;

}


.cmw-testi-nav:hover {

    background:
        #302a68;

    color:
        #ffffff;

    border-color:
        #302a68;

    box-shadow:
        0 12px 28px
        rgba(48,42,104,.28);

}


/* =========================================================
   BOTTOM CONTROLS
========================================================= */

.cmw-testi-bottom {

    margin-top:
        25px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

}


/* =========================================================
   DOTS
========================================================= */

.cmw-testi-dots {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

}


.cmw-testi-dot {

    width:
        8px;

    height:
        8px;

    padding:
        0;

    border:
        0;

    background:
        rgba(255,255,255,.22);

    border-radius:
        50%;

    cursor:
        pointer;

    transition:
        all .3s ease;

}


.cmw-testi-dot:hover {

    background:
        rgba(255,255,255,.55);

}


.cmw-testi-dot.active {

    width:
        27px;

    background:
        #e21b12;

    border-radius:
        10px;

    box-shadow:
        0 0 12px
        rgba(226,27,18,.4);

}


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

.cmw-testi-cta {

    min-height:
        46px;

    padding:
        0 20px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    background:
        #e21b12;

    color:
        #ffffff;

    border:
        1px solid #e21b12;

    border-radius:
        7px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    box-shadow:
        0 9px 22px
        rgba(226,27,18,.20);

    transition:
        all .3s ease;

}


.cmw-testi-cta i {

    font-size:
        9px;

    transition:
        transform .3s ease;

}


.cmw-testi-cta:hover {

    background:
        #ffffff;

    color:
        #302a68;

    border-color:
        #ffffff;

}


.cmw-testi-cta:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-testi-container {

        max-width:
            1140px;

    }

    .cmw-testi-header h2 {

        font-size:
            41px;

    }

    .cmw-testi-card {

        min-height:
            370px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-testi-container {

        max-width:
            960px;

    }

    .cmw-testi-header {

        grid-template-columns:
            minmax(0, 1fr)
            420px;

        gap:
            35px;

    }

    .cmw-testi-header h2 {

        font-size:
            36px;

    }

    .cmw-testi-header-right p {

        font-size:
            13px;

    }

    .cmw-testi-slide {

        padding:
            7px 6px 15px;

    }

    .cmw-testi-card {

        padding:
            24px;

        min-height:
            365px;

    }

    .cmw-testi-card-body p {

        font-size:
            13px;

    }

}


/* =========================================================
   TABLET
   2 BOXES
========================================================= */

@media (max-width: 991px) {

    .cmw-testimonial-section {

        padding:
            80px 0;

    }

    .cmw-testi-container {

        max-width:
            720px;

    }

    .cmw-testi-header {

        grid-template-columns:
            1fr;

        gap:
            15px;

        margin-bottom:
            35px;

    }

    .cmw-testi-header h2 {

        font-size:
            35px;

    }

    .cmw-testi-slider-wrapper {

        padding:
            0 50px;

    }

    .cmw-testi-slide {

        flex-basis:
            50%;

        width:
            50%;

    }

    .cmw-testi-card {

        min-height:
            350px;

        padding:
            23px;

    }

}


/* =========================================================
   MOBILE
   1 BOX
========================================================= */

@media (max-width: 767px) {

    .cmw-testimonial-section {

        padding:
            65px 0;

    }

    .cmw-testi-container {

        max-width:
            100%;

        padding:
            0 15px;

    }


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

    .cmw-testi-header {

        display:
            block;

        margin-bottom:
            30px;

        text-align:
            left;

    }

    .cmw-testi-label {

        justify-content:
            flex-start;

        font-size:
            10px;

    }

    .cmw-testi-header h2 {

        font-size:
            31px;

        line-height:
            1.25;

        letter-spacing:
            -.5px;

    }

    .cmw-testi-header h2 span {

        display:
            block;

    }

    .cmw-testi-header-right {

        margin-top:
            16px;

        text-align:
            left;

    }

    .cmw-testi-header-right p {

        font-size:
            12px;

        line-height:
            1.85;

    }


    /* =====================================
       SLIDER
    ===================================== */

    .cmw-testi-slider-wrapper {

        padding:
            0 40px;

    }


    /* =====================================
       SLIDE
    ===================================== */

    .cmw-testi-slide {

        flex-basis:
            100%;

        width:
            100%;

        padding:
            5px 2px 15px;

    }


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

    .cmw-testi-card {

        min-height:
            380px;

        padding:
            25px 20px;

        border-radius:
            14px;

        text-align:
            left;

    }


    /* =====================================
       QUOTE
    ===================================== */

    .cmw-testi-quote {

        width:
            46px;

        height:
            46px;

        font-size:
            15px;

    }


    /* =====================================
       STARS
    ===================================== */

    .cmw-testi-stars {

        gap:
            3px;

    }

    .cmw-testi-stars i {

        font-size:
            10px;

    }


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

    .cmw-testi-card-body {

        padding:
            27px 0;

        align-items:
            flex-start;

        text-align:
            left;

    }

    .cmw-testi-card-body p {

        font-size:
            13px;

        line-height:
            1.9;

    }


    /* =====================================
       CLIENT
    ===================================== */

    .cmw-testi-client {

        text-align:
            left;

    }

    .cmw-testi-avatar {

        width:
            44px;

        height:
            44px;

        flex-basis:
            44px;

        font-size:
            13px;

    }

    .cmw-testi-client-info h3 {

        font-size:
            12px;

    }

    .cmw-testi-client-info span {

        font-size:
            9px;

    }

    .cmw-testi-verified {

        font-size:
            9px;

    }


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

    .cmw-testi-nav {

        width:
            36px;

        height:
            36px;

    }

    .cmw-testi-nav i {

        font-size:
            9px;

    }


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

    .cmw-testi-bottom {

        margin-top:
            20px;

    }

    .cmw-testi-cta {

        min-height:
            42px;

        padding:
            0 15px;

        font-size:
            10px;

    }


    /* =====================================
       BACKGROUND
    ===================================== */

    .cmw-testi-bg-one {

        width:
            400px;

        height:
            400px;

        top:
            -280px;

        left:
            -180px;

    }

    .cmw-testi-bg-two {

        width:
            350px;

        height:
            350px;

        right:
            -180px;

        bottom:
            -250px;

    }

}


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

@media (max-width: 380px) {

    .cmw-testimonial-section {

        padding:
            55px 0;

    }

    .cmw-testi-header h2 {

        font-size:
            28px;

    }

    .cmw-testi-slider-wrapper {

        padding:
            0 37px;

    }

    .cmw-testi-card {

        min-height:
            390px;

        padding:
            23px 18px;

    }

    .cmw-testi-card-body p {

        font-size:
            12px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-testi-nav:focus-visible,
.cmw-testi-dot:focus-visible,
.cmw-testi-cta:focus-visible {

    outline:
        2px solid #ffffff;

    outline-offset:
        3px;

}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-testi-track,
    .cmw-testi-card,
    .cmw-testi-nav,
    .cmw-testi-cta,
    .cmw-testi-dot {

        transition:
            none !important;

    }

}

/* =========================================================
   CMW FAQ SECTION
   PREMIUM LIGHT DESIGN
========================================================= */

.cmw-faq-section {

    position: relative;

    width: 100%;

    padding: 110px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f7f8fc 0%,
            #ffffff 50%,
            #f4f5fa 100%
        );

}


/* =========================================================
   BACKGROUND SHAPES
========================================================= */

.cmw-faq-shape {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-faq-shape-one {

    width: 620px;

    height: 620px;

    left: -350px;

    top: -320px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.08),
            transparent 68%
        );

}


.cmw-faq-shape-two {

    width: 550px;

    height: 550px;

    right: -300px;

    bottom: -350px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.065),
            transparent 68%
        );

}


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

.cmw-faq-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-faq-heading {

    max-width: 820px;

    margin-bottom: 55px;

}


.cmw-faq-label {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 16px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.cmw-faq-label span {

    width: 34px;

    height: 2px;

    background: #e21b12;

}


.cmw-faq-heading h2 {

    margin: 0;

    color: #181818;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 45px;

    font-weight: 700;

    line-height: 1.22;

    letter-spacing: -.8px;

}


.cmw-faq-heading h2 span {

    display: block;

    color: #302a68;

}


.cmw-faq-heading > p {

    max-width: 720px;

    margin: 18px 0 0;

    color: #666870;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 15px;

    line-height: 1.85;

}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.cmw-faq-layout {

    display: grid;

    grid-template-columns:
        390px
        minmax(0, 1fr);

    gap: 55px;

    align-items: start;

}


/* =========================================================
   LEFT INFO CARD
========================================================= */

.cmw-faq-info-card {

    position: relative;

    padding: 35px;

    background:
        linear-gradient(
            145deg,
            #302a68,
            #211e4c
        );

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 20px 45px
        rgba(48,42,104,.16);

}


.cmw-faq-info-card::after {

    content: "";

    position: absolute;

    width: 220px;

    height: 220px;

    right: -120px;

    bottom: -120px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.07);

}


.cmw-faq-info-icon {

    position: relative;

    z-index: 2;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    background:
        rgba(255,255,255,.12);

    color: #ffffff;

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius: 13px;

    font-size: 20px;

}


.cmw-faq-info-card h3 {

    position: relative;

    z-index: 2;

    margin: 0 0 13px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 24px;

    font-weight: 700;

    line-height: 1.3;

}


.cmw-faq-info-card p {

    position: relative;

    z-index: 2;

    margin: 0 0 25px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    line-height: 1.85;

}


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

.cmw-faq-contact-btn {

    position: relative;

    z-index: 3;

    min-height: 48px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    background: #e21b12;

    color: #ffffff;

    border-radius: 7px;

    text-decoration: none;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    transition:
        all .3s ease;

}


.cmw-faq-contact-btn i {

    font-size: 9px;

    transition:
        transform .3s ease;

}


.cmw-faq-contact-btn:hover {

    background: #ffffff;

    color: #302a68;

}


.cmw-faq-contact-btn:hover i {

    transform:
        translateX(4px);

}


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

.cmw-faq-highlights {

    margin-top: 20px;

    padding:
        8px 0;

}


.cmw-faq-highlight {

    display: flex;

    align-items: center;

    gap: 13px;

    padding:
        15px 0;

    border-bottom:
        1px solid #e7e7ec;

}


.cmw-faq-highlight:last-child {

    border-bottom: 0;

}


.cmw-faq-highlight-icon {

    width: 40px;

    height: 40px;

    flex: 0 0 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        #ffffff;

    color:
        #302a68;

    border:
        1px solid #e4e4eb;

    border-radius: 9px;

    font-size: 12px;

    box-shadow:
        0 5px 14px
        rgba(30,30,50,.05);

}


.cmw-faq-highlight strong {

    display: block;

    margin-bottom: 3px;

    color: #28282d;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

}


.cmw-faq-highlight span {

    display: block;

    color: #85858a;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

}


/* =========================================================
   FAQ LIST
========================================================= */

.cmw-faq-list {

    width: 100%;

}


/* =========================================================
   FAQ ITEM
========================================================= */

.cmw-faq-item {

    position: relative;

    margin-bottom: 13px;

    background:
        #ffffff;

    border:
        1px solid #e4e4ea;

    border-radius: 12px;

    box-shadow:
        0 6px 20px
        rgba(25,25,45,.035);

    overflow: hidden;

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

}


.cmw-faq-item:hover {

    border-color:
        rgba(48,42,104,.20);

}


.cmw-faq-item.active {

    border-color:
        rgba(48,42,104,.25);

    box-shadow:
        0 12px 30px
        rgba(48,42,104,.07);

}


/* =========================================================
   QUESTION
========================================================= */

.cmw-faq-question {

    width: 100%;

    min-height: 75px;

    padding:
        15px 20px;

    display: flex;

    align-items: center;

    gap: 16px;

    background: transparent;

    border: 0;

    color: #202024;

    cursor: pointer;

    text-align: left;

    font-family:
        "Poppins",
        sans-serif;

}


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

.cmw-faq-number {

    width: 39px;

    height: 39px;

    flex: 0 0 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        #f1f1f7;

    color:
        #302a68;

    border-radius:
        8px;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    transition:
        all .3s ease;

}


.cmw-faq-item.active
.cmw-faq-number {

    background:
        #302a68;

    color:
        #ffffff;

}


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

.cmw-faq-question-text {

    flex: 1;

    color:
        #25252a;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.5;

}


.cmw-faq-item.active
.cmw-faq-question-text {

    color:
        #302a68;

}


/* =========================================================
   TOGGLE
========================================================= */

.cmw-faq-toggle {

    width:
        36px;

    height:
        36px;

    flex:
        0 0 36px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f4f4f8;

    color:
        #302a68;

    border-radius:
        50%;

    font-size:
        10px;

    transition:
        all .35s ease;

}


.cmw-faq-item.active
.cmw-faq-toggle {

    background:
        #e21b12;

    color:
        #ffffff;

    transform:
        rotate(45deg);

}


/* =========================================================
   ANSWER
========================================================= */

.cmw-faq-answer {

    display:
        grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .35s ease;

}


.cmw-faq-answer p {

    overflow: hidden;

    margin: 0;

    padding:
        0 75px 0 75px;

    color:
        #686970;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    line-height:
        1.9;

}


.cmw-faq-item.active
.cmw-faq-answer {

    grid-template-rows:
        1fr;

}


.cmw-faq-item.active
.cmw-faq-answer p {

    padding-bottom:
        24px;

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-faq-container {

        max-width:
            1140px;

    }

    .cmw-faq-heading h2 {

        font-size:
            41px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-faq-container {

        max-width:
            960px;

    }

    .cmw-faq-layout {

        grid-template-columns:
            330px
            minmax(0,1fr);

        gap:
            35px;

    }

    .cmw-faq-heading h2 {

        font-size:
            37px;

    }

    .cmw-faq-info-card {

        padding:
            28px;

    }

    .cmw-faq-question-text {

        font-size:
            14px;

    }

}


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

@media (max-width: 991px) {

    .cmw-faq-section {

        padding:
            80px 0;

    }

    .cmw-faq-container {

        max-width:
            720px;

    }

    .cmw-faq-heading {

        max-width:
            100%;

        margin-bottom:
            38px;

    }

    .cmw-faq-heading h2 {

        font-size:
            35px;

    }

    .cmw-faq-layout {

        grid-template-columns:
            1fr;

        gap:
            35px;

    }

    .cmw-faq-info {

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            25px;

        align-items:
            start;

    }

    .cmw-faq-highlights {

        margin-top:
            0;

    }

}


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

@media (max-width: 767px) {

    .cmw-faq-section {

        padding:
            65px 0;

    }

    .cmw-faq-container {

        max-width:
            100%;

        padding:
            0 15px;

    }


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

    .cmw-faq-heading {

        margin-bottom:
            32px;

        text-align:
            left;

    }

    .cmw-faq-label {

        justify-content:
            flex-start;

        font-size:
            10px;

    }

    .cmw-faq-heading h2 {

        font-size:
            30px;

        line-height:
            1.25;

        letter-spacing:
            -.4px;

    }

    .cmw-faq-heading h2 span {

        display:
            block;

    }

    .cmw-faq-heading > p {

        margin-top:
            15px;

        font-size:
            12px;

        line-height:
            1.85;

        text-align:
            left;

    }


    /* =====================================
       LAYOUT
    ===================================== */

    .cmw-faq-layout {

        display:
            block;

    }


    /* =====================================
       INFO CARD
    ===================================== */

    .cmw-faq-info {

        display:
            block;

        margin-bottom:
            30px;

    }

    .cmw-faq-info-card {

        padding:
            25px 20px;

        border-radius:
            14px;

        text-align:
            left;

    }

    .cmw-faq-info-icon {

        width:
            50px;

        height:
            50px;

        margin-bottom:
            20px;

        font-size:
            17px;

    }

    .cmw-faq-info-card h3 {

        font-size:
            21px;

    }

    .cmw-faq-info-card p {

        font-size:
            12px;

        line-height:
            1.8;

    }


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

    .cmw-faq-highlights {

        margin-top:
            15px;

    }

    .cmw-faq-highlight {

        padding:
            13px 0;

        text-align:
            left;

    }

    .cmw-faq-highlight strong {

        font-size:
            11px;

    }

    .cmw-faq-highlight span {

        font-size:
            9px;

    }


    /* =====================================
       FAQ ITEMS
    ===================================== */

    .cmw-faq-item {

        margin-bottom:
            10px;

        border-radius:
            10px;

    }

    .cmw-faq-question {

        min-height:
            68px;

        padding:
            12px 14px;

        gap:
            10px;

        text-align:
            left;

    }

    .cmw-faq-number {

        width:
            34px;

        height:
            34px;

        flex-basis:
            34px;

        font-size:
            9px;

    }

    .cmw-faq-question-text {

        font-size:
            12px;

        line-height:
            1.5;

        text-align:
            left;

    }

    .cmw-faq-toggle {

        width:
            31px;

        height:
            31px;

        flex-basis:
            31px;

        font-size:
            8px;

    }


    /* =====================================
       ANSWER
    ===================================== */

    .cmw-faq-answer p {

        padding:
            0 14px;

        font-size:
            11px;

        line-height:
            1.8;

        text-align:
            left;

    }

    .cmw-faq-item.active
    .cmw-faq-answer p {

        padding-bottom:
            19px;

    }

}


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

@media (max-width: 380px) {

    .cmw-faq-section {

        padding:
            55px 0;

    }

    .cmw-faq-heading h2 {

        font-size:
            27px;

    }

    .cmw-faq-question {

        min-height:
            65px;

        padding:
            11px 12px;

    }

    .cmw-faq-question-text {

        font-size:
            11px;

    }

    .cmw-faq-answer p {

        font-size:
            10px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-faq-question:focus-visible,
.cmw-faq-contact-btn:focus-visible {

    outline:
        2px solid #302a68;

    outline-offset:
        3px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-faq-item,
    .cmw-faq-answer,
    .cmw-faq-toggle,
    .cmw-faq-number,
    .cmw-faq-contact-btn {

        transition:
            none !important;

    }

}

/* =========================================================
   CMW FINAL CTA
   PREMIUM LARGE CTA SECTION
========================================================= */

.cmw-final-cta {

    position: relative;

    width: 100%;

    padding: 115px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(226,27,18,.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(82,72,160,.20),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #0d0d18 0%,
            #17172b 48%,
            #10101d 100%
        );

}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.cmw-final-cta-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(5px);

}


.cmw-final-glow-one {

    width: 500px;

    height: 500px;

    top: -320px;

    left: -180px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.18),
            transparent 70%
        );

}


.cmw-final-glow-two {

    width: 520px;

    height: 520px;

    right: -220px;

    bottom: -330px;

    background:
        radial-gradient(
            circle,
            rgba(91,82,180,.20),
            transparent 70%
        );

}


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

.cmw-final-grid {

    position: absolute;

    inset: 0;

    opacity: .16;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        50px 50px;

}


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

.cmw-final-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

    display: grid;

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

    gap: 90px;

    align-items: center;

}


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

.cmw-final-content {

    max-width: 760px;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-final-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #ff625b;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1.8px;

}


.cmw-final-label span {

    width: 38px;

    height: 2px;

    background: #e21b12;

    box-shadow:
        0 0 12px
        rgba(226,27,18,.5);

}


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

.cmw-final-content h2 {

    margin: 0;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 54px;

    font-weight: 700;

    line-height: 1.16;

    letter-spacing: -1.3px;

}


.cmw-final-content h2 span {

    display: block;

    color: #938bdd;

}


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

.cmw-final-description {

    max-width: 700px;

    margin:
        25px 0 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    line-height: 1.9;

}


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

.cmw-final-highlights {

    display: flex;

    flex-wrap: wrap;

    gap: 14px 25px;

    margin-top: 28px;

}


.cmw-final-highlight {

    display: flex;

    align-items: center;

    gap: 8px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 500;

}


.cmw-final-highlight i {

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(226,27,18,.15);

    color:
        #ff5149;

    border-radius:
        50%;

    font-size:
        8px;

}


/* =========================================================
   BUTTONS
========================================================= */

.cmw-final-buttons {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 35px;

}


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

.cmw-final-primary {

    min-height: 54px;

    padding:
        0 23px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    background:
        #e21b12;

    color:
        #ffffff;

    border:
        1px solid #e21b12;

    border-radius:
        8px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        600;

    box-shadow:
        0 12px 28px
        rgba(226,27,18,.23);

    transition:
        all .3s ease;

}


.cmw-final-primary i {

    font-size:
        10px;

    transition:
        transform .3s ease;

}


.cmw-final-primary:hover {

    background:
        #ffffff;

    color:
        #302a68;

    border-color:
        #ffffff;

}


.cmw-final-primary:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   SECONDARY
========================================================= */

.cmw-final-secondary {

    min-height:
        54px;

    padding:
        0 21px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    background:
        rgba(255,255,255,.07);

    color:
        #ffffff;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius:
        8px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        600;

    transition:
        all .3s ease;

}


.cmw-final-secondary i {

    color:
        #ff554d;

    font-size:
        11px;

}


.cmw-final-secondary:hover {

    background:
        #ffffff;

    color:
        #302a68;

    border-color:
        #ffffff;

}


/* =========================================================
   LOCATION
========================================================= */

.cmw-final-location {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        23px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    line-height:
        1.6;

}


.cmw-final-location i {

    color:
        #e21b12;

    font-size:
        11px;

}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.cmw-final-visual {

    position:
        relative;

    min-height:
        440px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


/* =========================================================
   BROWSER CARD
========================================================= */

.cmw-final-visual-card {

    position:
        relative;

    width:
        430px;

    min-height:
        300px;

    padding:
        17px;

    background:
        rgba(255,255,255,.075);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius:
        17px;

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.30);

    backdrop-filter:
        blur(15px);

    transform:
        perspective(1000px)
        rotateY(-7deg)
        rotateX(3deg);

}


/* =========================================================
   BROWSER TOP
========================================================= */

.cmw-final-visual-top {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    padding-bottom:
        14px;

}


.cmw-final-visual-top span {

    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        rgba(255,255,255,.32);

}


/* =========================================================
   CODE LINES
========================================================= */

.cmw-code-line {

    height:
        7px;

    margin-bottom:
        8px;

    border-radius:
        10px;

    background:
        rgba(255,255,255,.12);

}


.cmw-code-line.large {

    width:
        75%;

}


.cmw-code-line.medium {

    width:
        52%;

}


.cmw-code-line.small {

    width:
        38%;

}


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

.cmw-final-browser-content {

    margin-top:
        18px;

    padding:
        22px;

    min-height:
        195px;

    background:
        #ffffff;

    border-radius:
        10px;

}


.cmw-browser-title {

    color:
        #302a68;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        18px;

    font-weight:
        700;

}


.cmw-browser-box {

    width:
        100%;

    height:
        65px;

    margin-top:
        15px;

    border-radius:
        7px;

    background:
        linear-gradient(
            135deg,
            #302a68,
            #e21b12
        );

}


.cmw-browser-lines {

    display:
        flex;

    gap:
        7px;

    margin-top:
        14px;

}


.cmw-browser-lines span {

    display:
        block;

    height:
        7px;

    border-radius:
        10px;

    background:
        #e7e7ee;

}


.cmw-browser-lines span:nth-child(1) {

    width:
        45%;

}


.cmw-browser-lines span:nth-child(2) {

    width:
        28%;

}


.cmw-browser-lines span:nth-child(3) {

    width:
        18%;

}


/* =========================================================
   FLOATING CARDS
========================================================= */

.cmw-final-floating-card {

    position:
        absolute;

    z-index:
        4;

    min-width:
        135px;

    padding:
        13px 16px;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    background:
        #ffffff;

    color:
        #24242a;

    border-radius:
        10px;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.22);

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

}


.cmw-final-floating-card i {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f1f1f7;

    color:
        #302a68;

    border-radius:
        7px;

    font-size:
        11px;

}


.cmw-final-floating-card strong {

    font-size:
        10px;

}


/* =========================================================
   FLOATING POSITIONS
========================================================= */

.card-web {

    left:
        0;

    top:
        55px;

}


.card-mobile {

    right:
        -5px;

    top:
        145px;

}


.card-seo {

    left:
        35px;

    bottom:
        48px;

}


.card-mobile i {

    color:
        #e21b12;

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-final-container {

        max-width:
            1140px;

        gap:
            60px;

    }

    .cmw-final-content h2 {

        font-size:
            49px;

    }

    .cmw-final-visual-card {

        width:
            400px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-final-container {

        max-width:
            960px;

        grid-template-columns:
            minmax(0, 1fr)
            400px;

        gap:
            40px;

    }

    .cmw-final-content h2 {

        font-size:
            43px;

    }

    .cmw-final-description {

        font-size:
            14px;

    }

    .cmw-final-visual-card {

        width:
            360px;

    }

    .cmw-final-visual {

        min-height:
            400px;

    }

}


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

@media (max-width: 991px) {

    .cmw-final-cta {

        padding:
            85px 0;

    }

    .cmw-final-container {

        max-width:
            720px;

        grid-template-columns:
            1fr;

        gap:
            65px;

    }

    .cmw-final-content {

        max-width:
            100%;

    }

    .cmw-final-content h2 {

        font-size:
            42px;

    }

    .cmw-final-description {

        max-width:
            680px;

        font-size:
            14px;

    }

    .cmw-final-visual {

        min-height:
            390px;

    }

}


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

@media (max-width: 767px) {

    .cmw-final-cta {

        padding:
            70px 0;

    }

    .cmw-final-container {

        max-width:
            100%;

        padding:
            0 15px;

        display:
            block;

    }


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

    .cmw-final-content {

        text-align:
            left;

    }

    .cmw-final-label {

        justify-content:
            flex-start;

        font-size:
            10px;

        letter-spacing:
            1.4px;

    }

    .cmw-final-label span {

        width:
            28px;

    }

    .cmw-final-content h2 {

        font-size:
            32px;

        line-height:
            1.25;

        letter-spacing:
            -.5px;

    }

    .cmw-final-content h2 span {

        display:
            block;

    }

    .cmw-final-description {

        margin-top:
            17px;

        font-size:
            12px;

        line-height:
            1.85;

        text-align:
            left;

    }


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

    .cmw-final-highlights {

        display:
            block;

        margin-top:
            22px;

    }

    .cmw-final-highlight {

        margin-bottom:
            10px;

        font-size:
            11px;

        justify-content:
            flex-start;

    }


    /* =====================================
       BUTTONS
    ===================================== */

    .cmw-final-buttons {

        display:
            flex;

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            10px;

        margin-top:
            28px;

    }

    .cmw-final-primary,
    .cmw-final-secondary {

        min-height:
            50px;

        padding:
            0 18px;

        font-size:
            11px;

    }


    /* =====================================
       LOCATION
    ===================================== */

    .cmw-final-location {

        align-items:
            flex-start;

        margin-top:
            19px;

        font-size:
            9px;

        text-align:
            left;

    }


    /* =====================================
       VISUAL
    ===================================== */

    .cmw-final-visual {

        min-height:
            350px;

        margin-top:
            55px;

    }

    .cmw-final-visual-card {

        width:
            calc(100% - 55px);

        max-width:
            390px;

        min-height:
            265px;

        padding:
            13px;

        transform:
            none;

    }

    .cmw-final-browser-content {

        min-height:
            160px;

        padding:
            17px;

    }

    .cmw-browser-title {

        font-size:
            15px;

    }

    .cmw-browser-box {

        height:
            50px;

        margin-top:
            12px;

    }


    /* =====================================
       FLOATING CARDS
    ===================================== */

    .cmw-final-floating-card {

        min-width:
            115px;

        padding:
            9px 11px;

        font-size:
            8px;

    }

    .cmw-final-floating-card i {

        width:
            26px;

        height:
            26px;

        font-size:
            9px;

    }

    .cmw-final-floating-card strong {

        font-size:
            8px;

    }

    .card-web {

        left:
            0;

        top:
            35px;

    }

    .card-mobile {

        right:
            -3px;

        top:
            120px;

    }

    .card-seo {

        left:
            12px;

        bottom:
            30px;

    }

}


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

@media (max-width: 380px) {

    .cmw-final-cta {

        padding:
            60px 0;

    }

    .cmw-final-content h2 {

        font-size:
            29px;

    }

    .cmw-final-description {

        font-size:
            11px;

    }

    .cmw-final-visual {

        min-height:
            320px;

    }

    .cmw-final-visual-card {

        width:
            calc(100% - 40px);

        min-height:
            240px;

    }

    .cmw-final-browser-content {

        min-height:
            140px;

    }

    .cmw-final-floating-card {

        min-width:
            105px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-final-primary:focus-visible,
.cmw-final-secondary:focus-visible {

    outline:
        2px solid #ffffff;

    outline-offset:
        4px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-final-primary,
    .cmw-final-secondary {

        transition:
            none;

    }

}
/* =========================================================
   CMW RESULTS / TRUST SECTION
   PREMIUM LIGHT BACKGROUND
   LARGE TYPOGRAPHY
   FULL UPDATED CSS
========================================================= */

.cmw-results-section {

    position: relative;

    width: 100%;

    padding: 115px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(48,42,104,.07),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(226,27,18,.055),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #f5f6fa 0%,
            #ffffff 48%,
            #f4f5f9 100%
        );

}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.cmw-results-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-results-glow-one {

    width: 620px;

    height: 620px;

    top: -430px;

    left: -230px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.09),
            transparent 70%
        );

}


.cmw-results-glow-two {

    width: 580px;

    height: 580px;

    right: -250px;

    bottom: -430px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.075),
            transparent 70%
        );

}


/* =========================================================
   SUBTLE GRID
========================================================= */

.cmw-results-section::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: .55;

    background-image:
        linear-gradient(
            rgba(48,42,104,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(48,42,104,.025) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;

}


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

.cmw-results-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-results-heading {

    max-width: 850px;

    margin-bottom: 58px;

}


.cmw-results-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color:
        #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        1.7px;

}


.cmw-results-label span {

    width:
        38px;

    height:
        2px;

    background:
        #e21b12;

}


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

.cmw-results-heading h2 {

    margin:
        0;

    color:
        #17171c;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        50px;

    font-weight:
        700;

    line-height:
        1.18;

    letter-spacing:
        -1px;

}


.cmw-results-heading h2 span {

    display:
        block;

    color:
        #302a68;

}


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

.cmw-results-heading p {

    max-width:
        760px;

    margin:
        22px 0 0;

    color:
        #666872;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1.9;

}


/* =========================================================
   CARDS GRID
========================================================= */

.cmw-results-grid {

    display:
        grid;

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

    gap:
        20px;

}


/* =========================================================
   RESULT CARD
========================================================= */

.cmw-result-card {

    position:
        relative;

    min-height:
        335px;

    padding:
        30px;

    display:
        flex;

    flex-direction:
        column;

    background:
        #ffffff;

    border:
        1px solid
        #e6e6ec;

    border-radius:
        16px;

    overflow:
        hidden;

    box-shadow:
        0 12px 35px
        rgba(25,25,50,.055);

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

}


/* =========================================================
   CARD TOP RED LINE
========================================================= */

.cmw-result-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        4px;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68
        );

}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.cmw-result-card::after {

    content:
        "";

    position:
        absolute;

    width:
        190px;

    height:
        190px;

    right:
        -110px;

    bottom:
        -110px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.055),
            transparent 70%
        );

    transition:
        all .45s ease;

}


.cmw-result-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(48,42,104,.18);

    box-shadow:
        0 22px 48px
        rgba(25,25,50,.11);

}


.cmw-result-card:hover::after {

    width:
        280px;

    height:
        280px;

}


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

.cmw-result-top {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

}


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

.cmw-result-icon {

    width:
        60px;

    height:
        60px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        linear-gradient(
            135deg,
            #302a68,
            #4b4385
        );

    color:
        #ffffff;

    border-radius:
        13px;

    font-size:
        20px;

    box-shadow:
        0 10px 24px
        rgba(48,42,104,.17);

}


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

.cmw-result-number {

    color:
        #b7b7c0;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        1px;

}


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

.cmw-result-content {

    position:
        relative;

    z-index:
        2;

    flex:
        1;

    padding-top:
        32px;

}


.cmw-result-content h3 {

    margin:
        0;

    max-width:
        240px;

    color:
        #1c1c22;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        23px;

    font-weight:
        700;

    line-height:
        1.35;

}


.cmw-result-content p {

    margin:
        15px 0 0;

    color:
        #6c6d75;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        400;

    line-height:
        1.85;

}


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

.cmw-result-line {

    position:
        relative;

    z-index:
        2;

    width:
        48px;

    height:
        3px;

    margin-top:
        22px;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68
        );

    border-radius:
        10px;

    transition:
        width .35s ease;

}


.cmw-result-card:hover
.cmw-result-line {

    width:
        85px;

}


/* =========================================================
   BOTTOM TRUST BAR
========================================================= */

.cmw-results-bottom {

    margin-top:
        38px;

    padding:
        24px 28px;

    display:
        flex;

    align-items:
        center;

    gap:
        17px;

    background:
        #ffffff;

    border:
        1px solid
        #e4e4eb;

    border-radius:
        13px;

    box-shadow:
        0 10px 30px
        rgba(25,25,50,.045);

}


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

.cmw-results-bottom-icon {

    width:
        52px;

    height:
        52px;

    flex:
        0 0 52px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f1f0f8;

    color:
        #302a68;

    border-radius:
        11px;

    font-size:
        18px;

}


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

.cmw-results-bottom strong {

    display:
        block;

    color:
        #202025;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.5;

}


.cmw-results-bottom span {

    display:
        block;

    margin-top:
        5px;

    color:
        #777880;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    line-height:
        1.6;

}


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

.cmw-results-btn {

    margin-left:
        auto;

    min-height:
        48px;

    padding:
        0 21px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    flex-shrink:
        0;

    background:
        #e21b12;

    color:
        #ffffff;

    border:
        1px solid
        #e21b12;

    border-radius:
        7px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    box-shadow:
        0 8px 20px
        rgba(226,27,18,.14);

    transition:
        all .3s ease;

}


.cmw-results-btn i {

    font-size:
        9px;

    transition:
        transform .3s ease;

}


.cmw-results-btn:hover {

    background:
        #302a68;

    border-color:
        #302a68;

    color:
        #ffffff;

}


.cmw-results-btn:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-results-container {

        max-width:
            1140px;

    }

    .cmw-results-heading h2 {

        font-size:
            46px;

    }

    .cmw-result-card {

        min-height:
            320px;

        padding:
            27px;

    }

    .cmw-result-content h3 {

        font-size:
            21px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-results-container {

        max-width:
            960px;

    }

    .cmw-results-grid {

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

        gap:
            18px;

    }

    .cmw-result-card {

        min-height:
            300px;

    }

    .cmw-results-heading h2 {

        font-size:
            41px;

    }

}


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

@media (max-width: 991px) {

    .cmw-results-section {

        padding:
            85px 0;

    }

    .cmw-results-container {

        max-width:
            720px;

    }

    .cmw-results-heading {

        margin-bottom:
            40px;

    }

    .cmw-results-heading h2 {

        font-size:
            38px;

    }

    .cmw-results-heading p {

        font-size:
            14px;

    }

    .cmw-result-card {

        min-height:
            285px;

        padding:
            25px;

    }

    .cmw-result-icon {

        width:
            55px;

        height:
            55px;

        font-size:
            18px;

    }

    .cmw-result-content {

        padding-top:
            25px;

    }

    .cmw-result-content h3 {

        font-size:
            20px;

    }

    .cmw-result-content p {

        font-size:
            12px;

    }

}


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

@media (max-width: 767px) {

    .cmw-results-section {

        padding:
            68px 0;

    }

    .cmw-results-container {

        max-width:
            100%;

        padding:
            0 15px;

    }


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

    .cmw-results-heading {

        margin-bottom:
            32px;

        text-align:
            left;

    }

    .cmw-results-label {

        justify-content:
            flex-start;

        margin-bottom:
            14px;

        font-size:
            10px;

        letter-spacing:
            1.3px;

    }

    .cmw-results-label span {

        width:
            28px;

    }

    .cmw-results-heading h2 {

        font-size:
            31px;

        line-height:
            1.25;

        letter-spacing:
            -.5px;

    }

    .cmw-results-heading h2 span {

        display:
            block;

    }

    .cmw-results-heading p {

        margin-top:
            16px;

        font-size:
            12px;

        line-height:
            1.85;

        text-align:
            left;

    }


    /* =====================================
       CARDS
    ===================================== */

    .cmw-results-grid {

        grid-template-columns:
            1fr;

        gap:
            13px;

    }

    .cmw-result-card {

        min-height:
            0;

        padding:
            25px 21px;

        border-radius:
            13px;

        text-align:
            left;

    }

    .cmw-result-icon {

        width:
            50px;

        height:
            50px;

        font-size:
            17px;

    }

    .cmw-result-number {

        font-size:
            11px;

    }

    .cmw-result-content {

        padding-top:
            22px;

    }

    .cmw-result-content h3 {

        max-width:
            100%;

        font-size:
            20px;

        line-height:
            1.4;

    }

    .cmw-result-content p {

        margin-top:
            12px;

        font-size:
            12px;

        line-height:
            1.85;

    }

    .cmw-result-line {

        margin-top:
            20px;

    }


    /* =====================================
       BOTTOM BAR
    ===================================== */

    .cmw-results-bottom {

        margin-top:
            22px;

        padding:
            22px 20px;

        display:
            block;

        text-align:
            left;

        border-radius:
            12px;

    }

    .cmw-results-bottom-icon {

        width:
            48px;

        height:
            48px;

        margin-bottom:
            14px;

    }

    .cmw-results-bottom strong {

        font-size:
            14px;

        line-height:
            1.5;

    }

    .cmw-results-bottom span {

        margin-top:
            6px;

        font-size:
            10px;

        line-height:
            1.75;

    }

    .cmw-results-btn {

        margin:
            18px 0 0;

        min-height:
            46px;

        padding:
            0 18px;

        font-size:
            10px;

    }

}


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

@media (max-width: 380px) {

    .cmw-results-section {

        padding:
            58px 0;

    }

    .cmw-results-heading h2 {

        font-size:
            28px;

    }

    .cmw-results-heading p {

        font-size:
            11px;

    }

    .cmw-result-card {

        padding:
            22px 18px;

    }

    .cmw-result-content h3 {

        font-size:
            18px;

    }

    .cmw-result-content p {

        font-size:
            11px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-results-btn:focus-visible {

    outline:
        2px solid
        #302a68;

    outline-offset:
        4px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-result-card,
    .cmw-result-line,
    .cmw-results-btn {

        transition:
            none !important;

    }

}
/* =========================================================
   CMW MUMBAI WEB DESIGN SECTION
   PREMIUM LIGHT DESIGN
========================================================= */

.cmw-mumbai-section {

    position: relative;

    width: 100%;

    padding: 115px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f5f6fa 0%,
            #ffffff 48%,
            #f3f4f8 100%
        );

}


/* =========================================================
   BACKGROUND SHAPES
========================================================= */

.cmw-mumbai-bg-shape {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.cmw-mumbai-shape-one {

    width: 620px;

    height: 620px;

    top: -400px;

    left: -280px;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.075),
            transparent 70%
        );

}


.cmw-mumbai-shape-two {

    width: 550px;

    height: 550px;

    right: -300px;

    bottom: -350px;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.065),
            transparent 70%
        );

}


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

.cmw-mumbai-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


/* =========================================================
   MAIN GRID
========================================================= */

.cmw-mumbai-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(400px, .92fr);

    gap: 80px;

    align-items: center;

}


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

.cmw-mumbai-content {

    max-width: 760px;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-mumbai-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.6px;

}


.cmw-mumbai-label span {

    width: 38px;

    height: 2px;

    background: #e21b12;

}


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

.cmw-mumbai-content h2 {

    margin: 0;

    color: #17171c;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 48px;

    font-weight: 700;

    line-height: 1.18;

    letter-spacing: -1px;

}


.cmw-mumbai-content h2 span {

    display: block;

    color: #302a68;

}


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

.cmw-mumbai-content p {

    margin: 18px 0 0;

    color: #696a73;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    line-height: 1.9;

}


.cmw-mumbai-content .cmw-mumbai-intro {

    margin-top: 23px;

    color: #555761;

    font-size: 16px;

    line-height: 1.9;

}


/* =========================================================
   SERVICE POINTS
========================================================= */

.cmw-mumbai-points {

    display: grid;

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

    gap: 15px;

    margin-top: 32px;

}


.cmw-mumbai-point {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 17px;

    background: #ffffff;

    border: 1px solid #e6e6ec;

    border-radius: 11px;

    box-shadow:
        0 8px 25px
        rgba(25,25,50,.035);

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

}


.cmw-mumbai-point:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(48,42,104,.18);

    box-shadow:
        0 15px 30px
        rgba(25,25,50,.08);

}


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

.cmw-mumbai-point-icon {

    width: 43px;

    height: 43px;

    flex: 0 0 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        #f0eff7;

    color:
        #302a68;

    border-radius:
        9px;

    font-size:
        14px;

}


.cmw-mumbai-point strong {

    display: block;

    color: #25252a;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.5;

}


.cmw-mumbai-point span {

    display: block;

    margin-top: 4px;

    color: #7a7b83;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    line-height: 1.65;

}


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

.cmw-mumbai-actions {

    display: flex;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

    margin-top: 32px;

}


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

.cmw-mumbai-primary {

    min-height: 52px;

    padding:
        0 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    background:
        #e21b12;

    color:
        #ffffff;

    border:
        1px solid #e21b12;

    border-radius:
        7px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    transition:
        all .3s ease;

}


.cmw-mumbai-primary i {

    font-size:
        9px;

    transition:
        transform .3s ease;

}


.cmw-mumbai-primary:hover {

    background:
        #302a68;

    border-color:
        #302a68;

    color:
        #ffffff;

}


.cmw-mumbai-primary:hover i {

    transform:
        translateX(4px);

}


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

.cmw-mumbai-phone {

    min-height:
        52px;

    padding:
        0 18px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    background:
        #ffffff;

    color:
        #302a68;

    border:
        1px solid #e1e1e8;

    border-radius:
        7px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    transition:
        all .3s ease;

}


.cmw-mumbai-phone i {

    color:
        #e21b12;

    font-size:
        11px;

}


.cmw-mumbai-phone:hover {

    border-color:
        #302a68;

    background:
        #302a68;

    color:
        #ffffff;

}


/* =========================================================
   RIGHT MAIN CARD
========================================================= */

.cmw-mumbai-side {

    width: 100%;

}


.cmw-mumbai-card {

    position: relative;

    padding: 35px;

    background:
        linear-gradient(
            145deg,
            #302a68 0%,
            #211e4d 100%
        );

    border-radius:
        18px;

    overflow:
        hidden;

    box-shadow:
        0 25px 60px
        rgba(48,42,104,.16);

}


.cmw-mumbai-card::before {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    right: -130px;

    top: -130px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.06);

}


.cmw-mumbai-card::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    left: -100px;

    bottom: -100px;

    border-radius: 50%;

    background:
        rgba(226,27,18,.10);

}


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

.cmw-mumbai-card-top {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

}


.cmw-mumbai-card-icon {

    width:
        55px;

    height:
        55px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        rgba(255,255,255,.10);

    color:
        #ffffff;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius:
        12px;

    font-size:
        18px;

}


.cmw-mumbai-card-top > span {

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

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        2px;

}


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

.cmw-mumbai-card h3 {

    position:
        relative;

    z-index:
        2;

    margin:
        28px 0 0;

    color:
        #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        27px;

    font-weight:
        700;

    line-height:
        1.4;

}


.cmw-mumbai-card h3 span {

    display:
        block;

    color:
        #a9a3e8;

}


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

.cmw-mumbai-card > p {

    position:
        relative;

    z-index:
        2;

    margin:
        15px 0 0;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        12px;

    line-height:
        1.85;

}


/* =========================================================
   AREA TITLE
========================================================= */

.cmw-mumbai-area-title {

    position:
        relative;

    z-index:
        2;

    margin-top:
        28px;

    margin-bottom:
        10px;

    color:
        #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.4;

}
/* =========================================================
   AREA INTRO
========================================================= */

.cmw-mumbai-area-intro {

    position:
        relative;

    z-index:
        2;

    margin:
        0 0 17px;

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

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        400;

    line-height:
        1.7;

}

/* =========================================================
   AREA TAGS
========================================================= */

.cmw-mumbai-areas {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        flex-start;

    gap:
        8px;

    max-height:
        345px;

    overflow-y:
        auto;

    padding:
        2px 5px 8px 0;

    scrollbar-width:
        thin;

    scrollbar-color:
        #5b548e
        rgba(255,255,255,.06);

}

.cmw-mumbai-areas a {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        31px;

    padding:
        8px 11px;

    background:
        rgba(255,255,255,.075);

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

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        6px;

    text-decoration:
        none;

    white-space:
        nowrap;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        9px;

    font-weight:
        500;

    line-height:
        1;

    transition:
        all .25s ease;

}
/* =========================================================
   HOVER
========================================================= */

.cmw-mumbai-areas a:hover {

    background:
        rgba(226,27,18,.15);

    color:
        #ffffff;

    border-color:
        rgba(226,27,18,.42);

    transform:
        translateY(-2px);

    box-shadow:
        0 6px 15px
        rgba(0,0,0,.12);

}
/* =========================================================
   ACTIVE / FOCUS
========================================================= */

.cmw-mumbai-areas a:focus-visible {

    outline:
        2px solid
        #ffffff;

    outline-offset:
        3px;

}
/* =========================================================
   CUSTOM WEBKIT SCROLLBAR
========================================================= */

.cmw-mumbai-areas::-webkit-scrollbar {

    width:
        5px;

}


.cmw-mumbai-areas::-webkit-scrollbar-track {

    background:
        rgba(255,255,255,.045);

    border-radius:
        10px;

}


.cmw-mumbai-areas::-webkit-scrollbar-thumb {

    background:
        #5b548e;

    border-radius:
        10px;

}


.cmw-mumbai-areas::-webkit-scrollbar-thumb:hover {

    background:
        #e21b12;

}
.cmw-mumbai-areas span {

    padding:
        7px 10px;

    background:
        rgba(255,255,255,.075);

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

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        5px;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        9px;

    line-height:
        1;

}


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

.cmw-mumbai-card-bottom {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin-top:
        25px;

    padding-top:
        18px;

    border-top:
        1px solid
        rgba(255,255,255,.10);

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

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        9px;

}


.cmw-mumbai-card-bottom i {

    color:
        #ff574f;

}


/* =========================================================
   MINI CARDS
========================================================= */

.cmw-mumbai-mini-grid {

    display:
        grid;

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

    gap:
        12px;

    margin-top:
        14px;

}


.cmw-mumbai-mini {

    padding:
        17px 12px;

    background:
        #ffffff;

    border:
        1px solid #e5e5eb;

    border-radius:
        10px;

    text-align:
        center;

    box-shadow:
        0 8px 20px
        rgba(25,25,50,.035);

}


.cmw-mumbai-mini i {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #302a68;

    font-size:
        17px;

}


.cmw-mumbai-mini strong {

    display:
        block;

    color:
        #25252a;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

}


.cmw-mumbai-mini span {

    display:
        block;

    margin-top:
        3px;

    color:
        #85868d;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        8px;

}


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

.cmw-mumbai-seo-text {

    max-width:
        1100px;

    margin:
        70px auto 0;

    padding:
        30px 35px;

    background:
        rgba(255,255,255,.78);

    border:
        1px solid #e4e4eb;

    border-radius:
        13px;

    box-shadow:
        0 8px 25px
        rgba(25,25,50,.035);

}


.cmw-mumbai-seo-text h3 {

    margin:
        0;

    color:
        #24242a;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        23px;

    font-weight:
        700;

    line-height:
        1.4;

}


.cmw-mumbai-seo-text p {

    margin:
        13px 0 0;

    color:
        #6b6c74;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    line-height:
        1.9;

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {
	.cmw-mumbai-area-title {

        font-size:
            14px;

    }

    .cmw-mumbai-area-intro {

        font-size:
            10px;

    }
    .cmw-mumbai-container {

        max-width:
            1140px;

    }

    .cmw-mumbai-grid {

        gap:
            55px;

    }

    .cmw-mumbai-content h2 {

        font-size:
            44px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-mumbai-container {

        max-width:
            960px;

    }

    .cmw-mumbai-grid {

        grid-template-columns:
            minmax(0, 1fr)
            390px;

        gap:
            35px;

    }

    .cmw-mumbai-content h2 {

        font-size:
            39px;

    }

    .cmw-mumbai-content .cmw-mumbai-intro {

        font-size:
            14px;

    }

    .cmw-mumbai-points {

        gap:
            10px;

    }

    .cmw-mumbai-point {

        padding:
            14px;

    }
.cmw-mumbai-areas {

        max-height:
            330px;

        gap:
            7px;

    }

    .cmw-mumbai-areas a {

        padding:
            7px 10px;

        font-size:
            8px;

    }
}


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

@media (max-width: 991px) {

    .cmw-mumbai-section {

        padding:
            85px 0;

    }

    .cmw-mumbai-container {

        max-width:
            720px;

    }

    .cmw-mumbai-grid {

        grid-template-columns:
            1fr;

        gap:
            45px;

    }

    .cmw-mumbai-content {

        max-width:
            100%;

    }

    .cmw-mumbai-content h2 {

        font-size:
            40px;

    }

    .cmw-mumbai-side {

        max-width:
            600px;

    }

    .cmw-mumbai-seo-text {

        margin-top:
            50px;

    }
.cmw-mumbai-area-title {

        margin-top:
            25px;

        font-size:
            14px;

    }

    .cmw-mumbai-area-intro {

        font-size:
            10px;

    }

    .cmw-mumbai-areas {

        max-height:
            350px;

    }
}


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

@media (max-width: 767px) {

    .cmw-mumbai-section {

        padding:
            68px 0;

    }

    .cmw-mumbai-container {

        max-width:
            100%;

        padding:
            0 15px;

    }


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

    .cmw-mumbai-content {

        text-align:
            left;

    }

    .cmw-mumbai-label {

        justify-content:
            flex-start;

        margin-bottom:
            14px;

        font-size:
            10px;

        letter-spacing:
            1.25px;

    }

    .cmw-mumbai-label span {

        width:
            28px;

    }

    .cmw-mumbai-content h2 {

        font-size:
            31px;

        line-height:
            1.25;

        letter-spacing:
            -.5px;

    }

    .cmw-mumbai-content h2 span {

        display:
            block;

    }

    .cmw-mumbai-content .cmw-mumbai-intro {

        margin-top:
            16px;

        font-size:
            13px;

        line-height:
            1.85;

        text-align:
            left;

    }

    .cmw-mumbai-content p {

        font-size:
            11px;

        line-height:
            1.85;

        text-align:
            left;

    }


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

    .cmw-mumbai-points {

        grid-template-columns:
            1fr;

        gap:
            10px;

        margin-top:
            25px;

    }

    .cmw-mumbai-point {

        padding:
            17px;

        text-align:
            left;

    }

    .cmw-mumbai-point-icon {

        width:
            42px;

        height:
            42px;

        flex-basis:
            42px;

    }

    .cmw-mumbai-point strong {

        font-size:
            12px;

    }

    .cmw-mumbai-point span {

        font-size:
            10px;

        line-height:
            1.7;

    }


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

    .cmw-mumbai-actions {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            10px;

        margin-top:
            27px;

    }

    .cmw-mumbai-primary,
    .cmw-mumbai-phone {

        min-height:
            49px;

        font-size:
            11px;

    }


    /* =====================================
       RIGHT CARD
    ===================================== */

    .cmw-mumbai-side {

        max-width:
            100%;

    }

    .cmw-mumbai-card {

        padding:
            27px 20px;

        border-radius:
            14px;

        text-align:
            left;

    }

    .cmw-mumbai-card h3 {

        margin-top:
            23px;

        font-size:
            24px;

        line-height:
            1.4;

    }

    .cmw-mumbai-card > p {

        font-size:
            11px;

        line-height:
            1.8;

    }

    .cmw-mumbai-area-title {

        font-size:
            12px;

    }


    /* =====================================
       AREAS
    ===================================== */



    .cmw-mumbai-areas span {

        padding:
            7px 9px;

        font-size:
            8px;

    }


    /* =====================================
       MINI CARDS
    ===================================== */

    .cmw-mumbai-mini-grid {

        gap:
            8px;

    }

    .cmw-mumbai-mini {

        padding:
            14px 8px;

    }

    .cmw-mumbai-mini i {

        font-size:
            15px;

    }

    .cmw-mumbai-mini strong {

        font-size:
            9px;

    }

    .cmw-mumbai-mini span {

        font-size:
            7px;

    }


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

    .cmw-mumbai-seo-text {

        margin-top:
            35px;

        padding:
            23px 19px;

        text-align:
            left;

    }

    .cmw-mumbai-seo-text h3 {

        font-size:
            19px;

        line-height:
            1.45;

    }

    .cmw-mumbai-seo-text p {

        font-size:
            11px;

        line-height:
            1.85;

        text-align:
            left;

    }
.cmw-mumbai-area-title {

        margin-top:
            23px;

        margin-bottom:
            9px;

        font-size:
            13px;

        text-align:
            left;

    }

    .cmw-mumbai-area-intro {

        margin:
            0 0 14px;

        font-size:
            10px;

        line-height:
            1.75;

        text-align:
            left;

    }

    .cmw-mumbai-areas {

        max-height:
            380px;

        gap:
            6px;

        padding:
            2px 3px 8px 0;

        justify-content:
            flex-start;

    }

    .cmw-mumbai-areas a {

        min-height:
            29px;

        padding:
            7px 9px;

        border-radius:
            5px;

        font-size:
            8px;

        line-height:
            1;

    }

    .cmw-mumbai-areas a:hover {

        transform:
            none;

    }
}


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

@media (max-width: 380px) {

    .cmw-mumbai-section {

        padding:
            58px 0;

    }

    .cmw-mumbai-content h2 {

        font-size:
            28px;

    }

    .cmw-mumbai-content .cmw-mumbai-intro {

        font-size:
            12px;

    }

    .cmw-mumbai-card h3 {

        font-size:
            21px;

    }

    .cmw-mumbai-seo-text h3 {

        font-size:
            18px;

    }
 .cmw-mumbai-area-title {

        font-size:
            12px;

    }

    .cmw-mumbai-area-intro {

        font-size:
            9px;

    }

    .cmw-mumbai-areas {

        max-height:
            350px;

        gap:
            5px;

    }

    .cmw-mumbai-areas a {

        padding:
            7px 8px;

        font-size:
            7px;

    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-mumbai-primary:focus-visible,
.cmw-mumbai-phone:focus-visible {

    outline:
        2px solid #302a68;

    outline-offset:
        4px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-mumbai-point,
    .cmw-mumbai-primary,
    .cmw-mumbai-phone {

        transition:
            none !important;

    }

}

/* =========================================================
   CMW RESULTS / NUMBERS SECTION
   LEFT ALIGNED
   DESKTOP + TABLET + MOBILE
========================================================= */

.cmw-stats-section {

    position: relative;

    width: 100%;

    padding: 110px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f5f6fa 0%,
            #ffffff 50%,
            #f3f4f8 100%
        );

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.cmw-stats-section::before {

    content: "";

    position: absolute;

    width: 620px;

    height: 620px;

    left: -330px;

    top: -390px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.075),
            transparent 70%
        );

    pointer-events: none;

}


.cmw-stats-section::after {

    content: "";

    position: absolute;

    width: 580px;

    height: 580px;

    right: -320px;

    bottom: -400px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.06),
            transparent 70%
        );

    pointer-events: none;

}


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

.cmw-stats-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-stats-heading {

    max-width: 850px;

    margin:
        0 0 58px;

    text-align: left;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-stats-label {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 12px;

    margin-bottom: 18px;

    color:
        #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        1.7px;

}


.cmw-stats-label span {

    width:
        38px;

    height:
        2px;

    flex:
        0 0 38px;

    background:
        #e21b12;

}


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

.cmw-stats-heading h2 {

    margin:
        0;

    color:
        #18181d;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        50px;

    font-weight:
        700;

    line-height:
        1.18;

    letter-spacing:
        -1px;

}


.cmw-stats-heading h2 span {

    display:
        block;

    color:
        #302a68;

}


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

.cmw-stats-heading p {

    max-width:
        760px;

    margin:
        21px 0 0;

    color:
        #686971;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.9;

}


/* =========================================================
   STAT GRID
========================================================= */

.cmw-stats-grid {

    display:
        grid;

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

    gap:
        20px;

}


/* =========================================================
   STAT CARD
========================================================= */

.cmw-stat-card {

    position:
        relative;

    min-height:
        330px;

    padding:
        30px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    text-align:
        left;

    background:
        #ffffff;

    border:
        1px solid
        #e4e4ea;

    border-radius:
        16px;

    overflow:
        hidden;

    box-shadow:
        0 12px 35px
        rgba(25,25,50,.055);

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

}


/* =========================================================
   TOP RED / PURPLE LINE
========================================================= */

.cmw-stat-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        4px;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68
        );

}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.cmw-stat-card::after {

    content:
        "";

    position:
        absolute;

    width:
        190px;

    height:
        190px;

    right:
        -110px;

    bottom:
        -110px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.055),
            transparent 70%
        );

    transition:
        all .45s ease;

}


.cmw-stat-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(48,42,104,.20);

    box-shadow:
        0 25px 52px
        rgba(25,25,50,.11);

}


.cmw-stat-card:hover::after {

    width:
        285px;

    height:
        285px;

}


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

.cmw-stat-card-top {

    position:
        relative;

    z-index:
        2;

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

}


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

.cmw-stat-icon {

    width:
        60px;

    height:
        60px;

    flex:
        0 0 60px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f0eff7;

    color:
        #302a68;

    border-radius:
        13px;

    font-size:
        20px;

    transition:
        all .3s ease;

}


.cmw-stat-card:hover
.cmw-stat-icon {

    background:
        #302a68;

    color:
        #ffffff;

    transform:
        translateY(-3px);

}


/* =========================================================
   CARD INDEX
========================================================= */

.cmw-stat-index {

    color:
        #c8c8d0;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        1px;

}


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

.cmw-stat-number {

    position:
        relative;

    z-index:
        2;

    margin-top:
        28px;

    color:
        #302a68;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        54px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        -1.5px;

}


.cmw-stat-number span {

    color:
        #e21b12;

    font-size:
        31px;

    font-weight:
        700;

}


/* =========================================================
   CARD TITLE
========================================================= */

.cmw-stat-card h3 {

    position:
        relative;

    z-index:
        2;

    margin:
        18px 0 0;

    color:
        #202025;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        20px;

    font-weight:
        700;

    line-height:
        1.4;

}


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

.cmw-stat-card p {

    position:
        relative;

    z-index:
        2;

    max-width:
        270px;

    margin:
        10px 0 0;

    color:
        #707179;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.8;

}


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

.cmw-stat-line {

    position:
        relative;

    z-index:
        2;

    width:
        100%;

    height:
        4px;

    margin-top:
        auto;

    background:
        #eeeeF3;

    border-radius:
        10px;

    overflow:
        hidden;

}


.cmw-stat-line span {

    display:
        block;

    width:
        75%;

    height:
        100%;

    background:
        linear-gradient(
            90deg,
            #e21b12,
            #302a68
        );

    border-radius:
        10px;

    transition:
        width .4s ease;

}


.cmw-stat-card:nth-child(2)
.cmw-stat-line span {

    width:
        82%;

}


.cmw-stat-card:nth-child(3)
.cmw-stat-line span {

    width:
        70%;

}


.cmw-stat-card:nth-child(4)
.cmw-stat-line span {

    width:
        100%;

}


.cmw-stat-card:hover
.cmw-stat-line span {

    width:
        100%;

}


/* =========================================================
   BOTTOM TRUST BAR
========================================================= */

.cmw-stats-bottom {

    margin-top:
        38px;

    padding:
        25px 28px;

    display:
        flex;

    align-items:
        center;

    gap:
        18px;

    background:
        #ffffff;

    border:
        1px solid
        #e3e3e9;

    border-radius:
        14px;

    box-shadow:
        0 10px 30px
        rgba(25,25,50,.045);

}


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

.cmw-stats-bottom-icon {

    width:
        54px;

    height:
        54px;

    flex:
        0 0 54px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f1f0f8;

    color:
        #302a68;

    border-radius:
        11px;

    font-size:
        18px;

}


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

.cmw-stats-bottom-content {

    flex:
        1;

}


.cmw-stats-bottom-content strong {

    display:
        block;

    color:
        #202025;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.5;

}


.cmw-stats-bottom-content span {

    display:
        block;

    margin-top:
        4px;

    color:
        #777880;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    line-height:
        1.7;

}


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

.cmw-stats-button {

    min-height:
        50px;

    padding:
        0 22px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    flex:
        0 0 auto;

    background:
        #e21b12;

    color:
        #ffffff;

    border:
        1px solid
        #e21b12;

    border-radius:
        7px;

    text-decoration:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    transition:
        all .3s ease;

}


.cmw-stats-button i {

    font-size:
        9px;

    transition:
        transform .3s ease;

}


.cmw-stats-button:hover {

    background:
        #302a68;

    border-color:
        #302a68;

    color:
        #ffffff;

}


.cmw-stats-button:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-stats-container {

        max-width:
            1140px;

    }

    .cmw-stats-heading h2 {

        font-size:
            46px;

    }

    .cmw-stat-card {

        padding:
            27px;

    }

}


/* =========================================================
   992 - 1199
========================================================= */

@media (max-width: 1199px) {

    .cmw-stats-container {

        max-width:
            960px;

    }

    .cmw-stats-grid {

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

        gap:
            18px;

    }

    .cmw-stat-card {

        min-height:
            310px;

    }

    .cmw-stat-number {

        font-size:
            50px;

    }

}


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

@media (max-width: 991px) {

    .cmw-stats-section {

        padding:
            85px 0;

    }

    .cmw-stats-container {

        max-width:
            720px;

    }

    .cmw-stats-heading {

        margin-bottom:
            43px;

    }

    .cmw-stats-heading h2 {

        font-size:
            40px;

    }

    .cmw-stats-heading p {

        font-size:
            14px;

    }

    .cmw-stat-card {

        padding:
            25px;

    }

    .cmw-stat-icon {

        width:
            55px;

        height:
            55px;

        flex-basis:
            55px;

        font-size:
            18px;

    }

    .cmw-stat-number {

        font-size:
            47px;

    }

    .cmw-stat-card h3 {

        font-size:
            20px;

    }

}


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

@media (max-width: 767px) {

    .cmw-stats-section {

        padding:
            68px 0;

    }

    .cmw-stats-container {

        max-width:
            100%;

        padding:
            0 15px;

    }


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

    .cmw-stats-heading {

        max-width:
            100%;

        margin:
            0 0 33px;

        text-align:
            left;

    }

    .cmw-stats-label {

        justify-content:
            flex-start;

        margin-bottom:
            14px;

        font-size:
            10px;

        letter-spacing:
            1.3px;

    }

    .cmw-stats-label span {

        width:
            28px;

        flex-basis:
            28px;

    }

    .cmw-stats-heading h2 {

        font-size:
            31px;

        line-height:
            1.25;

        letter-spacing:
            -.5px;

    }

    .cmw-stats-heading h2 span {

        display:
            block;

    }

    .cmw-stats-heading p {

        margin:
            16px 0 0;

        font-size:
            12px;

        line-height:
            1.85;

        text-align:
            left;

    }


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

    .cmw-stats-grid {

        grid-template-columns:
            1fr;

        gap:
            13px;

    }


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

    .cmw-stat-card {

        min-height:
            0;

        padding:
            25px 21px;

        align-items:
            flex-start;

        text-align:
            left;

        border-radius:
            13px;

    }


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

    .cmw-stat-icon {

        width:
            50px;

        height:
            50px;

        flex-basis:
            50px;

        font-size:
            17px;

    }


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

    .cmw-stat-number {

        margin-top:
            22px;

        font-size:
            45px;

        line-height:
            1;

    }

    .cmw-stat-number span {

        font-size:
            26px;

    }


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

    .cmw-stat-card h3 {

        margin-top:
            14px;

        font-size:
            20px;

        line-height:
            1.4;

        text-align:
            left;

    }


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

    .cmw-stat-card p {

        max-width:
            100%;

        margin-top:
            9px;

        font-size:
            11px;

        line-height:
            1.85;

        text-align:
            left;

    }


    /* =====================================
       BOTTOM LINE
    ===================================== */

    .cmw-stat-line {

        margin-top:
            22px;

    }


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

    .cmw-stats-bottom {

        margin-top:
            22px;

        padding:
            21px 20px;

        display:
            block;

        text-align:
            left;

    }

    .cmw-stats-bottom-icon {

        width:
            48px;

        height:
            48px;

        margin-bottom:
            14px;

    }

    .cmw-stats-bottom-content {

        width:
            100%;

    }

    .cmw-stats-bottom-content strong {

        font-size:
            14px;

        line-height:
            1.5;

        text-align:
            left;

    }

    .cmw-stats-bottom-content span {

        margin-top:
            5px;

        font-size:
            10px;

        line-height:
            1.75;

        text-align:
            left;

    }

    .cmw-stats-button {

        margin-top:
            18px;

        min-height:
            46px;

        padding:
            0 18px;

        font-size:
            10px;

    }

}


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

@media (max-width: 380px) {

    .cmw-stats-section {

        padding:
            58px 0;

    }

    .cmw-stats-heading h2 {

        font-size:
            28px;

    }

    .cmw-stats-heading p {

        font-size:
            11px;

    }

    .cmw-stat-card {

        padding:
            22px 18px;

    }

    .cmw-stat-number {

        font-size:
            40px;

    }

    .cmw-stat-number span {

        font-size:
            23px;

    }

    .cmw-stat-card h3 {

        font-size:
            18px;

    }

    .cmw-stat-card p {

        font-size:
            11px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-stats-button:focus-visible {

    outline:
        2px solid
        #302a68;

    outline-offset:
        4px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-stat-card,
    .cmw-stat-icon,
    .cmw-stats-button {

        transition:
            none !important;

    }

}
/* =========================================================
   CMW CONTACT SECTION
========================================================= */

.cmw-contact-section {

    position: relative;

    width: 100%;

    padding: 115px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f4f5f9 0%,
            #ffffff 48%,
            #f3f4f8 100%
        );

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.cmw-contact-section::before {

    content: "";

    position: absolute;

    width: 650px;

    height: 650px;

    left: -350px;

    top: -390px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(48,42,104,.075),
            transparent 70%
        );

    pointer-events: none;

}


.cmw-contact-section::after {

    content: "";

    position: absolute;

    width: 600px;

    height: 600px;

    right: -320px;

    bottom: -390px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(226,27,18,.055),
            transparent 70%
        );

    pointer-events: none;

}


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

.cmw-contact-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:
        0 20px;

}


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

.cmw-contact-heading {

    max-width: 850px;

    margin-bottom: 55px;

    text-align: left;

}


.cmw-contact-label {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 12px;

    margin-bottom: 18px;

    color:
        #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        1.7px;

}


.cmw-contact-label span {

    width:
        38px;

    height:
        2px;

    flex:
        0 0 38px;

    background:
        #e21b12;

}


.cmw-contact-heading h2 {

    margin:
        0;

    color:
        #18181d;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        50px;

    font-weight:
        700;

    line-height:
        1.18;

    letter-spacing:
        -1px;

}


.cmw-contact-heading h2 span {

    display:
        block;

    color:
        #302a68;

}


.cmw-contact-heading p {

    max-width:
        760px;

    margin:
        20px 0 0;

    color:
        #686971;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        15px;

    line-height:
        1.9;

}


/* =========================================================
   MAIN GRID
========================================================= */

.cmw-contact-grid {

    display:
        grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:
        25px;

    align-items:
        stretch;

}


/* =========================================================
   CONTACT INFO
========================================================= */

.cmw-contact-info {

    display:
        flex;

    flex-direction:
        column;

    gap:
        15px;

}


/* =========================================================
   INFO CARD
========================================================= */

.cmw-contact-info-card {

    position:
        relative;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        18px;

    padding:
        25px;

    background:
        #ffffff;

    border:
        1px solid
        #e4e4ea;

    border-radius:
        14px;

    box-shadow:
        0 10px 30px
        rgba(25,25,50,.045);

    transition:
        all .3s ease;

}


.cmw-contact-info-card::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        20px;

    width:
        3px;

    height:
        48px;

    background:
        #e21b12;

    border-radius:
        0 5px 5px 0;

}


.cmw-contact-info-card:hover {

    transform:
        translateX(5px);

    border-color:
        rgba(48,42,104,.18);

    box-shadow:
        0 18px 40px
        rgba(25,25,50,.08);

}


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

.cmw-contact-info-icon {

    width:
        54px;

    height:
        54px;

    flex:
        0 0 54px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f0eff7;

    color:
        #302a68;

    border-radius:
        11px;

    font-size:
        18px;

}


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

.cmw-contact-info-content {

    min-width:
        0;

}


.cmw-contact-info-content > span {

    display:
        block;

    color:
        #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1.5px;

}


.cmw-contact-info-content h3 {

    margin:
        6px 0 0;

    color:
        #202025;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        19px;

    font-weight:
        700;

    line-height:
        1.45;

}


.cmw-contact-info-content p {

    margin:
        8px 0 0;

    color:
        #707179;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    line-height:
        1.8;

}


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

.cmw-contact-map-link,
.cmw-contact-action {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        11px;

    color:
        #302a68;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    text-decoration:
        none;

    transition:
        all .25s ease;

}


.cmw-contact-map-link i,
.cmw-contact-action i {

    font-size:
        8px;

    transition:
        transform .25s ease;

}


.cmw-contact-map-link:hover,
.cmw-contact-action:hover {

    color:
        #e21b12;

}


.cmw-contact-map-link:hover i,
.cmw-contact-action:hover i {

    transform:
        translateX(4px);

}


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

.cmw-contact-form-wrap {

    padding:
        35px;

    background:
        #ffffff;

    border:
        1px solid
        #e1e1e8;

    border-radius:
        16px;

    box-shadow:
        0 18px 45px
        rgba(25,25,50,.07);

}


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

.cmw-contact-form-header > span {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #e21b12;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1.5px;

}


.cmw-contact-form-header h3 {

    margin:
        0;

    color:
        #202025;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        27px;

    font-weight:
        700;

    line-height:
        1.35;

}


.cmw-contact-form-header p {

    margin:
        8px 0 25px;

    color:
        #777880;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    line-height:
        1.7;

}


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

.cmw-contact-form {

    display:
        grid;

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

    gap:
        17px;

}


.cmw-contact-field {

    min-width:
        0;

}


.cmw-contact-field:nth-child(4) {

    grid-column:
        1 / -1;

}


/* =========================================================
   LABEL
========================================================= */

.cmw-contact-field label {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #303038;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

}


/* =========================================================
   INPUT WRAP
========================================================= */

.cmw-input-wrap {

    position:
        relative;

}


.cmw-input-wrap > i {

    position:
        absolute;

    left:
        14px;

    top:
        50%;

    transform:
        translateY(-50%);

    color:
        #8b8c94;

    font-size:
        12px;

    pointer-events:
        none;

}


.cmw-input-wrap input,
.cmw-input-wrap textarea {

    width:
        100%;

    padding:
        13px 14px 13px 40px;

    color:
        #25252b;

    background:
        #f8f8fa;

    border:
        1px solid
        #e3e3e8;

    border-radius:
        7px;

    outline:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    transition:
        all .25s ease;

}


.cmw-input-wrap input {

    height:
        48px;

}


.cmw-input-wrap textarea {

    min-height:
        110px;

    resize:
        vertical;

    line-height:
        1.7;

}


.cmw-input-wrap textarea + i {

    top:
        18px;

    transform:
        none;

}


.cmw-input-wrap input::placeholder,
.cmw-input-wrap textarea::placeholder {

    color:
        #a3a4ab;

}


.cmw-input-wrap input:focus,
.cmw-input-wrap textarea:focus {

    background:
        #ffffff;

    border-color:
        #302a68;

    box-shadow:
        0 0 0 3px
        rgba(48,42,104,.07);

}


.cmw-input-wrap:focus-within > i {

    color:
        #302a68;

}


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

.cmw-contact-submit {

    grid-column:
        1 / -1;

    min-height:
        52px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    margin-top:
        2px;

    padding:
        0 24px;

    background:
        #e21b12;

    color:
        #ffffff;

    border:
        1px solid
        #e21b12;

    border-radius:
        7px;

    cursor:
        pointer;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    transition:
        all .3s ease;

}


.cmw-contact-submit i {

    font-size:
        9px;

    transition:
        transform .3s ease;

}


.cmw-contact-submit:hover {

    background:
        #302a68;

    border-color:
        #302a68;

}


.cmw-contact-submit:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   BOTTOM STRIP
========================================================= */


.cmw-contact-bottom {

    display:
        grid;

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

    gap:
        18px;

    margin-top:
        25px;

}


.cmw-contact-bottom-item {

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    padding:
        20px 23px;

    background:
        #ffffff;

    border:
        1px solid
        #e4e4ea;

    border-radius:
        12px;

}


.cmw-contact-bottom-item > i {

    width:
        45px;

    height:
        45px;

    flex:
        0 0 45px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f0eff7;

    color:
        #302a68;

    border-radius:
        10px;

    font-size:
        15px;

}


.cmw-contact-bottom-item strong {

    display:
        block;

    color:
        #202025;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

}


.cmw-contact-bottom-item span {

    display:
        block;

    margin-top:
        4px;

    color:
        #777880;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    line-height:
        1.6;

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (max-width: 1399px) {

    .cmw-contact-container {

        max-width:
            1140px;

    }

    .cmw-contact-heading h2 {

        font-size:
            46px;

    }

}


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

@media (max-width: 1199px) {

    .cmw-contact-container {

        max-width:
            960px;

    }

    .cmw-contact-grid {

        grid-template-columns:
            1fr 1fr;

    }

    .cmw-contact-form-wrap {

        padding:
            28px;

    }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

    .cmw-contact-section {

        padding:
            85px 0;

    }

    .cmw-contact-container {

        max-width:
            720px;

    }

    .cmw-contact-grid {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }

    .cmw-contact-heading h2 {

        font-size:
            40px;

    }

    .cmw-contact-heading p {

        font-size:
            14px;

    }

}


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

@media (max-width: 767px) {

    .cmw-contact-section {

        padding:
            68px 0;

    }

    .cmw-contact-container {

        max-width:
            100%;

        padding:
            0 15px;

    }


    /* HEADING */

    .cmw-contact-heading {

        margin-bottom:
            32px;

        text-align:
            left;

    }

    .cmw-contact-label {

        margin-bottom:
            14px;

        font-size:
            10px;

        letter-spacing:
            1.3px;

    }

    .cmw-contact-label span {

        width:
            28px;

        flex-basis:
            28px;

    }

    .cmw-contact-heading h2 {

        font-size:
            31px;

        line-height:
            1.25;

        letter-spacing:
            -.5px;

    }

    .cmw-contact-heading p {

        margin-top:
            15px;

        font-size:
            12px;

        line-height:
            1.85;

        text-align:
            left;

    }


    /* INFO */

    .cmw-contact-grid {

        display:
            flex;

        flex-direction:
            column;

    }


    .cmw-contact-info {

        gap:
            12px;

    }

    .cmw-contact-info-card {

        padding:
            21px 18px;

        gap:
            13px;

        text-align:
            left;

    }

    .cmw-contact-info-card:hover {

        transform:
            none;

    }

    .cmw-contact-info-icon {

        width:
            47px;

        height:
            47px;

        flex-basis:
            47px;

        font-size:
            16px;

    }

    .cmw-contact-info-content > span {

        font-size:
            8px;

    }

    .cmw-contact-info-content h3 {

        font-size:
            17px;

    }

    .cmw-contact-info-content p {

        font-size:
            10px;

        line-height:
            1.75;

    }


    /* FORM */

    .cmw-contact-form-wrap {

        padding:
            23px 18px;

        border-radius:
            13px;

    }

    .cmw-contact-form-header h3 {

        font-size:
            24px;

    }

    .cmw-contact-form-header p {

        font-size:
            10px;

        line-height:
            1.75;

    }

    .cmw-contact-form {

        grid-template-columns:
            1fr;

        gap:
            14px;

    }

    .cmw-contact-field:nth-child(4) {

        grid-column:
            auto;

    }

    .cmw-contact-field label {

        font-size:
            10px;

    }

    .cmw-input-wrap input {

        height:
            47px;

    }

    .cmw-input-wrap input,
    .cmw-input-wrap textarea {

        font-size:
            11px;

    }

    .cmw-contact-submit {

        grid-column:
            auto;

        width:
            100%;

        min-height:
            48px;

    }


    /* BOTTOM */

    .cmw-contact-bottom {

        grid-template-columns:
            1fr;

        gap:
            10px;

        margin-top:
            15px;

    }

    .cmw-contact-bottom-item {

        padding:
            17px;

        text-align:
            left;

    }

}


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

@media (max-width: 380px) {

    .cmw-contact-section {

        padding:
            58px 0;

    }

    .cmw-contact-heading h2 {

        font-size:
            28px;

    }

    .cmw-contact-heading p {

        font-size:
            11px;

    }

    .cmw-contact-info-card {

        padding:
            18px 15px;

    }

    .cmw-contact-info-icon {

        width:
            43px;

        height:
            43px;

        flex-basis:
            43px;

        font-size:
            14px;

    }

    .cmw-contact-info-content h3 {

        font-size:
            16px;

    }

    .cmw-contact-form-wrap {

        padding:
            20px 15px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-contact-submit:focus-visible,
.cmw-contact-map-link:focus-visible,
.cmw-contact-action:focus-visible {

    outline:
        2px solid
        #302a68;

    outline-offset:
        4px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-contact-info-card,
    .cmw-contact-submit,
    .cmw-contact-map-link,
    .cmw-contact-action {

        transition:
            none !important;

    }

}

/* =========================================================
   CMW FULL WIDTH PREMIUM FOOTER
========================================================= */

.cmw-footer {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}

.cmw-footer *,
.cmw-footer *::before,
.cmw-footer *::after {
    box-sizing: border-box;
}

.cmw-footer-main {
    width: 100%;
    display: grid;
    grid-template-columns: 43% 57%;
}


/* =========================================================
   LEFT SECTION
========================================================= */

.cmw-footer-left {
    position: relative;
    background: #101820;
    overflow: hidden;
}

.cmw-footer-left-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    padding: 75px 65px 65px 30px;
}


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

.cmw-footer-logo-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding: 12px 17px;
    border-radius: 8px;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}

.cmw-footer-logo-box img {
    display: block;
    width: 245px;
    max-width: 100%;
    height: auto;
}


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

.cmw-footer-intro {
    max-width: 460px;
    margin: 0 0 32px;
    color: #c5cbd3;
    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   CONTACT
========================================================= */

.cmw-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.cmw-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    color: #ffffff;
    text-decoration: none;
    transition: .3s ease;
}

.cmw-footer-contact-icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #202a34;
    border: 1px solid #35414c;
    border-radius: 10px;
    color: #ff4036;
    font-size: 16px;
}

.cmw-footer-contact-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cmw-footer-contact-content strong {
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
}

.cmw-footer-contact-content > span {
    color: #c4ccd6;
    font-size: 13px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.cmw-footer-contact-item:hover {
    transform: translateX(5px);
}

.cmw-footer-contact-item:hover
.cmw-footer-contact-icon {
    background: #e21b12;
    border-color: #e21b12;
    color: #ffffff;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.cmw-footer-social {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
}

.cmw-footer-social a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #202a34;
    border: 1px solid #35414c;
    color: #ffffff;
    border-radius: 50%;
    font-size: 15px;
    text-decoration: none;
    transition: .3s ease;
}

.cmw-footer-social a:hover {
    background: #e21b12;
    border-color: #e21b12;
    transform: translateY(-4px);
}


/* =========================================================
   RIGHT SECTION
========================================================= */

.cmw-footer-right {
    position: relative;
    background: linear-gradient(
        135deg,
        #07366c,
        #103e75
    );
    overflow: hidden;
}

.cmw-footer-right-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 100%;
    padding: 75px 5% 65px 7%;
    display: grid;
    grid-template-columns: 1.15fr .9fr .85fr;
    gap: 38px;
    align-items: start;
}


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

.cmw-footer-column {
    min-width: 0;
}

.cmw-footer-column h3 {
    position: relative;
    margin: 0 0 32px;
    padding-bottom: 16px;
    color: #ff4036;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}

.cmw-footer-column h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: #ff4036;
    border-radius: 5px;
}


/* =========================================================
   LIST RESET
========================================================= */

.cmw-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cmw-footer-column li {
    margin: 0;
    padding: 0;
}

.cmw-footer-column li + li {
    margin-top: 18px;
}


/* =========================================================
   FOOTER LINKS - CSS ARROW ICON
========================================================= */

.cmw-footer-column a {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #f4f6fa;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    text-decoration: none;
    transition: color .25s ease, transform .25s ease;
}

/* CSS arrow instead of font icon */

.cmw-footer-column a::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-top: 2px solid #ff4036;
    border-right: 2px solid #ff4036;
    transform: rotate(45deg);
    transition: transform .25s ease;
}

.cmw-footer-column a:hover {
    color: #ff655d;
    transform: translateX(4px);
}

.cmw-footer-column a:hover::before {
    transform: translateX(3px) rotate(45deg);
}


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

.cmw-footer-cta {
    padding: 28px 24px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 16px;
    transition: .3s ease;
}

.cmw-footer-cta:hover {
    background: rgba(255,255,255,.10);
    transform: translateY(-4px);
}

.cmw-footer-cta-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 12px;
    font-size: 19px;
}

.cmw-footer-cta > span {
    display: block;
    color: #ff5148;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.cmw-footer-cta h4 {
    margin: 13px 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.55;
}

.cmw-footer-cta h4 strong {
    display: block;
    color: #ffffff;
    font-weight: 700;
}

.cmw-footer-cta p {
    margin: 0 0 23px;
    color: #c5d2e1;
    font-size: 13px;
    line-height: 1.8;
}

.cmw-footer-quote {
    min-height: 52px;
    width: 100%;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #e21b12;
    border: 1px solid #e21b12;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease;
}

.cmw-footer-quote:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #07366c;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.cmw-footer-bottom {
    width: 100%;
    background: #061b32;
    border-top: 1px solid rgba(255,255,255,.10);
}

.cmw-footer-bottom-inner {
    width: 100%;
    min-height: 72px;
    padding: 15px 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cmw-footer-bottom p {
    margin: 0;
    color: #bfc8d3;
    font-size: 13px;
    line-height: 1.7;
}

.cmw-footer-bottom p strong {
    color: #ff4036;
}

.cmw-footer-bottom-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cmw-footer-bottom-links a {
    color: #c2ccd7;
    font-size: 12px;
    text-decoration: none;
}

.cmw-footer-bottom-links span {
    color: #ff4036;
}

.cmw-footer-bottom-links a:hover {
    color: #ff4036;
}


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

@media (max-width: 1399px) {

    .cmw-footer-left-inner {
        padding: 65px 45px 60px 30px;
    }

    .cmw-footer-right-inner {
        padding: 65px 4% 60px 5%;
        gap: 27px;
    }

    .cmw-footer-column a {
        font-size: 14px;
    }

}


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

@media (max-width: 1100px) {

    .cmw-footer-main {
        grid-template-columns: 40% 60%;
    }

    .cmw-footer-right-inner {
        grid-template-columns: 1fr 1fr;
        gap: 38px 25px;
        padding: 55px 35px;
    }

    .cmw-footer-cta {
        grid-column: 1 / -1;
        max-width: 400px;
    }

}


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

@media (max-width: 991px) {

    .cmw-footer-main {
        grid-template-columns: 1fr;
    }

    .cmw-footer-left-inner {
        max-width: 720px;
        margin: 0 auto;
        padding: 60px 25px;
    }

    .cmw-footer-right-inner {
        max-width: 720px;
        margin: 0 auto;
        padding: 55px 25px;
    }

}


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

@media (max-width: 767px) {

    .cmw-footer-left-inner {
        max-width: 100%;
        padding: 48px 20px 42px;
    }

    .cmw-footer-logo-box img {
        width: 205px;
    }

    .cmw-footer-intro {
        font-size: 13px;
        text-align: left;
    }

    .cmw-footer-contact-icon {
        width: 41px;
        height: 41px;
        flex-basis: 41px;
    }

    .cmw-footer-contact-content > span {
        font-size: 12px;
    }

    .cmw-footer-right-inner {
        max-width: 100%;
        padding: 48px 20px;
        grid-template-columns: 1fr 1fr;
        gap: 38px 22px;
    }

    .cmw-footer-column h3 {
        font-size: 21px;
        margin-bottom: 25px;
    }

    .cmw-footer-column li + li {
        margin-top: 17px;
    }

    .cmw-footer-column a {
        font-size: 13px;
        gap: 12px;
    }

    .cmw-footer-cta {
        grid-column: 1 / -1;
        max-width: 100%;
        padding: 25px 22px;
    }

    .cmw-footer-cta h4 {
        font-size: 22px;
    }

    .cmw-footer-bottom-inner {
        min-height: auto;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .cmw-footer-bottom p {
        font-size: 12px;
        text-align: left;
    }

}


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

@media (max-width: 480px) {

    .cmw-footer-left-inner {
        padding: 42px 16px 38px;
    }

    .cmw-footer-logo-box img {
        width: 185px;
    }

    .cmw-footer-right-inner {
        grid-template-columns: 1fr;
        padding: 42px 18px;
        gap: 35px;
    }

    .cmw-footer-column h3 {
        font-size: 21px;
    }

    .cmw-footer-column a {
        font-size: 14px;
    }

    .cmw-footer-column li + li {
        margin-top: 15px;
    }

    .cmw-footer-cta {
        padding: 23px 20px;
    }

    .cmw-footer-bottom-inner {
        padding: 18px 16px;
    }

}


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

@media (max-width: 360px) {

    .cmw-footer-column a {
        font-size: 13px;
    }

    .cmw-footer-contact-content > span {
        font-size: 11px;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-footer a:focus-visible {
    outline: 2px solid #ff4036;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .cmw-footer a,
    .cmw-footer * {
        transition: none !important;
    }

}

/* =========================================================
   CMW FLOATING CONTACT BUTTONS
========================================================= */

.cmw-floating-contact {

    position: fixed;

    left: 18px;

    bottom: 25px;

    z-index: 99999;

    display: flex;

    flex-direction: column;

    gap: 12px;

}


/* =========================================================
   COMMON BUTTON STYLE
========================================================= */

.cmw-floating-contact a {

    position: relative;

    width: 155px;

    min-height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 10px 15px;

    color: #ffffff !important;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none !important;

    border-radius: 8px;

    box-shadow: 0 5px 16px rgba(0,0,0,.18);

    transition: all .3s ease;

    animation: cmwButtonPulse 2.2s infinite;

}


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

.cmw-floating-contact a i {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 22px;

    height: 22px;

    flex-shrink: 0;

    color: #ffffff !important;

    font-size: 19px;

    line-height: 1;

}


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

.cmw-float-call {

    background: #193e6c;

    border: 1px solid #193e6c;

}


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

.cmw-float-whatsapp {

    background: #20bd5a;

    border: 1px solid #20bd5a;

}


/* =========================================================
   HOVER EFFECT
========================================================= */

.cmw-float-call:hover {

    background: #102e54;

    border-color: #102e54;

    transform: translateY(-3px);

    color: #ffffff !important;

}


.cmw-float-whatsapp:hover {

    background: #159b48;

    border-color: #159b48;

    transform: translateY(-3px);

    color: #ffffff !important;

}


/* =========================================================
   BUTTON PULSE ANIMATION
========================================================= */

@keyframes cmwButtonPulse {

    0% {

        box-shadow:
            0 5px 16px rgba(0,0,0,.18);

    }

    50% {

        box-shadow:
            0 5px 18px rgba(0,0,0,.20),
            0 0 0 5px rgba(255,255,255,.10);

    }

    100% {

        box-shadow:
            0 5px 16px rgba(0,0,0,.18);

    }

}


/* =========================================================
   CALL ICON RINGING ANIMATION
========================================================= */

.cmw-float-call i {

    animation: cmwCallIcon 1.8s infinite;

}

@keyframes cmwCallIcon {

    0%, 100% {

        transform: rotate(0deg);

    }

    10%, 30% {

        transform: rotate(-15deg);

    }

    20%, 40% {

        transform: rotate(15deg);

    }

}


/* =========================================================
   WHATSAPP ICON ANIMATION
========================================================= */

.cmw-float-whatsapp i {

    animation: cmwWhatsAppIcon 1.8s infinite;

}

@keyframes cmwWhatsAppIcon {

    0%, 100% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.18);

    }

}


/* =========================================================
   DESKTOP VIEW - ICON ONLY
========================================================= */

@media (min-width: 768px) {

    .cmw-floating-contact {

        left: 18px;

        bottom: 25px;

        display: flex;

        flex-direction: column;

        gap: 12px;

    }


    .cmw-floating-contact a {

        width: 52px;

        height: 52px;

        min-height: 52px;

        padding: 0;

        gap: 0;

        border-radius: 50%;

        font-size: 0;

    }


    .cmw-floating-contact a span {

        display: none !important;

    }


    .cmw-floating-contact a i {

        display: flex;

        width: 100%;

        height: 100%;

        align-items: center;

        justify-content: center;

        font-size: 21px;

        margin: 0;

    }

}


/* =========================================================
   MOBILE VIEW - COMPACT BOTTOM BAR
========================================================= */

@media (max-width: 767px) {

    .cmw-floating-contact {

        position: fixed;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 7px;

        padding: 6px 9px;

        background: #ffffff;

        border-top: 1px solid #e5e7eb;

        box-shadow:
            0 -3px 12px rgba(0,0,0,.09);

        z-index: 99999;

    }


    .cmw-floating-contact a {

        width: 100%;

        height: auto;

        min-height: 43px;

        padding: 5px 8px;

        border-radius: 6px;

        font-size: 12px;

        font-weight: 600;

        gap: 7px;

        box-shadow: none;

    }


    .cmw-floating-contact a span {

        display: inline !important;

    }


    .cmw-floating-contact a i {

        width: 18px;

        height: 18px;

        font-size: 15px;

    }

}


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

@media (max-width: 380px) {

    .cmw-floating-contact {

        padding: 5px 7px;

        gap: 6px;

    }


    .cmw-floating-contact a {

        min-height: 39px;

        padding: 4px 6px;

        font-size: 11px;

        gap: 6px;

    }


    .cmw-floating-contact a i {

        width: 16px;

        height: 16px;

        font-size: 14px;

    }

}


/* =========================================================
   MOBILE BODY SPACE
========================================================= */

@media (max-width: 767px) {

    body {

        padding-bottom: 55px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.cmw-floating-contact a:focus-visible {

    outline: 2px solid #ff4036;

    outline-offset: 3px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cmw-floating-contact a,
    .cmw-floating-contact a i {

        animation: none !important;

        transition: none !important;

    }

}

/* =========================================
   CMW INNER BREADCRUMB
   BRAND COLOURS
========================================= */

.cmw-inner-breadcrumb {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--cmw-navy);
    padding: 43px 20px;
    isolation: isolate;
}

.cmw-inner-breadcrumb *,
.cmw-inner-breadcrumb *::before,
.cmw-inner-breadcrumb *::after {
    box-sizing: border-box;
}

.cmw-breadcrumb-container {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

/* LEFT CONTENT */

.cmw-breadcrumb-content {
    max-width: 750px;
    position: relative;
    z-index: 3;
}

.cmw-breadcrumb-label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;

    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.cmw-breadcrumb-label-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--cmw-red);
    color: #ffffff;
    border-radius: 6px;
    font-size: 13px;
}

.cmw-breadcrumb-content h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 750;
    line-height: 1.2;
    margin: 0 0 9px;
}

.cmw-breadcrumb-content p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 17px;
    max-width: 620px;
}

/* BREADCRUMB NAVIGATION */

.cmw-breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    font-size: 13px;
    font-weight: 500;
}

.cmw-breadcrumb-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cmw-breadcrumb-nav a:hover {
    color: var(--cmw-red);
}

.cmw-breadcrumb-nav a i {
    color: var(--cmw-red);
    font-size: 13px;
}

.cmw-breadcrumb-arrow {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.cmw-breadcrumb-nav span {
    color: #ff716a;
    font-weight: 600;
}

/* RIGHT DECORATIVE AREA */

.cmw-breadcrumb-visual {
    width: 145px;
    height: 125px;
    margin-right: 55px;
    position: relative;

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

.cmw-breadcrumb-icon-box {
    width: 105px;
    height: 105px;

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

    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;

    transform: rotate(-7deg);
    position: relative;
    z-index: 2;
}

.cmw-breadcrumb-icon-box i {
    color: #ffffff;
    font-size: 46px;
    transform: rotate(7deg);
}

.cmw-breadcrumb-circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.17);
}

.cmw-breadcrumb-circle.circle-one {
    width: 150px;
    height: 150px;
    top: -15px;
    right: -20px;
}

.cmw-breadcrumb-circle.circle-two {
    width: 190px;
    height: 190px;
    top: -35px;
    right: -40px;
}

.cmw-breadcrumb-accent {
    width: 17px;
    height: 17px;
    background: var(--cmw-red);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 3;
}

/* SUBTLE BACKGROUND DECORATION */

.cmw-inner-breadcrumb::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: 12%;
    top: -250px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.035);
    pointer-events: none;
}

.cmw-inner-breadcrumb::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    left: 35%;
    bottom: -210px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

/* TABLET */

@media (max-width: 991px) {

    .cmw-inner-breadcrumb {
        padding: 38px 20px;
    }

    .cmw-breadcrumb-content h1 {
        font-size: 34px;
    }

    .cmw-breadcrumb-visual {
        margin-right: 25px;
        transform: scale(0.9);
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmw-inner-breadcrumb {
        padding: 31px 18px;
    }

    .cmw-breadcrumb-container {
        justify-content: flex-start;
    }

    .cmw-breadcrumb-content {
        width: 100%;
    }

    .cmw-breadcrumb-label {
        font-size: 11px;
        margin-bottom: 9px;
    }

    .cmw-breadcrumb-content h1 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .cmw-breadcrumb-content p {
        font-size: 13.5px;
        line-height: 1.65;
        margin-bottom: 15px;
    }

    .cmw-breadcrumb-nav {
        font-size: 12px;
        gap: 9px;
    }

    .cmw-breadcrumb-visual {
        display: none;
    }

}

/* SMALL MOBILE */

@media (max-width: 380px) {

    .cmw-inner-breadcrumb {
        padding: 27px 15px;
    }

    .cmw-breadcrumb-content h1 {
        font-size: 27px;
    }

    .cmw-breadcrumb-content p {
        font-size: 13px;
    }

}
/* ==============================================
   CMW ABOUT INTRODUCTION SECTION
   BRAND COLOURS:
   RED:    #C91E0D
   PURPLE: #342C63
============================================== */

.cmw-about-intro {
    width: 100%;
    position: relative;
    padding: 85px 20px;
    background: #ffffff;
    overflow: hidden;
}

.cmw-about-intro *,
.cmw-about-intro *::before,
.cmw-about-intro *::after {
    box-sizing: border-box;
}

.cmw-about-intro-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 65px;
}


/* ==============================================
   LEFT IMAGE AREA
============================================== */

.cmw-about-visual {
    position: relative;
    width: 100%;
    max-width: 520px;
    padding: 0 22px 22px 0;
}

.cmw-about-image-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 480px;
    overflow: hidden;
    border-radius: 14px;
    background: #f1f0f6;
    box-shadow: 0 15px 40px rgba(52, 44, 99, 0.12);
}

.cmw-about-image-frame img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}

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


/* Purple Decorative Shape */

.cmw-about-image-decoration {
    position: absolute;
    width: 75%;
    height: 75%;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    background: #342c63;
    z-index: 1;
}


/* Floating Information Card */

.cmw-about-image-card {
    position: absolute;
    z-index: 3;
    left: -20px;
    bottom: 55px;

    display: flex;
    align-items: center;
    gap: 13px;

    background: #ffffff;
    padding: 16px 20px;
    border-radius: 10px;

    border-left: 4px solid #c91e0d;
    box-shadow: 0 12px 35px rgba(52, 44, 99, 0.15);
}

.cmw-about-card-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;

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

    background: #fff0ee;
    color: #c91e0d;
    border-radius: 9px;
    font-size: 20px;
}

.cmw-about-card-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cmw-about-card-content strong {
    color: #342c63;
    font-size: 15px;
    font-weight: 700;
}

.cmw-about-card-content span {
    color: #686574;
    font-size: 12px;
}


/* Decorative Dots */

.cmw-about-image-dots {
    position: absolute;
    z-index: 3;
    right: -7px;
    top: 25px;

    display: grid;
    grid-template-columns: repeat(3, 7px);
    gap: 7px;
}

.cmw-about-image-dots span {
    width: 7px;
    height: 7px;
    background: #c91e0d;
    border-radius: 50%;
}


/* ==============================================
   RIGHT CONTENT AREA
============================================== */

.cmw-about-content {
    width: 100%;
}


/* Eyebrow */

.cmw-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #c91e0d;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;

    margin-bottom: 15px;
}

.cmw-about-eyebrow-icon {
    width: 32px;
    height: 32px;

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

    background: #fff0ee;
    color: #c91e0d;
    border-radius: 8px;
    font-size: 14px;
}


/* Main Heading */

.cmw-about-content h2 {
    color: #342c63;
    font-size: 41px;
    font-weight: 750;
    line-height: 1.22;

    margin: 0 0 20px;
}

.cmw-about-content h2 span {
    display: block;
    color: #c91e0d;
}


/* Description */

.cmw-about-description {
    color: #62616d;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;

    margin: 0 0 14px;
}


/* ==============================================
   FEATURE GRID
============================================== */

.cmw-about-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px 20px;

    margin-top: 28px;
}

.cmw-about-feature {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.cmw-about-feature-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;

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

    color: #342c63;
    background: #f1f0f7;
    border: 1px solid #e8e6f0;

    border-radius: 9px;
    font-size: 18px;

    transition: all 0.3s ease;
}

.cmw-about-feature:hover .cmw-about-feature-icon {
    background: #c91e0d;
    color: #ffffff;
    border-color: #c91e0d;
    transform: translateY(-3px);
}

.cmw-about-feature-text h3 {
    color: #342c63;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;

    margin: 1px 0 6px;
}

.cmw-about-feature-text p {
    color: #686574;
    font-size: 13px;
    line-height: 1.65;

    margin: 0;
}


/* ==============================================
   BUTTONS AND CONTACT
============================================== */

.cmw-about-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;

    margin-top: 32px;
}


/* Primary Button */

.cmw-about-primary-btn {
    min-height: 49px;
    padding: 13px 21px;

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

    background: #342c63;
    color: #ffffff;

    border: 1px solid #342c63;
    border-radius: 6px;

    font-size: 14px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
}

.cmw-about-primary-btn:hover {
    background: #c91e0d;
    border-color: #c91e0d;
    color: #ffffff;
    transform: translateY(-2px);
}

.cmw-about-primary-btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

.cmw-about-primary-btn:hover i {
    transform: translateX(4px);
}


/* Phone Link */

.cmw-about-phone {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
}

.cmw-about-phone-icon {
    width: 43px;
    height: 43px;
    flex-shrink: 0;

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

    color: #c91e0d;
    background: #fff0ee;
    border-radius: 50%;

    font-size: 16px;
    transition: all 0.3s ease;
}

.cmw-about-phone:hover .cmw-about-phone-icon {
    background: #c91e0d;
    color: #ffffff;
}

.cmw-about-phone-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cmw-about-phone-info small {
    color: #686574;
    font-size: 12px;
}

.cmw-about-phone-info strong {
    color: #342c63;
    font-size: 15px;
    font-weight: 700;
}


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

@media (max-width: 1100px) {

    .cmw-about-intro-container {
        gap: 40px;
    }

    .cmw-about-content h2 {
        font-size: 35px;
    }

    .cmw-about-image-frame {
        height: 430px;
    }

    .cmw-about-feature-grid {
        gap: 20px 14px;
    }

}


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

@media (max-width: 767px) {

    .cmw-about-intro {
        padding: 55px 18px;
    }

    .cmw-about-intro-container {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .cmw-about-visual {
        max-width: 520px;
        padding: 0 14px 16px 0;
    }

    .cmw-about-image-frame {
        height: 340px;
        border-radius: 12px;
    }

    .cmw-about-image-card {
        left: 0;
        bottom: 32px;
        padding: 12px 15px;
    }

    .cmw-about-card-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .cmw-about-card-content strong {
        font-size: 14px;
    }

    .cmw-about-image-dots {
        right: 0;
        top: 15px;
    }

    .cmw-about-content {
        width: 100%;
    }

    .cmw-about-eyebrow {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .cmw-about-content h2 {
        font-size: 32px;
        line-height: 1.25;
        margin-bottom: 17px;
    }

    .cmw-about-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .cmw-about-feature-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 25px;
    }

    .cmw-about-feature-text h3 {
        font-size: 15px;
    }

    .cmw-about-feature-text p {
        font-size: 13px;
    }

    .cmw-about-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 19px;
        margin-top: 28px;
    }

    .cmw-about-primary-btn {
        width: 100%;
        min-height: 48px;
    }

}


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

@media (max-width: 380px) {

    .cmw-about-intro {
        padding: 42px 15px;
    }

    .cmw-about-image-frame {
        height: 275px;
    }

    .cmw-about-content h2 {
        font-size: 28px;
    }

    .cmw-about-description {
        font-size: 13.5px;
    }

    .cmw-about-feature {
        gap: 10px;
    }

    .cmw-about-feature-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

}

/* ==============================================
   CMW MISSION VISION VALUES SECTION
   BRAND COLOURS FROM ROOT VARIABLES
============================================== */

.cmw-mvv-section {
    width: 100%;
    position: relative;
    padding: 80px 20px;
    background: var(--cmw-light);
    overflow: hidden;
}

.cmw-mvv-section *,
.cmw-mvv-section *::before,
.cmw-mvv-section *::after {
    box-sizing: border-box;
}

.cmw-mvv-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


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

.cmw-mvv-heading {
    max-width: 720px;
    margin: 0 auto 45px;
    text-align: center;
}

.cmw-mvv-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: var(--cmw-red);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;

    margin-bottom: 13px;
}

.cmw-mvv-label i {
    font-size: 16px;
}

.cmw-mvv-heading h2 {
    color: var(--cmw-navy);
    font-size: 38px;
    font-weight: 750;
    line-height: 1.25;

    margin: 0 0 14px;
}

.cmw-mvv-heading h2 span {
    color: var(--cmw-red);
}

.cmw-mvv-heading p {
    color: var(--cmw-gray);
    font-size: 15px;
    line-height: 1.8;

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


/* ==============================================
   CARD GRID
============================================== */

.cmw-mvv-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    align-items: stretch;
}


/* ==============================================
   INDIVIDUAL CARDS
============================================== */

.cmw-mvv-card {
    position: relative;
    background: #ffffff;

    padding: 32px 27px 27px;
    border: 1px solid var(--cmw-border);
    border-radius: 12px;

    box-shadow: 0 8px 25px rgba(23, 23, 23, 0.035);

    display: flex;
    flex-direction: column;

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

.cmw-mvv-card:hover {
    transform: translateY(-7px);
    border-color: var(--cmw-red);
    box-shadow: 0 16px 35px rgba(48, 42, 104, 0.10);
}


/* CARD TOP */

.cmw-mvv-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.cmw-mvv-icon {
    width: 58px;
    height: 58px;

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

    color: var(--cmw-red);
    background: #fff0ef;

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

    font-size: 23px;

    transition: all 0.3s ease;
}

.cmw-mvv-card:hover .cmw-mvv-icon {
    color: #ffffff;
    background: var(--cmw-red);
    border-color: var(--cmw-red);
    transform: scale(1.05);
}

.cmw-mvv-number {
    color: #e8e7ef;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}


/* CARD CONTENT */

.cmw-mvv-card h3 {
    color: var(--cmw-navy);
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 13px;
}

.cmw-mvv-card p {
    color: var(--cmw-gray);
    font-size: 14px;
    line-height: 1.85;

    margin: 0 0 24px;
    flex-grow: 1;
}


/* CARD BOTTOM LINE */

.cmw-mvv-card-line {
    width: 45px;
    height: 3px;

    background: var(--cmw-red);
    border-radius: 5px;

    margin-bottom: 17px;

    transition: width 0.3s ease;
}

.cmw-mvv-card:hover .cmw-mvv-card-line {
    width: 75px;
}


/* BOTTOM TEXT */

.cmw-mvv-bottom-text {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    color: var(--cmw-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.cmw-mvv-bottom-text i {
    color: var(--cmw-red);
    font-size: 14px;
    margin-top: 2px;
}


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

.cmw-mvv-card.cmw-mvv-featured {
    border-top: 3px solid var(--cmw-red);
    box-shadow: 0 12px 32px rgba(48, 42, 104, 0.08);
}

.cmw-mvv-card.cmw-mvv-featured .cmw-mvv-icon {
    color: #ffffff;
    background: var(--cmw-navy);
    border-color: var(--cmw-navy);
}

.cmw-mvv-card.cmw-mvv-featured:hover .cmw-mvv-icon {
    background: var(--cmw-red);
    border-color: var(--cmw-red);
}


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

@media (max-width: 991px) {

    .cmw-mvv-section {
        padding: 65px 20px;
    }

    .cmw-mvv-grid {
        gap: 17px;
    }

    .cmw-mvv-card {
        padding: 25px 19px;
    }

    .cmw-mvv-card h3 {
        font-size: 20px;
    }

    .cmw-mvv-card p {
        font-size: 13px;
    }

}


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

@media (max-width: 767px) {

    .cmw-mvv-section {
        padding: 52px 18px;
    }

    .cmw-mvv-heading {
        text-align: left;
        margin: 0 0 30px;
    }

    .cmw-mvv-label {
        justify-content: flex-start;
        font-size: 12px;
    }

    .cmw-mvv-heading h2 {
        font-size: 30px;
        line-height: 1.25;
        margin-bottom: 12px;
    }

    .cmw-mvv-heading p {
        font-size: 14px;
        line-height: 1.75;
        margin: 0;
    }

    .cmw-mvv-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .cmw-mvv-card {
        padding: 25px 21px;
        border-radius: 10px;
    }

    .cmw-mvv-card-top {
        margin-bottom: 19px;
    }

    .cmw-mvv-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .cmw-mvv-number {
        font-size: 29px;
    }

    .cmw-mvv-card h3 {
        font-size: 20px;
    }

    .cmw-mvv-card p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 20px;
    }

}


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

@media (max-width: 380px) {

    .cmw-mvv-section {
        padding: 42px 15px;
    }

    .cmw-mvv-heading h2 {
        font-size: 27px;
    }

    .cmw-mvv-card {
        padding: 22px 17px;
    }

    .cmw-mvv-card h3 {
        font-size: 19px;
    }

}

/* ==============================================
   CMW WHY CHOOSE US SECTION
============================================== */

.cmw-why-section {
    width: 100%;
    position: relative;
    padding: 80px 20px;
    background: #ffffff;
    overflow: hidden;
}

.cmw-why-section *,
.cmw-why-section *::before,
.cmw-why-section *::after {
    box-sizing: border-box;
}

.cmw-why-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ==============================================
   SECTION HEADER - FIXED
============================================== */

.cmw-why-header {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}


/* LABEL */

.cmw-why-label {
    display: inline-flex !important;
    width: auto;
    max-width: 100%;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    color: var(--cmw-red);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;

    white-space: nowrap !important;
    margin: 0 auto 16px;
    padding: 0;
}

.cmw-why-label i {
    display: inline-block !important;
    flex: 0 0 auto;
    color: var(--cmw-red);
    font-size: 17px;
    line-height: 1;
}

.cmw-why-label span {
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap !important;
    color: var(--cmw-red);
}


/* MAIN HEADING */

.cmw-why-header h2 {
    display: block !important;
    width: 100%;
    max-width: 100%;

    color: var(--cmw-navy);
    font-size: 42px;
    font-weight: 750;
    line-height: 1.25;

    margin: 0 auto 15px;
    padding: 0;
}

.cmw-why-header h2 span {
    display: inline !important;
    color: var(--cmw-red);
    font: inherit;
    font-weight: 750;
}


/* DESCRIPTION */

.cmw-why-header p {
    display: block;
    width: 100%;
    max-width: 680px;

    color: var(--cmw-gray);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;

    margin: 0 auto;
    padding: 0;
}


/* ==============================================
   FEATURE GRID
============================================== */

.cmw-why-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
}


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

.cmw-why-card {
    position: relative;
    min-width: 0;
    min-height: 270px;

    padding: 28px 25px 22px;

    display: flex;
    flex-direction: column;

    background: #ffffff;
    border: 1px solid var(--cmw-border);
    border-radius: 11px;

    box-shadow: 0 5px 22px rgba(48, 42, 104, 0.035);

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

.cmw-why-card:hover {
    transform: translateY(-6px);
    border-color: rgba(226, 27, 18, 0.4);
    box-shadow: 0 14px 32px rgba(48, 42, 104, 0.09);
}


/* CARD TOP */

.cmw-why-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.cmw-why-icon {
    width: 54px;
    height: 54px;
    flex-shrink: 0;

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

    background: #fff0ef;
    color: var(--cmw-red);

    border: 1px solid #f7d8d5;
    border-radius: 10px;

    font-size: 21px;
    transition: all 0.3s ease;
}

.cmw-why-card:hover .cmw-why-icon {
    background: var(--cmw-red);
    color: #ffffff;
    border-color: var(--cmw-red);
    transform: translateY(-3px);
}

.cmw-why-number {
    color: #e9e8ef;
    font-size: 31px;
    font-weight: 800;
    line-height: 1;
}


/* CARD CONTENT */

.cmw-why-card h3 {
    color: var(--cmw-navy);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 11px;
}

.cmw-why-card p {
    color: var(--cmw-gray);
    font-size: 13.5px;
    line-height: 1.8;

    margin: 0 0 22px;
    flex-grow: 1;
}


/* CARD FOOTER */

.cmw-why-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    padding-top: 15px;
    border-top: 1px solid var(--cmw-border);

    color: var(--cmw-navy);
    font-size: 12px;
    font-weight: 600;
}

.cmw-why-card-footer i {
    flex-shrink: 0;
    color: var(--cmw-red);
    font-size: 13px;
    transition: transform 0.3s ease;
}

.cmw-why-card:hover .cmw-why-card-footer i {
    transform: translateX(5px);
}


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

.cmw-why-bottom {
    margin-top: 38px;
    padding: 23px 27px;

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

    background: var(--cmw-light);
    border: 1px solid var(--cmw-border);
    border-left: 4px solid var(--cmw-red);
    border-radius: 9px;
}

.cmw-why-bottom-content {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.cmw-why-bottom-icon {
    width: 49px;
    height: 49px;
    flex-shrink: 0;

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

    color: #ffffff;
    background: var(--cmw-navy);
    border-radius: 10px;
    font-size: 20px;
}

.cmw-why-bottom-text h3 {
    color: var(--cmw-navy);
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 5px;
}

.cmw-why-bottom-text p {
    color: var(--cmw-gray);
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

.cmw-why-bottom-btn {
    min-height: 45px;
    padding: 12px 20px;
    flex-shrink: 0;

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

    background: var(--cmw-navy);
    color: #ffffff;

    border: 1px solid var(--cmw-navy);
    border-radius: 6px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
}

.cmw-why-bottom-btn:hover {
    background: var(--cmw-red);
    border-color: var(--cmw-red);
    color: #ffffff;
}

.cmw-why-bottom-btn i {
    font-size: 12px;
}


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

@media (max-width: 991px) {

    .cmw-why-section {
        padding: 65px 20px;
    }

    .cmw-why-header {
        max-width: 750px;
        margin-bottom: 38px;
    }

    .cmw-why-header h2 {
        font-size: 35px;
    }

    .cmw-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .cmw-why-card {
        min-height: 260px;
    }

}


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

@media (max-width: 767px) {

    .cmw-why-section {
        padding: 52px 18px;
    }

    .cmw-why-header {
        text-align: left;
        margin: 0 0 29px;
    }

    .cmw-why-label {
        justify-content: flex-start;
        margin: 0 0 13px;
        font-size: 11px;
        letter-spacing: 0.7px;
    }

    .cmw-why-header h2 {
        font-size: 30px;
        line-height: 1.3;
        margin: 0 0 12px;
    }

    .cmw-why-header h2 span {
        display: inline !important;
    }

    .cmw-why-header p {
        font-size: 14px;
        line-height: 1.75;
        margin: 0;
    }

    .cmw-why-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmw-why-card {
        min-height: auto;
        padding: 23px 20px 19px;
    }

    .cmw-why-card-top {
        margin-bottom: 17px;
    }

    .cmw-why-icon {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    .cmw-why-number {
        font-size: 27px;
    }

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

    .cmw-why-card p {
        font-size: 13.5px;
        margin-bottom: 18px;
    }

    .cmw-why-bottom {
        margin-top: 25px;
        padding: 20px;

        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .cmw-why-bottom-content {
        align-items: flex-start;
        gap: 12px;
    }

    .cmw-why-bottom-text h3 {
        font-size: 16px;
    }

    .cmw-why-bottom-btn {
        width: 100%;
    }

}


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

@media (max-width: 380px) {

    .cmw-why-section {
        padding: 43px 15px;
    }

    .cmw-why-label {
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .cmw-why-header h2 {
        font-size: 27px;
    }

    .cmw-why-card {
        padding: 21px 17px;
    }

    .cmw-why-card h3 {
        font-size: 16px;
    }

    .cmw-why-card-footer {
        font-size: 11px;
    }

}
/* ==================================================
   CMW ABOUT US - DIGITAL SERVICES SECTION
   COMPLETE UPDATED CSS
================================================== */

.cmw-about-offer-section {
    width: 100%;
    position: relative;
    padding: 80px 20px;
    background: #f8f8f8;
    overflow: hidden;
}

.cmw-about-offer-section,
.cmw-about-offer-section * {
    box-sizing: border-box;
}

.cmw-about-offer-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


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

.cmw-about-offer-heading {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 45px;
    padding: 0;
    text-align: center;
    overflow: visible;
}


/* SECTION LABEL */

.cmw-about-offer-label {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;

    position: relative;
    width: max-content !important;
    max-width: 100%;

    margin: 0 auto 22px;
    padding: 0 0 10px;

    color: #302a68;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.4;

    white-space: nowrap !important;
    text-decoration: none !important;
}

.cmw-about-offer-label > i {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;

    color: #e21b12;
    background: transparent !important;
    font-size: 19px;
    line-height: 1;
}

.cmw-about-offer-label > span {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #302a68 !important;
    background: transparent !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    white-space: nowrap !important;
    text-decoration: none !important;
}

/* Single red accent line */

.cmw-about-offer-label::before {
    content: none !important;
}

.cmw-about-offer-label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 38px;
    height: 3px;

    background: #e21b12;
    border-radius: 5px;
}


/* MAIN HEADING - OVERFLOW FIX */

.cmw-about-offer-heading h2 {
    display: block !important;
    position: static !important;
    transform: none !important;

    width: 100% !important;
    max-width: 950px !important;
    min-width: 0 !important;

    margin: 0 auto 16px !important;
    padding: 0 10px !important;

    color: #302a68;
    font-family: "Poppins", sans-serif;
    font-size: 40px !important;
    font-weight: 700;
    line-height: 1.3 !important;
    letter-spacing: -0.5px;

    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.cmw-about-offer-heading h2 span {
    display: inline !important;
    color: #e21b12 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    white-space: normal !important;
}


/* DESCRIPTION */

.cmw-about-offer-heading p {
    display: block;
    width: 100%;
    max-width: 690px;

    margin: 0 auto !important;
    padding: 0 5px;

    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
    text-align: center;
}


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

.cmw-about-offer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}


/* SERVICE CARD */

.cmw-about-offer-card {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;
    min-height: 275px;

    padding: 26px 25px 22px;

    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 11px;

    box-shadow: 0 5px 22px rgba(48, 42, 104, 0.035);

    overflow: hidden;

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

.cmw-about-offer-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;

    width: 0;
    height: 3px;

    background: #e21b12;
    border-radius: 5px;

    transition: width .3s ease;
}

.cmw-about-offer-card:hover {
    transform: translateY(-6px);
    border-color: rgba(226, 27, 18, .28);
    box-shadow: 0 16px 35px rgba(48, 42, 104, .09);
}

.cmw-about-offer-card:hover::before {
    width: 55px;
}


/* CARD TOP */

.cmw-about-offer-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}


/* ICON */

.cmw-about-offer-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 55px;
    height: 55px;
    flex: 0 0 55px;

    color: #e21b12;
    background: #fff0ef;
    border: 1px solid #f7d8d5;
    border-radius: 11px;

    font-size: 21px;

    transition: all .3s ease;
}

.cmw-about-offer-card:hover .cmw-about-offer-icon {
    color: #ffffff;
    background: #302a68;
    border-color: #302a68;
    transform: translateY(-3px);
}


/* NUMBER */

.cmw-about-offer-number {
    color: #e9e8ef;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
    transition: color .3s ease;
}

.cmw-about-offer-card:hover .cmw-about-offer-number {
    color: #e21b12;
}


/* CARD TITLE */

.cmw-about-offer-card h3 {
    margin: 0 0 11px;
    padding: 0;

    color: #302a68;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
}


/* CARD DESCRIPTION */

.cmw-about-offer-card p {
    flex-grow: 1;

    margin: 0 0 20px;
    padding: 0;

    color: #666666;
    font-size: 13px;
    line-height: 1.8;
}


/* SERVICE LINK */

.cmw-about-offer-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    width: fit-content;
    margin-top: auto;
    padding-top: 14px;

    color: #302a68;
    border-top: 1px solid #eeeeee;

    font-size: 12px;
    font-weight: 700;
    text-decoration: none;

    transition: color .3s ease;
}

.cmw-about-offer-link > i {
    color: #e21b12;
    font-size: 12px;
    transition: transform .3s ease;
}

.cmw-about-offer-link:hover {
    color: #e21b12;
}

.cmw-about-offer-link:hover > i {
    transform: translateX(5px);
}


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

.cmw-about-offer-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;

    margin-top: 35px;
    padding: 23px 26px;

    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-left: 4px solid #e21b12;
    border-radius: 10px;
}

.cmw-about-offer-cta-content {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.cmw-about-offer-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 49px;
    height: 49px;
    flex: 0 0 49px;

    color: #ffffff;
    background: #302a68;
    border-radius: 10px;
    font-size: 19px;
}

.cmw-about-offer-cta-text h3 {
    margin: 0 0 5px;
    padding: 0;

    color: #302a68;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.cmw-about-offer-cta-text p {
    margin: 0;
    padding: 0;

    color: #666666;
    font-size: 13px;
    line-height: 1.7;
}


/* CTA BUTTON */

.cmw-about-offer-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 46px;
    padding: 11px 21px;
    flex: 0 0 auto;

    color: #ffffff;
    background: #302a68;
    border: 1px solid #302a68;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: all .3s ease;
}

.cmw-about-offer-cta-button:hover {
    color: #ffffff;
    background: #e21b12;
    border-color: #e21b12;
    transform: translateY(-2px);
}

.cmw-about-offer-cta-button i {
    font-size: 11px;
    transition: transform .3s ease;
}

.cmw-about-offer-cta-button:hover i {
    transform: translateX(4px);
}


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

@media (max-width: 991px) {

    .cmw-about-offer-section {
        padding: 70px 20px;
    }

    .cmw-about-offer-heading h2 {
        max-width: 750px !important;
        font-size: 35px !important;
    }

    .cmw-about-offer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .cmw-about-offer-card {
        min-height: 265px;
    }

}


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

@media (max-width: 767px) {

    .cmw-about-offer-section {
        padding: 52px 18px;
    }

    .cmw-about-offer-heading {
        text-align: left;
        margin: 0 0 30px;
    }

    .cmw-about-offer-label {
        justify-content: flex-start !important;
        margin: 0 0 18px;
        font-size: 12px;
        letter-spacing: .9px;
    }

    .cmw-about-offer-label > i {
        font-size: 17px;
    }

    .cmw-about-offer-heading h2 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;
        padding: 0 !important;

        font-size: 30px !important;
        line-height: 1.3 !important;

        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .cmw-about-offer-heading h2 span {
        display: inline !important;
    }

    .cmw-about-offer-heading p {
        max-width: 100%;
        margin: 0 !important;
        padding: 0;

        font-size: 13px;
        line-height: 1.8;
        text-align: left;
    }

    .cmw-about-offer-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmw-about-offer-card {
        min-height: auto;
        padding: 22px 20px 20px;
    }

    .cmw-about-offer-card-top {
        margin-bottom: 17px;
    }

    .cmw-about-offer-icon {
        width: 49px;
        height: 49px;
        flex-basis: 49px;
        font-size: 19px;
    }

    .cmw-about-offer-number {
        font-size: 26px;
    }

    .cmw-about-offer-card h3 {
        font-size: 17px;
        margin-bottom: 9px;
    }

    .cmw-about-offer-card p {
        font-size: 13px;
        line-height: 1.75;
        margin-bottom: 17px;
    }

    .cmw-about-offer-link {
        font-size: 12px;
    }

    .cmw-about-offer-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;

        margin-top: 24px;
        padding: 20px;
    }

    .cmw-about-offer-cta-content {
        align-items: flex-start;
        gap: 12px;
    }

    .cmw-about-offer-cta-icon {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 17px;
    }

    .cmw-about-offer-cta-text h3 {
        font-size: 15px;
    }

    .cmw-about-offer-cta-text p {
        font-size: 12px;
        line-height: 1.65;
    }

    .cmw-about-offer-cta-button {
        width: 100%;
        min-height: 45px;
    }

}


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

@media (max-width: 380px) {

    .cmw-about-offer-section {
        padding: 43px 15px;
    }

    .cmw-about-offer-heading h2 {
        font-size: 27px !important;
    }

    .cmw-about-offer-label {
        font-size: 11px;
        letter-spacing: .7px;
    }

    .cmw-about-offer-card {
        padding: 20px 17px;
    }

    .cmw-about-offer-card h3 {
        font-size: 16px;
    }

}
/* ==================================================
   CMW ABOUT US - OUR WORK PROCESS
   UNIQUE CSS CLASS NAMES
================================================== */


/* MAIN SECTION */

.cmw-about-process {
    width: 100%;
    position: relative;
    padding: 80px 20px;
    background: #ffffff;
    overflow: hidden;
}

.cmw-about-process,
.cmw-about-process * {
    box-sizing: border-box;
}


/* CONTAINER */

.cmw-about-process-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


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

.cmw-about-process-heading {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 48px;
    text-align: center;
}


/* SECTION LABEL */

.cmw-about-process-label {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;

    position: relative;
    width: max-content;
    max-width: 100%;

    margin: 0 auto 22px;
    padding: 0 0 10px;

    color: #302a68;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.4;

    white-space: nowrap;
    text-decoration: none;
}

.cmw-about-process-label i {
    display: inline-block;
    flex-shrink: 0;
    color: #e21b12;
    font-size: 19px;
    line-height: 1;
}

.cmw-about-process-label span {
    display: inline-block;
    color: #302a68;
    white-space: nowrap;
}

/* RED ACCENT */

.cmw-about-process-label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 38px;
    height: 3px;

    background: #e21b12;
    border-radius: 5px;
}


/* MAIN TITLE */

.cmw-about-process-heading h2 {
    width: 100%;
    max-width: 950px;

    margin: 0 auto 15px;
    padding: 0 10px;

    color: #302a68;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.5px;

    text-align: center;
    overflow-wrap: break-word;
}

.cmw-about-process-heading h2 span {
    display: inline;
    color: #e21b12;
}


/* DESCRIPTION */

.cmw-about-process-heading p {
    width: 100%;
    max-width: 690px;

    margin: 0 auto;
    padding: 0;

    color: #666666;
    font-size: 14px;
    line-height: 1.85;
}


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

.cmw-about-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 19px;

    width: 100%;
}


/* ==============================================
   PROCESS CARD
============================================== */

.cmw-about-process-card {
    position: relative;
    min-width: 0;
    min-height: 300px;

    display: flex;
    flex-direction: column;

    padding: 25px 21px 20px;

    background: #f8f8f8;
    border: 1px solid #eeeeee;
    border-radius: 11px;

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

.cmw-about-process-card:hover {
    background: #ffffff;
    border-color: rgba(226, 27, 18, .3);

    transform: translateY(-6px);

    box-shadow: 0 13px 30px rgba(48, 42, 104, .08);
}


/* CARD TOP */

.cmw-about-process-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 22px;
}


/* PROCESS ICON */

.cmw-about-process-icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;

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

    color: #e21b12;
    background: #fff0ef;
    border: 1px solid #f7d8d5;

    border-radius: 11px;
    font-size: 21px;

    transition: all .3s ease;
}

.cmw-about-process-card:hover .cmw-about-process-icon {
    color: #ffffff;
    background: #302a68;
    border-color: #302a68;

    transform: translateY(-3px);
}


/* STEP NUMBER */

.cmw-about-process-number {
    color: #e4e2ed;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;

    transition: color .3s ease;
}

.cmw-about-process-card:hover .cmw-about-process-number {
    color: #e21b12;
}


/* STEP TAG */

.cmw-about-process-tag {
    display: inline-block;
    width: fit-content;

    margin-bottom: 10px;

    color: #e21b12;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* CARD TITLE */

.cmw-about-process-card h3 {
    margin: 0 0 11px;
    padding: 0;

    color: #302a68;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}


/* CARD DESCRIPTION */

.cmw-about-process-card p {
    flex-grow: 1;

    margin: 0 0 18px;
    padding: 0;

    color: #666666;
    font-size: 12.5px;
    line-height: 1.8;
}


/* CARD BOTTOM */

.cmw-about-process-bottom {
    display: flex;
    align-items: center;
    gap: 8px;

    padding-top: 14px;
    border-top: 1px solid #eaeaea;

    color: #302a68;
    font-size: 11px;
    font-weight: 600;
}

.cmw-about-process-bottom i {
    color: #e21b12;
    font-size: 13px;
    flex-shrink: 0;
}


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

.cmw-about-process-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 35px;
    padding: 23px 26px;

    background: #f8f8f8;
    border: 1px solid #e9e9e9;
    border-left: 4px solid #e21b12;
    border-radius: 10px;
}

.cmw-about-process-cta-content {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.cmw-about-process-cta-icon {
    width: 49px;
    height: 49px;
    flex: 0 0 49px;

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

    color: #ffffff;
    background: #302a68;

    border-radius: 10px;
    font-size: 19px;
}

.cmw-about-process-cta-text h3 {
    margin: 0 0 5px;
    padding: 0;

    color: #302a68;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.cmw-about-process-cta-text p {
    margin: 0;
    padding: 0;

    color: #666666;
    font-size: 13px;
    line-height: 1.7;
}


/* CTA BUTTON */

.cmw-about-process-cta-button {
    min-height: 46px;
    padding: 11px 21px;
    flex: 0 0 auto;

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

    color: #ffffff;
    background: #302a68;
    border: 1px solid #302a68;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: all .3s ease;
}

.cmw-about-process-cta-button:hover {
    color: #ffffff;
    background: #e21b12;
    border-color: #e21b12;
    transform: translateY(-2px);
}

.cmw-about-process-cta-button i {
    font-size: 12px;
    transition: transform .3s ease;
}

.cmw-about-process-cta-button:hover i {
    transform: translateX(4px);
}


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

@media (max-width: 1100px) {

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

    .cmw-about-process-card {
        min-height: 270px;
    }

}

@media (max-width: 991px) {

    .cmw-about-process {
        padding: 70px 20px;
    }

    .cmw-about-process-heading h2 {
        font-size: 35px;
    }

}


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

@media (max-width: 767px) {

    .cmw-about-process {
        padding: 52px 18px;
    }

    .cmw-about-process-heading {
        text-align: left;
        margin: 0 0 30px;
    }

    .cmw-about-process-label {
        justify-content: flex-start;
        margin: 0 0 18px;
        font-size: 12px;
        letter-spacing: .9px;
    }

    .cmw-about-process-label i {
        font-size: 17px;
    }

    .cmw-about-process-heading h2 {
        max-width: 100%;
        padding: 0;
        margin: 0 0 12px;

        font-size: 30px;
        line-height: 1.3;
        text-align: left;
    }

    .cmw-about-process-heading p {
        font-size: 13px;
        line-height: 1.8;
        text-align: left;
    }

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

    .cmw-about-process-card {
        min-height: auto;
        padding: 22px 20px 19px;
    }

    .cmw-about-process-top {
        margin-bottom: 17px;
    }

    .cmw-about-process-icon {
        width: 49px;
        height: 49px;
        flex-basis: 49px;
        font-size: 19px;
    }

    .cmw-about-process-number {
        font-size: 26px;
    }

    .cmw-about-process-card h3 {
        font-size: 17px;
    }

    .cmw-about-process-card p {
        font-size: 13px;
        line-height: 1.75;
        margin-bottom: 17px;
    }

    .cmw-about-process-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;

        margin-top: 24px;
        padding: 20px;
    }

    .cmw-about-process-cta-content {
        align-items: flex-start;
        gap: 12px;
    }

    .cmw-about-process-cta-icon {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 17px;
    }

    .cmw-about-process-cta-text h3 {
        font-size: 15px;
    }

    .cmw-about-process-cta-text p {
        font-size: 12px;
        line-height: 1.65;
    }

    .cmw-about-process-cta-button {
        width: 100%;
        min-height: 45px;
    }

}


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

@media (max-width: 380px) {

    .cmw-about-process {
        padding: 43px 15px;
    }

    .cmw-about-process-heading h2 {
        font-size: 27px;
    }

    .cmw-about-process-label {
        font-size: 11px;
        letter-spacing: .7px;
    }

    .cmw-about-process-card {
        padding: 20px 17px;
    }

    .cmw-about-process-card h3 {
        font-size: 16px;
    }

}

/* ==================================================
   CMW ABOUT US - FINAL CTA SECTION
   BRAND COLORS: RED + NAVY PURPLE
================================================== */

.cmw-about-final-cta {
    width: 100%;
    position: relative;
    padding: 75px 20px;
    background: #ffffff;
    overflow: hidden;
}

.cmw-about-final-cta,
.cmw-about-final-cta * {
    box-sizing: border-box;
}

.cmw-about-final-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ==============================================
   MAIN CTA BOX
============================================== */

.cmw-about-final-box {
    position: relative;
    width: 100%;
    padding: 60px 55px;

    background: linear-gradient(
        115deg,
        #211d50 0%,
        #302a68 58%,
        #393274 100%
    );

    border-radius: 16px;
    overflow: hidden;

    box-shadow: 0 18px 45px rgba(48, 42, 104, 0.15);
}


/* ==============================================
   DECORATIVE CIRCLES
============================================== */

.cmw-about-final-decoration {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.cmw-about-final-decoration-one {
    width: 350px;
    height: 350px;

    top: -190px;
    right: 10%;

    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cmw-about-final-decoration-two {
    width: 280px;
    height: 280px;

    right: -90px;
    bottom: -180px;

    background: rgba(226, 27, 18, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.07);
}


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

.cmw-about-final-content {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1.35fr 0.85fr;

    align-items: center;
    gap: 55px;
}


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

.cmw-about-final-left {
    width: 100%;
    min-width: 0;
}


/* SECTION LABEL */

.cmw-about-final-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.4;
}

.cmw-about-final-label i {
    color: #ff554d;
    font-size: 17px;
}


/* HEADING */

.cmw-about-final-left h2 {
    margin: 0 0 18px;
    padding: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.cmw-about-final-left h2 span {
    display: block;
    color: #ff554d;
}


/* DESCRIPTION */

.cmw-about-final-left > p {
    max-width: 600px;

    margin: 0 0 27px;
    padding: 0;

    color: rgba(255, 255, 255, 0.78);

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


/* ==============================================
   BUTTONS
============================================== */

.cmw-about-final-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;

    margin-bottom: 25px;
}


/* PRIMARY BUTTON */

.cmw-about-final-primary {
    min-height: 49px;
    padding: 13px 21px;

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

    background: #e21b12;
    border: 1px solid #e21b12;
    border-radius: 7px;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    text-decoration: none;

    transition: all 0.3s ease;
}

.cmw-about-final-primary:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #302a68;

    transform: translateY(-3px);
}

.cmw-about-final-primary i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.cmw-about-final-primary:hover i {
    transform: translateX(4px);
}


/* SECONDARY BUTTON */

.cmw-about-final-secondary {
    min-height: 49px;
    padding: 12px 19px;

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

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 7px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
}

.cmw-about-final-secondary i {
    color: #ff554d;
}

.cmw-about-final-secondary:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
}


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

.cmw-about-final-points {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.cmw-about-final-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: rgba(255, 255, 255, 0.85);

    font-size: 11px;
    font-weight: 500;
}

.cmw-about-final-points i {
    color: #ff554d;
    font-size: 13px;
}


/* ==============================================
   RIGHT VISUAL
============================================== */

.cmw-about-final-right {
    width: 100%;
    min-width: 0;
}


/* VISUAL CARD */

.cmw-about-final-visual {
    position: relative;

    min-height: 210px;
    padding: 28px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: rgba(255, 255, 255, 0.09);

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 13px;

    backdrop-filter: blur(8px);
}


/* VISUAL ICON */

.cmw-about-final-visual-icon {
    width: 58px;
    height: 58px;

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

    color: #ffffff;
    background: #e21b12;

    border-radius: 12px;
    font-size: 25px;

    box-shadow: 0 8px 20px rgba(226, 27, 18, 0.25);
}


/* VISUAL TEXT */

.cmw-about-final-visual-content {
    margin-top: 25px;
}

.cmw-about-final-visual-content > span {
    color: #ffaaa5;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.cmw-about-final-visual-content h3 {
    margin: 7px 0 5px;

    color: #ffffff;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

.cmw-about-final-visual-content p {
    margin: 0;

    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.6;
}


/* DECORATIVE ARROW */

.cmw-about-final-visual-arrow {
    position: absolute;

    top: 27px;
    right: 27px;

    color: rgba(255, 255, 255, 0.55);
    font-size: 17px;
}


/* ==============================================
   WHATSAPP MINI CARD
============================================== */

.cmw-about-final-whatsapp {
    display: flex;
    align-items: center;
    gap: 12px;

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

    background: #ffffff;
    border-radius: 10px;
}

.cmw-about-final-whatsapp-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    color: #ffffff;
    background: #20bd5a;

    border-radius: 50%;
    font-size: 21px;
}

.cmw-about-final-whatsapp > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 4px;

    min-width: 0;
    flex: 1;
}

.cmw-about-final-whatsapp strong {
    color: #302a68;
    font-size: 12px;
    font-weight: 700;
}

.cmw-about-final-whatsapp span {
    color: #777777;
    font-size: 10px;
    line-height: 1.4;
}

.cmw-about-final-whatsapp > a {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

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

    color: #e21b12;
    background: #fff0ef;

    border-radius: 50%;
    text-decoration: none;

    transition: all 0.3s ease;
}

.cmw-about-final-whatsapp > a:hover {
    color: #ffffff;
    background: #e21b12;
}


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

@media (max-width: 991px) {

    .cmw-about-final-cta {
        padding: 65px 20px;
    }

    .cmw-about-final-box {
        padding: 45px 35px;
    }

    .cmw-about-final-content {
        grid-template-columns: 1.1fr 0.9fr;
        gap: 30px;
    }

    .cmw-about-final-left h2 {
        font-size: 34px;
    }

    .cmw-about-final-visual {
        min-height: 200px;
        padding: 22px;
    }

}


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

@media (max-width: 767px) {

    .cmw-about-final-cta {
        padding: 48px 18px;
    }

    .cmw-about-final-box {
        padding: 30px 22px;
        border-radius: 12px;
    }

    .cmw-about-final-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }


    /* LEFT ALIGNED CONTENT */

    .cmw-about-final-left {
        text-align: left;
    }

    .cmw-about-final-label {
        margin-bottom: 16px;
        font-size: 11px;
    }

    .cmw-about-final-left h2 {
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.3px;
        margin-bottom: 13px;
    }

    .cmw-about-final-left h2 span {
        display: inline;
    }

    .cmw-about-final-left > p {
        font-size: 13px;
        line-height: 1.8;
        margin-bottom: 21px;
    }


    /* BUTTONS */

    .cmw-about-final-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 11px;
        margin-bottom: 20px;
    }

    .cmw-about-final-primary,
    .cmw-about-final-secondary {
        width: 100%;
        min-height: 47px;
    }


    /* POINTS */

    .cmw-about-final-points {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .cmw-about-final-points span {
        font-size: 11px;
    }


    /* RIGHT VISUAL */

    .cmw-about-final-visual {
        min-height: 185px;
        padding: 22px;
    }

    .cmw-about-final-visual-icon {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }

    .cmw-about-final-visual-content {
        margin-top: 20px;
    }

    .cmw-about-final-visual-content h3 {
        font-size: 20px;
    }

    .cmw-about-final-whatsapp {
        padding: 13px;
    }

}


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

@media (max-width: 380px) {

    .cmw-about-final-cta {
        padding: 40px 15px;
    }

    .cmw-about-final-box {
        padding: 25px 17px;
    }

    .cmw-about-final-left h2 {
        font-size: 27px;
    }

    .cmw-about-final-visual {
        padding: 19px;
    }

    .cmw-about-final-whatsapp strong {
        font-size: 11px;
    }

}

/* ==================================================
   CMW WHY CHOOSE US - BREADCRUMB SECTION
================================================== */

.cmw-why-breadcrumb {
    position: relative;
    width: 100%;
    padding: 48px 20px;

    background: linear-gradient(
        110deg,
        #211d50 0%,
        #302a68 65%,
        #393274 100%
    );

    overflow: hidden;
}

.cmw-why-breadcrumb,
.cmw-why-breadcrumb * {
    box-sizing: border-box;
}


/* CONTAINER */

.cmw-why-breadcrumb-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* CONTENT LAYOUT */

.cmw-why-breadcrumb-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    position: relative;
}


/* LEFT CONTENT */

.cmw-why-breadcrumb-left {
    width: 100%;
    max-width: 850px;
    min-width: 0;
}


/* LABEL */

.cmw-why-breadcrumb-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 12px;

    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

.cmw-why-breadcrumb-label i {
    color: #ff554d;
    font-size: 16px;
}


/* MAIN HEADING */

.cmw-why-breadcrumb-left h1 {
    width: 100%;

    margin: 0 0 10px;
    padding: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.5px;

    white-space: normal;
    overflow-wrap: break-word;
}

.cmw-why-breadcrumb-left h1 span {
    color: #ff554d;
}


/* DESCRIPTION */

.cmw-why-breadcrumb-left > p {
    max-width: 700px;

    margin: 0 0 17px;
    padding: 0;

    color: rgba(255, 255, 255, 0.78);

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


/* ==============================================
   BREADCRUMB NAVIGATION
============================================== */

.cmw-why-breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;

    font-size: 12px;
    line-height: 1.5;
}

.cmw-why-breadcrumb-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #ffffff;
    text-decoration: none;
    font-weight: 500;

    transition: color .3s ease;
}

.cmw-why-breadcrumb-nav a i {
    color: #ff554d;
    font-size: 12px;
}

.cmw-why-breadcrumb-nav a:hover {
    color: #ff7770;
}

.cmw-why-breadcrumb-separator {
    color: rgba(255, 255, 255, 0.5);
    font-size: 9px;
}

.cmw-why-breadcrumb-nav > span {
    color: #ff7770;
    font-weight: 600;
}


/* ==============================================
   RIGHT DECORATIVE ICON
============================================== */

.cmw-why-breadcrumb-right {
    position: relative;

    width: 145px;
    height: 145px;

    flex: 0 0 145px;

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

.cmw-why-breadcrumb-icon {
    position: relative;
    z-index: 2;

    width: 95px;
    height: 95px;

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

    color: #ffffff;
    background: #e21b12;

    border: 7px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;

    font-size: 37px;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.cmw-why-breadcrumb-circle {
    position: absolute;

    width: 140px;
    height: 140px;

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


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

@media (max-width: 991px) {

    .cmw-why-breadcrumb {
        padding: 42px 20px;
    }

    .cmw-why-breadcrumb-left h1 {
        font-size: 32px;
    }

    .cmw-why-breadcrumb-right {
        width: 115px;
        height: 115px;
        flex-basis: 115px;
    }

    .cmw-why-breadcrumb-icon {
        width: 78px;
        height: 78px;
        font-size: 29px;
    }

    .cmw-why-breadcrumb-circle {
        width: 112px;
        height: 112px;
    }

}


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

@media (max-width: 767px) {

    .cmw-why-breadcrumb {
        padding: 35px 18px;
    }

    .cmw-why-breadcrumb-content {
        display: block;
    }

    .cmw-why-breadcrumb-left {
        max-width: 100%;
        text-align: left;
    }

    .cmw-why-breadcrumb-label {
        margin-bottom: 12px;
        font-size: 10px;
        letter-spacing: 1px;
    }

    .cmw-why-breadcrumb-left h1 {
        font-size: 29px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .cmw-why-breadcrumb-left > p {
        font-size: 12px;
        line-height: 1.75;
        margin-bottom: 16px;
    }

    .cmw-why-breadcrumb-nav {
        gap: 9px;
        font-size: 11px;
    }

    /* Hide decorative icon on mobile for compact height */

    .cmw-why-breadcrumb-right {
        display: none;
    }

}


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

@media (max-width: 380px) {

    .cmw-why-breadcrumb {
        padding: 30px 15px;
    }

    .cmw-why-breadcrumb-left h1 {
        font-size: 26px;
    }

    .cmw-why-breadcrumb-left > p {
        font-size: 12px;
    }

}

/* ==============================================
   CMW WHY CHOOSE US - INTRO SECTION
   Unique namespace: cmw-why-intro
============================================== */

/* Prevent width and padding conflicts */
.cmw-why-intro,
.cmw-why-intro * {
    box-sizing: border-box;
}

.cmw-why-intro {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 90px 25px;
    margin: 0;
    background: #ffffff;
    overflow: hidden;
}

/* MAIN CONTAINER */
.cmw-why-intro-container {
    display: block;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}

/* MAIN GRID */
.cmw-why-intro-grid {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 65px;
}


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

.cmw-why-intro-content {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.cmw-why-intro-label {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin: 0 0 20px;
    padding: 0;
    color: #e21b12;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.cmw-why-intro-label i {
    color: #e21b12;
    font-size: 18px;
}

.cmw-why-intro-content h2 {
    display: block;
    width: 100%;
    max-width: 540px;
    margin: 0 0 23px;
    padding: 0;
    color: #302a68;
    font-family: inherit;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.8px;
    text-align: left;
    overflow-wrap: break-word;
}

.cmw-why-intro-content h2 span {
    display: block;
    margin: 0;
    padding: 0;
    color: #e21b12;
}

.cmw-why-intro-content p {
    display: block;
    width: 100%;
    max-width: 540px;
    margin: 0 0 16px;
    padding: 0;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
    text-align: left;
}

.cmw-why-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 52px;
    margin-top: 13px;
    padding: 14px 25px;
    border: 2px solid #e21b12;
    border-radius: 5px;
    background: #e21b12;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.cmw-why-intro-btn:hover {
    border-color: #302a68;
    background: #302a68;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(48, 42, 104, 0.18);
}

.cmw-why-intro-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.cmw-why-intro-btn:hover i {
    transform: translateX(5px);
}


/* ==============================================
   RIGHT BENEFIT GRID
============================================== */

.cmw-why-intro-benefits {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
}

/* BENEFIT CARD */
.cmw-why-intro-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    min-height: 225px;
    margin: 0;
    padding: 25px 23px;
    border: 1px solid #e9e7f1;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 7px 25px rgba(48, 42, 104, 0.055);
    transition: all 0.3s ease;
}

.cmw-why-intro-card:hover {
    border-color: #e21b12;
    transform: translateY(-6px);
    box-shadow: 0 13px 30px rgba(48, 42, 104, 0.10);
}

/* CARD ICON */
.cmw-why-intro-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    margin: 0 0 17px;
    padding: 0;
    border-radius: 10px;
    background: #fcebea;
    color: #e21b12;
    font-size: 23px;
    transition: all 0.3s ease;
}

.cmw-why-intro-card:hover .cmw-why-intro-icon {
    background: #302a68;
    color: #ffffff;
}

/* CARD TEXT */
.cmw-why-intro-card-content {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.cmw-why-intro-card h3 {
    display: block;
    margin: 0 0 9px;
    padding: 0;
    color: #302a68;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}

.cmw-why-intro-card p {
    display: block;
    margin: 0;
    padding: 0;
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
}


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

@media (max-width: 1100px) {

    .cmw-why-intro {
        padding: 75px 22px;
    }

    .cmw-why-intro-grid {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 35px;
    }

    .cmw-why-intro-content h2 {
        font-size: 35px;
    }

    .cmw-why-intro-benefits {
        gap: 15px;
    }

    .cmw-why-intro-card {
        min-height: 220px;
        padding: 21px 18px;
    }

    .cmw-why-intro-card h3 {
        font-size: 16px;
    }
}


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

@media (max-width: 850px) {

    .cmw-why-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .cmw-why-intro-content h2,
    .cmw-why-intro-content p {
        max-width: 680px;
    }

    .cmw-why-intro-content h2 {
        font-size: 36px;
    }

    .cmw-why-intro-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cmw-why-intro-card {
        min-height: 205px;
    }
}


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

@media (max-width: 600px) {

    .cmw-why-intro {
        padding: 55px 18px;
    }

    .cmw-why-intro-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .cmw-why-intro-label {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    .cmw-why-intro-content h2 {
        max-width: 100%;
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.4px;
    }

    .cmw-why-intro-content p {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.8;
    }

    .cmw-why-intro-btn {
        width: 100%;
        min-height: 49px;
        margin-top: 10px;
        padding: 13px 16px;
        font-size: 14px;
    }

    .cmw-why-intro-benefits {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .cmw-why-intro-card {
        flex-direction: row;
        align-items: flex-start;
        gap: 15px;
        min-height: auto;
        padding: 20px 17px;
    }

    .cmw-why-intro-icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        margin: 0;
        font-size: 20px;
    }

    .cmw-why-intro-card-content {
        flex: 1;
    }

    .cmw-why-intro-card h3 {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .cmw-why-intro-card p {
        font-size: 13px;
        line-height: 1.65;
    }
}


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

@media (max-width: 380px) {

    .cmw-why-intro {
        padding: 45px 15px;
    }

    .cmw-why-intro-content h2 {
        font-size: 27px;
    }

    .cmw-why-intro-card {
        padding: 17px 14px;
        gap: 12px;
    }

    .cmw-why-intro-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        font-size: 18px;
    }
}
/* ============================================
   CMW QUALITY WEBSITE DEVELOPMENT APPROACH
   Unique Classes: cmw-quality-
============================================ */

.cmw-quality-approach,
.cmw-quality-approach * {
    box-sizing: border-box;
}

.cmw-quality-approach {
    position: relative;
    width: 100%;
    padding: 85px 22px;
    margin: 0;
    background: #f7f7fb;
    overflow: hidden;
}

.cmw-quality-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


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

.cmw-quality-heading {
    max-width: 790px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmw-quality-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 16px;
    color: #e21b12;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.cmw-quality-label i {
    font-size: 17px;
}

.cmw-quality-heading h2 {
    margin: 0 0 17px;
    padding: 0;
    color: #302a68;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.6px;
}

.cmw-quality-heading h2 span {
    display: block;
    color: #e21b12;
}

.cmw-quality-heading p {
    max-width: 740px;
    margin: 0 auto;
    color: #686868;
    font-size: 16px;
    line-height: 1.8;
}


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

.cmw-quality-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}


/* ============================================
   PROCESS CARD
============================================ */

.cmw-quality-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 290px;
    padding: 27px 23px;
    background: #ffffff;
    border: 1px solid #e9e8f0;
    border-radius: 11px;
    box-shadow: 0 7px 25px rgba(48, 42, 104, 0.045);
    transition: all 0.3s ease;
}

.cmw-quality-card:hover {
    transform: translateY(-7px);
    border-color: #e21b12;
    box-shadow: 0 13px 30px rgba(48, 42, 104, 0.10);
}


/* NUMBER AND ICON */

.cmw-quality-number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.cmw-quality-number > span {
    color: #e7e5ef;
    font-size: 35px;
    font-weight: 800;
    line-height: 1;
}

.cmw-quality-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: #fcebea;
    color: #e21b12;
    font-size: 23px;
    transition: all 0.3s ease;
}

.cmw-quality-card:hover .cmw-quality-icon {
    background: #302a68;
    color: #ffffff;
}


/* CARD CONTENT */

.cmw-quality-card-content {
    width: 100%;
}

.cmw-quality-step-label {
    display: block;
    margin-bottom: 9px;
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.cmw-quality-card h3 {
    margin: 0 0 12px;
    padding: 0;
    color: #302a68;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.cmw-quality-card p {
    margin: 0;
    padding: 0;
    color: #707070;
    font-size: 14px;
    line-height: 1.75;
}


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

.cmw-quality-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 35px;
    padding: 25px 30px;
    border-radius: 10px;
    background: #302a68;
}

.cmw-quality-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 23px;
}

.cmw-quality-bottom-content {
    flex: 1;
    min-width: 0;
}

.cmw-quality-bottom-content h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.cmw-quality-bottom-content p {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.6;
}

.cmw-quality-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    min-height: 48px;
    padding: 13px 21px;
    border: 2px solid #e21b12;
    border-radius: 5px;
    background: #e21b12;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.cmw-quality-cta:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #302a68 !important;
}

.cmw-quality-cta i {
    transition: transform 0.3s ease;
}

.cmw-quality-cta:hover i {
    transform: translateX(5px);
}


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

@media (max-width: 1050px) {

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

    .cmw-quality-card {
        min-height: 260px;
    }

    .cmw-quality-heading h2 {
        font-size: 35px;
    }
}


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

@media (max-width: 600px) {

    .cmw-quality-approach {
        padding: 55px 18px;
    }

    .cmw-quality-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmw-quality-label {
        justify-content: flex-start;
        font-size: 12px;
    }

    .cmw-quality-heading h2 {
        font-size: 29px;
        line-height: 1.3;
    }

    .cmw-quality-heading h2 span {
        display: block;
    }

    .cmw-quality-heading p {
        font-size: 15px;
        line-height: 1.75;
        text-align: left;
    }

    .cmw-quality-steps {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .cmw-quality-card {
        min-height: auto;
        padding: 22px 19px;
    }

    .cmw-quality-number {
        margin-bottom: 17px;
    }

    .cmw-quality-number > span {
        font-size: 30px;
    }

    .cmw-quality-icon {
        width: 49px;
        height: 49px;
        font-size: 20px;
    }

    .cmw-quality-card h3 {
        font-size: 18px;
    }

    .cmw-quality-card p {
        font-size: 14px;
    }

    .cmw-quality-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin-top: 25px;
        padding: 23px 19px;
    }

    .cmw-quality-bottom-content h3 {
        font-size: 19px;
    }

    .cmw-quality-bottom-content p {
        font-size: 13px;
    }

    .cmw-quality-cta {
        width: 100%;
        min-height: 47px;
    }
}


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

@media (max-width: 380px) {

    .cmw-quality-approach {
        padding: 45px 15px;
    }

    .cmw-quality-heading h2 {
        font-size: 26px;
    }

    .cmw-quality-card {
        padding: 19px 16px;
    }

    .cmw-quality-card h3 {
        font-size: 17px;
    }
}
/* ==================================================
   CMW INDUSTRIES SECTION
   Isolated CSS - Prevents Existing Global CSS Conflicts
================================================== */

.cmw-industries,
.cmw-industries * {
    box-sizing: border-box !important;
}

.cmw-industries {
    position: relative !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 85px 22px !important;

    background: #ffffff !important;
    overflow: hidden !important;
    isolation: isolate;
}

/* Container */

.cmw-industries .cmw-industries-container {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    float: none !important;
}


/* ==================================================
   HEADING AREA - MAIN FIX
================================================== */

.cmw-industries .cmw-industries-heading {
    position: relative !important;
    display: flex !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 800px !important;
    min-height: 0 !important;

    margin: 0 auto 48px !important;
    padding: 0 10px !important;

    float: none !important;
    clear: both !important;

    text-align: center !important;
    transform: none !important;
}


/* Remove inherited pseudo-elements */

.cmw-industries .cmw-industries-heading::before,
.cmw-industries .cmw-industries-heading::after,
.cmw-industries .cmw-industries-label::before,
.cmw-industries .cmw-industries-label::after,
.cmw-industries .cmw-industries-heading h2::before,
.cmw-industries .cmw-industries-heading h2::after,
.cmw-industries .cmw-industries-heading h2 span::before,
.cmw-industries .cmw-industries-heading h2 span::after {
    content: none !important;
    display: none !important;
}


/* ==================================================
   LABEL - KEEP IN ONE LINE
================================================== */

.cmw-industries .cmw-industries-label {
    position: relative !important;
    display: inline-flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 19px !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;

    color: #e21b12 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 1.6px !important;
    text-align: center !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;
    overflow: visible !important;
    transform: none !important;
}

.cmw-industries .cmw-industries-label i {
    position: static !important;
    display: inline-block !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #e21b12 !important;
    font-size: 17px !important;
    line-height: 1 !important;

    transform: none !important;
}

.cmw-industries .cmw-industries-label span {
    position: static !important;
    display: inline-block !important;

    flex: 0 0 auto !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #e21b12 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 1.6px !important;
    white-space: nowrap !important;

    background: transparent !important;
    border: 0 !important;
    transform: none !important;
}


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

.cmw-industries .cmw-industries-heading h2 {
    position: relative !important;
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 780px !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 17px !important;
    padding: 0 !important;

    color: #302a68 !important;

    font-family: inherit !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    letter-spacing: -0.5px !important;
    text-align: center !important;

    text-transform: none !important;
    white-space: normal !important;

    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    transform: none !important;
    background: transparent !important;
}

.cmw-industries .cmw-industries-heading h2 span {
    position: static !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #e21b12 !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    letter-spacing: inherit !important;
    text-align: center !important;

    white-space: normal !important;
    background: transparent !important;
    transform: none !important;
}


/* Description */

.cmw-industries .cmw-industries-heading p {
    position: static !important;
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 730px !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #686868 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;

    text-align: center !important;
    white-space: normal !important;

    transform: none !important;
}


/* ==================================================
   INDUSTRY GRID
================================================== */

.cmw-industries .cmw-industries-grid {
    position: relative !important;
    display: grid !important;

    width: 100% !important;
    max-width: 100% !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;
}


/* ==================================================
   INDUSTRY CARDS
================================================== */

.cmw-industries .cmw-industry-card {
    position: relative !important;
    display: flex !important;

    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 285px !important;

    margin: 0 !important;
    padding: 27px 25px !important;

    border: 1px solid #eae9f1 !important;
    border-radius: 11px !important;

    background: #ffffff !important;
    box-shadow: 0 6px 25px rgba(48, 42, 104, 0.045) !important;

    float: none !important;
    transform: none;
    transition: all 0.3s ease !important;
}

.cmw-industries .cmw-industry-card:hover {
    border-color: #e21b12 !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 30px rgba(48, 42, 104, 0.10) !important;
}


/* Icon */

.cmw-industries .cmw-industry-icon {
    position: static !important;
    display: flex !important;

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

    flex: 0 0 56px !important;

    width: 56px !important;
    height: 56px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    border-radius: 10px !important;
    background: #fcebea !important;

    color: #e21b12 !important;
    font-size: 23px !important;

    transform: none !important;
    transition: all 0.3s ease !important;
}

.cmw-industries .cmw-industry-icon i {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
}

.cmw-industries .cmw-industry-card:hover .cmw-industry-icon {
    background: #302a68 !important;
    color: #ffffff !important;
}


/* Card title */

.cmw-industries .cmw-industry-card h3 {
    position: static !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #302a68 !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: left !important;
    white-space: normal !important;
    transform: none !important;
}


/* Card description */

.cmw-industries .cmw-industry-card p {
    position: static !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #707070 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;

    text-align: left !important;
}


/* Card link */

.cmw-industries .cmw-industry-card a {
    position: static !important;
    display: inline-flex !important;

    align-items: center !important;
    gap: 9px !important;

    width: auto !important;
    height: auto !important;

    margin: auto 0 0 !important;
    padding: 0 !important;

    color: #e21b12 !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.5 !important;
    text-align: left !important;
    text-decoration: none !important;

    transform: none !important;
    transition: all 0.3s ease !important;
}

.cmw-industries .cmw-industry-card a:hover {
    color: #302a68 !important;
}

.cmw-industries .cmw-industry-card a i {
    display: inline-block !important;
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
}

.cmw-industries .cmw-industry-card a:hover i {
    transform: translateX(5px) !important;
}


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

.cmw-industries .cmw-industries-bottom {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 25px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 35px 0 0 !important;
    padding: 25px 30px !important;

    border-radius: 10px !important;
    background: #302a68 !important;
}

.cmw-industries .cmw-industries-bottom-content {
    display: flex !important;
    align-items: center !important;

    gap: 18px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.cmw-industries .cmw-industries-bottom-icon {
    display: flex !important;

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

    flex: 0 0 54px !important;

    width: 54px !important;
    height: 54px !important;

    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.12) !important;

    color: #ffffff !important;
    font-size: 23px !important;
}

.cmw-industries .cmw-industries-bottom-text {
    min-width: 0 !important;
}

.cmw-industries .cmw-industries-bottom-text h3 {
    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.cmw-industries .cmw-industries-bottom-text p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.cmw-industries .cmw-industries-bottom-btn {
    display: inline-flex !important;

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

    flex-shrink: 0 !important;
    gap: 10px !important;

    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 21px !important;

    border: 2px solid #e21b12 !important;
    border-radius: 5px !important;

    background: #e21b12 !important;
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    transition: all 0.3s ease !important;
}

.cmw-industries .cmw-industries-bottom-btn:hover {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #302a68 !important;
}


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

@media (max-width: 991px) {

    .cmw-industries {
        padding: 70px 22px !important;
    }

    .cmw-industries .cmw-industries-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .cmw-industries .cmw-industry-card {
        min-height: 270px !important;
    }

    .cmw-industries .cmw-industries-heading h2 {
        font-size: 35px !important;
    }
}


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

@media (max-width: 600px) {

    .cmw-industries {
        padding: 55px 18px !important;
    }

    .cmw-industries .cmw-industries-heading {
        align-items: flex-start !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .cmw-industries .cmw-industries-label {
        justify-content: flex-start !important;
        margin-bottom: 15px !important;
        font-size: 12px !important;
        letter-spacing: 1.2px !important;
    }

    .cmw-industries .cmw-industries-heading h2 {
        max-width: 100% !important;
        margin-bottom: 15px !important;

        font-size: 29px !important;
        line-height: 1.3 !important;

        text-align: left !important;
    }

    .cmw-industries .cmw-industries-heading h2 span {
        text-align: left !important;
    }

    .cmw-industries .cmw-industries-heading p {
        font-size: 15px !important;
        line-height: 1.75 !important;
        text-align: left !important;
    }

    .cmw-industries .cmw-industries-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 15px !important;
    }

    .cmw-industries .cmw-industry-card {
        min-height: auto !important;
        padding: 23px 20px !important;
    }

    .cmw-industries .cmw-industry-icon {
        width: 51px !important;
        height: 51px !important;
        flex-basis: 51px !important;
        font-size: 21px !important;
    }

    .cmw-industries .cmw-industry-card h3 {
        font-size: 18px !important;
    }

    .cmw-industries .cmw-industries-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 19px !important;

        margin-top: 25px !important;
        padding: 22px 19px !important;
    }

    .cmw-industries .cmw-industries-bottom-content {
        align-items: flex-start !important;
        gap: 13px !important;
    }

    .cmw-industries .cmw-industries-bottom-icon {
        flex-basis: 45px !important;
        width: 45px !important;
        height: 45px !important;
        font-size: 19px !important;
    }

    .cmw-industries .cmw-industries-bottom-text h3 {
        font-size: 17px !important;
    }

    .cmw-industries .cmw-industries-bottom-btn {
        width: 100% !important;
    }
}


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

@media (max-width: 380px) {

    .cmw-industries {
        padding: 45px 15px !important;
    }

    .cmw-industries .cmw-industries-heading h2 {
        font-size: 26px !important;
    }

    .cmw-industries .cmw-industries-label {
        font-size: 11px !important;
        letter-spacing: 1px !important;
    }

    .cmw-industries .cmw-industry-card {
        padding: 21px 17px !important;
    }

    .cmw-industries .cmw-industries-bottom {
        padding: 20px 16px !important;
    }
}
/* ==============================================
   CMW WHY PAGE - FINAL CTA SECTION
   Unique namespace: cmw-why-final-
============================================== */

.cmw-why-final-cta,
.cmw-why-final-cta * {
    box-sizing: border-box !important;
}

.cmw-why-final-cta {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 85px 22px;
    background: #ffffff;
    overflow: hidden;
    isolation: isolate;
}

.cmw-why-final-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ==============================================
   MAIN BOX
============================================== */

.cmw-why-final-box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 35px;

    width: 100%;
    padding: 60px 55px;

    border-radius: 18px;
    background: linear-gradient(125deg, #211d50 0%, #302a68 58%, #3c347d 100%);

    overflow: hidden;
}


/* Background decorative circles */

.cmw-why-final-box::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -200px;
    left: 35%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.cmw-why-final-box::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -130px;
    bottom: -160px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    pointer-events: none;
}


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

.cmw-why-final-content {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
}

.cmw-why-final-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 19px;
    color: #ff7973;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.cmw-why-final-label i {
    font-size: 17px;
}

.cmw-why-final-content h2 {
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 0 0 20px;
    padding: 0;

    color: #ffffff;
    font-size: 41px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.7px;
    text-align: left;
}

.cmw-why-final-content h2 span {
    display: block;
    color: #ff6961;
}

.cmw-why-final-content p {
    max-width: 600px;
    margin: 0 0 15px;
    padding: 0;

    color: rgba(255, 255, 255, 0.80);
    font-size: 15px;
    line-height: 1.85;
    text-align: left;
}


/* ==============================================
   BUTTONS
============================================== */

.cmw-why-final-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 27px;
}

.cmw-why-final-primary,
.cmw-why-final-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 51px;
    padding: 13px 21px;

    border: 2px solid transparent;
    border-radius: 5px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;

    transition: all 0.3s ease;
}

.cmw-why-final-primary {
    background: #e21b12;
    border-color: #e21b12;
    color: #ffffff !important;
}

.cmw-why-final-primary:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #302a68 !important;
    transform: translateY(-3px);
}

.cmw-why-final-secondary {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.55);
    color: #ffffff !important;
}

.cmw-why-final-secondary:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #302a68 !important;
    transform: translateY(-3px);
}


/* ==============================================
   CONTACT DETAILS
============================================== */

.cmw-why-final-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 27px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.cmw-why-final-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.cmw-why-final-contact-item i {
    color: #ff7973;
    font-size: 14px;
}

.cmw-why-final-contact-item a {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 13px;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.cmw-why-final-contact-item a:hover {
    color: #ff7973 !important;
}


/* ==============================================
   RIGHT VISUAL
============================================== */

.cmw-why-final-visual {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    min-height: 360px;
    z-index: 1;
}

.cmw-why-final-circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    pointer-events: none;
}

.cmw-why-final-circle-one {
    width: 330px;
    height: 330px;
}

.cmw-why-final-circle-two {
    width: 260px;
    height: 260px;
    border-style: dashed;
}


/* ==============================================
   BROWSER VISUAL
============================================== */

.cmw-why-final-visual-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 350px;
    min-height: 275px;
}

.cmw-why-final-browser {
    position: relative;
    width: 100%;
    max-width: 310px;
    padding: 0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transform: rotate(-4deg);
}

.cmw-why-final-browser-top {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    background: #efeff4;
}

.cmw-why-final-browser-top span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d3d2dc;
}

.cmw-why-final-browser-top span:first-child {
    background: #e21b12;
}

.cmw-why-final-browser-content {
    padding: 16px;
}

.cmw-why-final-browser-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededf2;
}

.cmw-why-final-browser-logo {
    width: 75px;
    height: 9px;
    border-radius: 3px;
    background: #302a68;
}

.cmw-why-final-browser-menu {
    display: flex;
    gap: 5px;
}

.cmw-why-final-browser-menu span {
    width: 19px;
    height: 4px;
    border-radius: 3px;
    background: #c9c8d2;
}

.cmw-why-final-browser-body {
    padding: 24px 10px 12px;
}

.cmw-why-final-browser-line {
    width: 85%;
    height: 12px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #302a68;
}

.cmw-why-final-browser-line.small {
    width: 57%;
    height: 8px;
    background: #d6d5e1;
}

.cmw-why-final-browser-button {
    width: 75px;
    height: 20px;
    margin: 16px 0 19px;
    border-radius: 3px;
    background: #e21b12;
}

.cmw-why-final-browser-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.cmw-why-final-browser-grid span {
    height: 48px;
    border-radius: 5px;
    background: #f0eff6;
    border-bottom: 3px solid #e21b12;
}


/* ==============================================
   FLOATING ICONS
============================================== */

.cmw-why-final-floating-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    border-radius: 12px;
    background: #ffffff;
    color: #e21b12;

    font-size: 22px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.20);
}

.cmw-why-final-floating-icon.icon-code {
    top: 28px;
    left: 0;
}

.cmw-why-final-floating-icon.icon-design {
    top: 45px;
    right: 0;
    color: #302a68;
}

.cmw-why-final-floating-icon.icon-mobile {
    bottom: 22px;
    right: 15px;
    color: #e21b12;
}


/* ==============================================
   VISUAL CAPTION
============================================== */

.cmw-why-final-visual-caption {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    margin-top: 7px;
    padding: 11px 17px;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.09);

    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.cmw-why-final-visual-caption i {
    color: #ff7973;
}


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

@media (max-width: 991px) {

    .cmw-why-final-cta {
        padding: 70px 22px;
    }

    .cmw-why-final-box {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
        gap: 20px;
        padding: 45px 30px;
    }

    .cmw-why-final-content h2 {
        font-size: 34px;
    }

    .cmw-why-final-visual {
        min-height: 320px;
    }

    .cmw-why-final-browser {
        max-width: 270px;
    }

    .cmw-why-final-circle-one {
        width: 280px;
        height: 280px;
    }

    .cmw-why-final-circle-two {
        width: 220px;
        height: 220px;
    }
}


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

@media (max-width: 767px) {

    .cmw-why-final-cta {
        padding: 50px 18px;
    }

    .cmw-why-final-box {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
        padding: 35px 23px;
        border-radius: 13px;
    }

    .cmw-why-final-content h2 {
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.3px;
    }

    .cmw-why-final-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .cmw-why-final-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 11px;
        margin-top: 22px;
    }

    .cmw-why-final-primary,
    .cmw-why-final-secondary {
        width: 100%;
        min-height: 49px;
    }

    .cmw-why-final-contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .cmw-why-final-visual {
        min-height: 300px;
        margin-top: 5px;
    }

    .cmw-why-final-visual-card {
        max-width: 310px;
    }

    .cmw-why-final-browser {
        max-width: 265px;
    }

    .cmw-why-final-circle-one {
        width: 280px;
        height: 280px;
    }

    .cmw-why-final-circle-two {
        width: 225px;
        height: 225px;
    }

    .cmw-why-final-floating-icon {
        width: 45px;
        height: 45px;
        font-size: 19px;
    }

    .cmw-why-final-floating-icon.icon-code {
        left: 0;
    }

    .cmw-why-final-floating-icon.icon-design {
        right: 0;
    }
}


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

@media (max-width: 380px) {

    .cmw-why-final-cta {
        padding: 40px 15px;
    }

    .cmw-why-final-box {
        padding: 29px 17px;
    }

    .cmw-why-final-content h2 {
        font-size: 27px;
    }

    .cmw-why-final-label {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .cmw-why-final-visual {
        min-height: 270px;
    }

    .cmw-why-final-browser {
        max-width: 235px;
    }

    .cmw-why-final-circle-one {
        width: 245px;
        height: 245px;
    }

    .cmw-why-final-circle-two {
        width: 195px;
        height: 195px;
    }
}

/* ==============================================
   CMW CONTACT BREADCRUMB - COMPACT VERSION
   Unique namespace: cmw-contact-breadcrumb-
============================================== */

.cmw-contact-breadcrumb,
.cmw-contact-breadcrumb * {
    box-sizing: border-box !important;
}

.cmw-contact-breadcrumb {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 38px 22px !important;

    background: linear-gradient(
        120deg,
        #211d50 0%,
        #302a68 58%,
        #393274 100%
    ) !important;

    overflow: hidden !important;
    isolation: isolate;
}

.cmw-contact-breadcrumb-container {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* ==============================================
   MAIN CONTENT GRID
============================================== */

.cmw-contact-breadcrumb-content {
    position: relative !important;
    display: grid !important;

    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.6fr) !important;

    align-items: center !important;
    gap: 25px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


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

.cmw-contact-breadcrumb-left {
    position: relative !important;
    display: flex !important;

    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    transform: none !important;
}


/* ==============================================
   LABEL
============================================== */

.cmw-contact-breadcrumb-label {
    position: static !important;
    display: inline-flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: 100% !important;
    height: auto !important;

    gap: 9px !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #ff7770 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 1.4px !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;

    transform: none !important;
}

.cmw-contact-breadcrumb-label i {
    position: static !important;
    display: inline-block !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ff7770 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.cmw-contact-breadcrumb-label span {
    position: static !important;
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ff7770 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 1.4px !important;

    white-space: nowrap !important;
    background: transparent !important;
    transform: none !important;
}


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

.cmw-contact-breadcrumb-left h1 {
    position: static !important;
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 750px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    letter-spacing: -0.5px !important;
    text-align: left !important;

    text-transform: none !important;
    white-space: normal !important;

    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    background: transparent !important;
    transform: none !important;
}

.cmw-contact-breadcrumb-left h1 span {
    position: static !important;
    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ff6961 !important;

    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;

    background: transparent !important;
    white-space: normal !important;
    transform: none !important;
}


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

.cmw-contact-breadcrumb-left p {
    position: static !important;
    display: block !important;

    width: 100% !important;
    max-width: 700px !important;
    height: auto !important;

    margin: 0 0 15px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.82) !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-align: left !important;
    white-space: normal !important;

    transform: none !important;
}


/* ==============================================
   BREADCRUMB NAVIGATION
============================================== */

.cmw-contact-breadcrumb-nav {
    position: static !important;
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: wrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: auto !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

.cmw-contact-breadcrumb-nav a {
    display: inline-flex !important;

    align-items: center !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    transition: color 0.3s ease !important;
}

.cmw-contact-breadcrumb-nav a:hover {
    color: #ff7973 !important;
}

.cmw-contact-breadcrumb-nav a i {
    color: #ff7973 !important;
    font-size: 12px !important;
}

.cmw-contact-breadcrumb-separator {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 9px !important;
}

.cmw-contact-breadcrumb-nav > span {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ff7973 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* ==============================================
   RIGHT VISUAL - REDUCED HEIGHT
============================================== */

.cmw-contact-breadcrumb-right {
    position: relative !important;
    display: flex !important;

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

    width: 100% !important;
    min-width: 0 !important;
    min-height: 175px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.cmw-contact-breadcrumb-circle {
    position: absolute !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 50% !important;

    pointer-events: none !important;
}

.cmw-contact-breadcrumb-circle.circle-one {
    width: 170px !important;
    height: 170px !important;
}

.cmw-contact-breadcrumb-circle.circle-two {
    width: 130px !important;
    height: 130px !important;
    border-style: dashed !important;
}


/* MAIN ICON */

.cmw-contact-breadcrumb-icon {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;

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

    width: 90px !important;
    height: 90px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 22px !important;

    background: rgba(255, 255, 255, 0.12) !important;

    color: #ffffff !important;
    font-size: 42px !important;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
}

.cmw-contact-breadcrumb-icon i {
    color: #ffffff !important;
}


/* FLOATING ICONS */

.cmw-contact-breadcrumb-floating {
    position: absolute !important;
    z-index: 3 !important;

    display: flex !important;

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

    width: 37px !important;
    height: 37px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 10px !important;
    background: #ffffff !important;

    color: #e21b12 !important;
    font-size: 15px !important;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

.cmw-contact-breadcrumb-floating i {
    color: inherit !important;
}

.cmw-contact-breadcrumb-floating.floating-one {
    top: 15px !important;
    left: 25px !important;
}

.cmw-contact-breadcrumb-floating.floating-two {
    right: 18px !important;
    top: 25px !important;
    color: #302a68 !important;
}

.cmw-contact-breadcrumb-floating.floating-three {
    right: 28px !important;
    bottom: 12px !important;
}


/* REMOVE INHERITED PSEUDO ELEMENTS */

.cmw-contact-breadcrumb-left::before,
.cmw-contact-breadcrumb-left::after,
.cmw-contact-breadcrumb-left h1::before,
.cmw-contact-breadcrumb-left h1::after,
.cmw-contact-breadcrumb-label::before,
.cmw-contact-breadcrumb-label::after {
    content: none !important;
    display: none !important;
}


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

@media (max-width: 991px) {

    .cmw-contact-breadcrumb {
        padding: 34px 20px !important;
    }

    .cmw-contact-breadcrumb-content {
        grid-template-columns: minmax(0, 1fr) 190px !important;
        gap: 15px !important;
    }

    .cmw-contact-breadcrumb-left h1 {
        font-size: 32px !important;
    }

    .cmw-contact-breadcrumb-right {
        min-height: 155px !important;
    }

    .cmw-contact-breadcrumb-circle.circle-one {
        width: 150px !important;
        height: 150px !important;
    }

    .cmw-contact-breadcrumb-circle.circle-two {
        width: 115px !important;
        height: 115px !important;
    }

    .cmw-contact-breadcrumb-icon {
        width: 78px !important;
        height: 78px !important;
        font-size: 36px !important;
    }
}


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

@media (max-width: 767px) {

    .cmw-contact-breadcrumb {
        padding: 30px 18px !important;
    }

    .cmw-contact-breadcrumb-content {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    .cmw-contact-breadcrumb-left {
        align-items: flex-start !important;
    }

    .cmw-contact-breadcrumb-label {
        margin-bottom: 10px !important;
        font-size: 11px !important;
        letter-spacing: 1.2px !important;
    }

    .cmw-contact-breadcrumb-label span {
        font-size: 11px !important;
        letter-spacing: 1.2px !important;
    }

    .cmw-contact-breadcrumb-left h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .cmw-contact-breadcrumb-left p {
        font-size: 13px !important;
        line-height: 1.7 !important;
        margin-bottom: 13px !important;
    }

    .cmw-contact-breadcrumb-right {
        display: none !important;
    }

    .cmw-contact-breadcrumb-nav {
        gap: 9px !important;
    }
}


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

@media (max-width: 380px) {

    .cmw-contact-breadcrumb {
        padding: 27px 15px !important;
    }

    .cmw-contact-breadcrumb-left h1 {
        font-size: 26px !important;
    }

    .cmw-contact-breadcrumb-label,
    .cmw-contact-breadcrumb-label span {
        font-size: 10px !important;
        letter-spacing: 1px !important;
    }
}

/* ==============================================
   CMW CONTACT INFORMATION SECTION
   Unique namespace: cmw-contact-info-
============================================== */

.cmw-contact-info,
.cmw-contact-info * {
    box-sizing: border-box !important;
}

.cmw-contact-info {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 75px 22px;
    background: #f8f8fb;
    overflow: hidden;
}

.cmw-contact-info-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


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

.cmw-contact-info-heading {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    max-width: 780px;

    margin: 0 auto 42px;
    padding: 0;

    text-align: center;
}

.cmw-contact-info-label {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    gap: 9px;

    width: auto;
    max-width: 100%;

    margin: 0 0 14px;
    padding: 0;

    color: #e21b12;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.5px;

    text-transform: uppercase;
    white-space: nowrap;
}

.cmw-contact-info-label i {
    font-size: 16px;
}

.cmw-contact-info-label span {
    display: inline-block;
    white-space: nowrap;
}

.cmw-contact-info-heading h2 {
    display: block;
    position: static;

    width: 100%;
    max-width: 750px;

    margin: 0 0 14px;
    padding: 0;

    color: #302a68;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.5px;

    text-align: center;
    transform: none;
}

.cmw-contact-info-heading h2 span {
    display: inline;
    color: #e21b12;
    font: inherit;
    line-height: inherit;
}

.cmw-contact-info-heading p {
    width: 100%;
    max-width: 700px;

    margin: 0;
    padding: 0;

    color: #686868;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}


/* ==============================================
   CONTACT GRID
============================================== */

.cmw-contact-info-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;

    width: 100%;
    margin: 0;
    padding: 0;
}


/* ==============================================
   CONTACT CARDS
============================================== */

.cmw-contact-info-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    width: 100%;
    min-width: 0;
    min-height: 305px;

    margin: 0;
    padding: 27px 26px;

    border: 1px solid #e9e8f0;
    border-radius: 11px;

    background: #ffffff;

    box-shadow: 0 6px 25px rgba(48, 42, 104, 0.045);

    transition: all 0.3s ease;
}

.cmw-contact-info-card:hover {
    border-color: #e21b12;
    transform: translateY(-5px);

    box-shadow: 0 13px 30px rgba(48, 42, 104, 0.09);
}


/* ICON */

.cmw-contact-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 53px;

    width: 53px;
    height: 53px;

    margin: 0 0 15px;
    padding: 0;

    border-radius: 10px;
    background: #fcebea;

    color: #e21b12;
    font-size: 22px;

    transition: all 0.3s ease;
}

.cmw-contact-info-card:hover .cmw-contact-info-icon {
    background: #302a68;
    color: #ffffff;
}


/* OFFICE BADGE */

.cmw-contact-office-badge {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    margin: 0 0 9px;
    padding: 5px 11px;

    border-radius: 3px;
    background: #fcebea;

    color: #e21b12;

    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 1.2px;
}


/* TITLE */

.cmw-contact-info-card h3 {
    width: 100%;

    margin: 0 0 10px;
    padding: 0;

    color: #302a68;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;

    text-align: left;
}


/* DESCRIPTION */

.cmw-contact-info-card > p {
    width: 100%;

    margin: 0 0 17px;
    padding: 0;

    color: #707070;

    font-size: 14px;
    line-height: 1.75;
    text-align: left;
}


/* ==============================================
   CONTACT LINKS
============================================== */

.cmw-contact-info-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    max-width: 100%;

    margin-top: auto;
    padding: 0;

    color: #e21b12 !important;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;

    text-decoration: none !important;
    overflow-wrap: anywhere;

    transition: all 0.3s ease;
}

.cmw-contact-info-link:hover {
    color: #302a68 !important;
}

.cmw-contact-info-link i {
    flex-shrink: 0;
    font-size: 12px;

    transition: transform 0.3s ease;
}

.cmw-contact-info-link:hover i {
    transform: translateX(5px);
}


/* EMAIL */

.cmw-contact-email {
    overflow-wrap: anywhere;
}


/* WHATSAPP */

.cmw-contact-info-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 13px;
    padding: 9px 13px;

    border-radius: 5px;
    background: #eaf8ef;

    color: #168c48 !important;

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

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.cmw-contact-info-whatsapp:hover {
    background: #20bd5a;
    color: #ffffff !important;
}

.cmw-contact-info-whatsapp i {
    font-size: 16px;
}


/* EMAIL NOTE */

.cmw-contact-info-note {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 13px;

    color: #777777;
    font-size: 12px;
    line-height: 1.5;
}

.cmw-contact-info-note i {
    color: #e21b12;
}


/* ==============================================
   ADDRESS
============================================== */

.cmw-contact-info-address {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    width: 100%;

    margin: 0 0 19px;
    padding: 0;

    color: #626262;

    font-size: 14px;
    line-height: 1.8;

    overflow-wrap: anywhere;
}

.cmw-contact-info-address > i {
    flex: 0 0 auto;

    margin-top: 4px;

    color: #e21b12;
    font-size: 17px;
}

.cmw-contact-info-address span {
    display: block;

    margin: 0;
    padding: 0;

    color: inherit;
    font-size: inherit;
    line-height: inherit;
}


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

.cmw-contact-info-bottom {
    display: flex;

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

    gap: 22px;

    width: 100%;

    margin: 30px 0 0;
    padding: 23px 27px;

    border-radius: 10px;
    background: #302a68;
}

.cmw-contact-info-bottom-content {
    display: flex;
    align-items: center;
    gap: 16px;

    min-width: 0;
}

.cmw-contact-info-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);

    color: #ffffff;
    font-size: 22px;
}

.cmw-contact-info-bottom-text {
    flex: 1;
    min-width: 0;
}

.cmw-contact-info-bottom-text h3 {
    margin: 0 0 5px;
    padding: 0;

    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.cmw-contact-info-bottom-text p {
    margin: 0;
    padding: 0;

    color: rgba(255, 255, 255, 0.8);

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

.cmw-contact-info-bottom-btn {
    display: inline-flex;

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

    gap: 10px;

    flex-shrink: 0;

    min-height: 46px;
    padding: 12px 20px;

    border: 2px solid #e21b12;
    border-radius: 5px;

    background: #e21b12;
    color: #ffffff !important;

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

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.cmw-contact-info-bottom-btn:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #302a68 !important;
}

.cmw-contact-info-bottom-btn i {
    transition: transform 0.3s ease;
}

.cmw-contact-info-bottom-btn:hover i {
    transform: translateX(5px);
}


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

@media (max-width: 991px) {

    .cmw-contact-info {
        padding: 65px 20px;
    }

    .cmw-contact-info-grid {
        gap: 18px;
    }

    .cmw-contact-info-card {
        min-height: 310px;
        padding: 23px 21px;
    }

    .cmw-contact-info-heading h2 {
        font-size: 33px;
    }

}


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

@media (max-width: 600px) {

    .cmw-contact-info {
        padding: 50px 18px;
    }

    .cmw-contact-info-heading {
        align-items: flex-start;

        margin-bottom: 28px;

        text-align: left;
    }

    .cmw-contact-info-label {
        justify-content: flex-start;

        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .cmw-contact-info-heading h2 {
        font-size: 29px;
        line-height: 1.3;

        text-align: left;
    }

    .cmw-contact-info-heading h2 span {
        display: block;
    }

    .cmw-contact-info-heading p {
        font-size: 14px;
        line-height: 1.75;

        text-align: left;
    }

    .cmw-contact-info-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .cmw-contact-info-card {
        min-height: auto;
        padding: 23px 20px;
    }

    .cmw-contact-info-icon {
        width: 49px;
        height: 49px;
        flex-basis: 49px;

        margin-bottom: 14px;

        font-size: 21px;
    }

    .cmw-contact-info-card h3 {
        font-size: 18px;
    }

    .cmw-contact-info-bottom {
        flex-direction: column;
        align-items: flex-start;

        gap: 15px;

        margin-top: 23px;
        padding: 22px 19px;
    }

    .cmw-contact-info-bottom-text h3 {
        font-size: 17px;
    }

    .cmw-contact-info-bottom-btn {
        width: 100%;
    }

}


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

@media (max-width: 380px) {

    .cmw-contact-info {
        padding: 42px 15px;
    }

    .cmw-contact-info-heading h2 {
        font-size: 26px;
    }

    .cmw-contact-info-card {
        padding: 20px 17px;
    }

    .cmw-contact-info-bottom {
        padding: 20px 16px;
    }

}

/* =========================================
   CMW CONTACT FORM + OFFICE LOCATIONS
========================================= */

.cmw-contact-main,
.cmw-contact-main * {
    box-sizing: border-box;
}

.cmw-contact-main {
    width: 100%;
    padding: 75px 20px;
    background: #f8f8fb;
    font-family: 'Poppins', sans-serif;
}

.cmw-contact-main-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 35px;
    align-items: start;
}

/* FORM BOX */

.cmw-contact-form-box {
    background: #fff;
    padding: 38px;
    border: 1px solid #ededf1;
    border-radius: 15px;
    box-shadow: 0 10px 35px rgba(30, 30, 60, .05);
}

.cmw-contact-heading,
.cmw-location-heading {
    margin-bottom: 28px;
}

.cmw-contact-main .cmw-contact-label {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: 100%;
    white-space: nowrap;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
    color: #e21b12 !important;
    line-height: 1.5 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

.cmw-contact-main .cmw-contact-heading h2,
.cmw-contact-main .cmw-location-heading h2 {
    display: block !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    font-size: 31px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #171717 !important;
}

.cmw-contact-main .cmw-contact-heading h2::before,
.cmw-contact-main .cmw-contact-heading h2::after,
.cmw-contact-main .cmw-location-heading h2::before,
.cmw-contact-main .cmw-location-heading h2::after {
    display: none !important;
    content: none !important;
}

.cmw-contact-main .cmw-contact-heading h2 span,
.cmw-contact-main .cmw-location-heading h2 span {
    display: inline !important;
    color: #e21b12 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.cmw-contact-heading p,
.cmw-location-heading p {
    margin: 0 !important;
    padding: 0 !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

/* FORM FIELDS */

.cmw-enquiry-form {
    width: 100%;
    margin: 0;
}

.cmw-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.cmw-form-group {
    width: 100%;
    margin-bottom: 19px;
}

.cmw-contact-main .cmw-form-group label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #292929 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    white-space: normal !important;
}

.cmw-form-group label span {
    color: #e21b12;
}

.cmw-contact-main .cmw-form-group input,
.cmw-contact-main .cmw-form-group select,
.cmw-contact-main .cmw-form-group textarea {
    display: block;
    width: 100%;
    min-width: 0;
    height: 49px;
    padding: 12px 14px;
    border: 1px solid #dedee5;
    border-radius: 7px;
    outline: none;
    background: #fff;
    color: #222;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: none;
    transition: border-color .25s, box-shadow .25s;
}

.cmw-contact-main .cmw-form-group textarea {
    height: auto;
    min-height: 125px;
    resize: vertical;
}

.cmw-contact-main .cmw-form-group input:focus,
.cmw-contact-main .cmw-form-group select:focus,
.cmw-contact-main .cmw-form-group textarea:focus {
    border-color: #e21b12;
    box-shadow: 0 0 0 3px rgba(226, 27, 18, .08);
}

.cmw-contact-main .cmw-form-group input::placeholder,
.cmw-contact-main .cmw-form-group textarea::placeholder {
    color: #999;
    opacity: 1;
}

/* SUBMIT BUTTON */

.cmw-contact-main .cmw-submit-btn {
    min-height: 50px;
    padding: 13px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 7px;
    background: #e21b12;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s ease;
}

.cmw-contact-main .cmw-submit-btn:hover {
    background: #c9140c;
    transform: translateY(-2px);
}

.cmw-form-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 15px 0 0 !important;
    color: #777 !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}

/* LOCATION COLUMN */

.cmw-contact-location-box {
    width: 100%;
}

.cmw-location-heading {
    padding: 5px 0 0;
    margin-bottom: 25px;
}

.cmw-location-card {
    width: 100%;
    padding: 25px;
    margin-bottom: 18px;
    background: #fff;
    border: 1px solid #ededf1;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(30, 30, 60, .04);
    transition: .3s ease;
}

.cmw-location-card:hover {
    transform: translateY(-3px);
    border-color: rgba(226, 27, 18, .35);
    box-shadow: 0 12px 30px rgba(30, 30, 60, .08);
}

.cmw-location-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
}

.cmw-location-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(226, 27, 18, .09);
    border-radius: 10px;
    color: #e21b12;
    font-size: 19px;
}

.cmw-location-tag {
    display: inline-block;
    padding: 6px 11px;
    border-radius: 4px;
    background: #f1f0f8;
    color: #302a68;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmw-contact-main .cmw-location-card h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #171717 !important;
    font-size: 19px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.cmw-location-card p {
    margin: 0 0 17px !important;
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

.cmw-location-card > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #e21b12 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .25s ease;
}

.cmw-location-card > a:hover {
    color: #302a68 !important;
    gap: 13px;
}

/* QUICK ASSISTANCE */

.cmw-location-help {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 21px;
    background: #302a68;
    border-radius: 12px;
    color: #fff;
}

.cmw-help-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .13);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
}

.cmw-contact-main .cmw-location-help h4 {
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.cmw-location-help p {
    margin: 0 0 5px !important;
    color: rgba(255, 255, 255, .8) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.cmw-location-help a {
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
}

/* TABLET */

@media (max-width: 991px) {
    .cmw-contact-main {
        padding: 60px 18px;
    }

    .cmw-contact-main-container {
        grid-template-columns: 1fr;
        gap: 35px;
        max-width: 750px;
    }

    .cmw-contact-location-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .cmw-location-heading,
    .cmw-location-help {
        grid-column: 1 / -1;
    }

    .cmw-location-card {
        margin: 0;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .cmw-contact-main {
        padding: 45px 14px;
    }

    .cmw-contact-form-box {
        padding: 24px 17px;
        border-radius: 11px;
    }

    .cmw-contact-main .cmw-contact-heading h2,
    .cmw-contact-main .cmw-location-heading h2 {
        font-size: 26px !important;
    }

    .cmw-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .cmw-contact-location-box {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .cmw-location-heading {
        margin-bottom: 8px;
    }

    .cmw-location-card {
        padding: 21px 18px;
    }

    .cmw-location-help {
        padding: 18px 15px;
    }

    .cmw-contact-main .cmw-submit-btn {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .cmw-contact-form-box {
        padding: 20px 13px;
    }

    .cmw-contact-main .cmw-contact-heading h2,
    .cmw-contact-main .cmw-location-heading h2 {
        font-size: 24px !important;
    }
}

/* =========================================
   CMW CONTACT FINAL CTA
========================================= */

.cmw-contact-final-cta,
.cmw-contact-final-cta * {
    box-sizing: border-box;
}

.cmw-contact-final-cta {
    width: 100%;
    padding: 75px 20px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

.cmw-contact-final-container {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    padding: 55px 55px;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    align-items: center;
    gap: 35px;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(120deg, #302a68 0%, #211d4f 100%);
}

/* SUBTLE BACKGROUND DECORATION */

.cmw-contact-final-container::before {
    content: "";
    position: absolute;
    width: 370px;
    height: 370px;
    right: -120px;
    top: -180px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
    pointer-events: none;
}

.cmw-contact-final-container::after {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    right: -70px;
    bottom: -160px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
    pointer-events: none;
}

/* CONTENT */

.cmw-contact-final-content {
    position: relative;
    z-index: 2;
}

.cmw-contact-final-label {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    margin: 0 0 17px !important;
    color: #ff7770 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
    line-height: 1.5 !important;
    white-space: nowrap;
}

.cmw-contact-final-label i {
    font-size: 15px;
}

.cmw-contact-final-content h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 39px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    position: static !important;
    transform: none !important;
    max-width: 650px;
}

.cmw-contact-final-content h2::before,
.cmw-contact-final-content h2::after {
    display: none !important;
    content: none !important;
}

.cmw-contact-final-content h2 span {
    display: inline !important;
    color: #ff625a !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.cmw-contact-final-content p {
    max-width: 610px;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}

/* BUTTONS */

.cmw-contact-final-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 28px;
}

.cmw-contact-final-cta .cmw-final-call-btn,
.cmw-contact-final-cta .cmw-final-whatsapp-btn {
    min-height: 49px;
    padding: 13px 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: .3s ease;
}

.cmw-contact-final-cta .cmw-final-call-btn {
    background: #e21b12;
    color: #fff !important;
    border: 1px solid #e21b12;
}

.cmw-contact-final-cta .cmw-final-call-btn:hover {
    background: #c9140c;
    border-color: #c9140c;
    transform: translateY(-3px);
}

.cmw-contact-final-cta .cmw-final-whatsapp-btn {
    background: #fff;
    color: #302a68 !important;
    border: 1px solid #fff;
}

.cmw-contact-final-cta .cmw-final-whatsapp-btn:hover {
    background: #f0eff8;
    transform: translateY(-3px);
}

.cmw-contact-final-cta .cmw-final-whatsapp-btn i {
    color: #20b65a;
    font-size: 18px;
}

/* TRUST POINTS */

.cmw-contact-final-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 27px;
}

.cmw-contact-final-trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.82);
    font-size: 11px;
    line-height: 1.5;
}

.cmw-contact-final-trust i {
    color: #ff7770;
    font-size: 13px;
}

/* RIGHT VISUAL */

.cmw-contact-final-visual {
    min-height: 300px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.cmw-final-circle {
    position: absolute;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
}

.cmw-final-circle-one {
    width: 290px;
    height: 290px;
}

.cmw-final-circle-two {
    width: 235px;
    height: 235px;
}

.cmw-final-visual-card {
    width: 260px;
    min-height: 245px;
    padding: 28px 24px;
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 15px;
    backdrop-filter: blur(10px);
    box-shadow: 0 15px 45px rgba(0,0,0,.15);
}

.cmw-final-visual-icon {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #e21b12;
    color: #fff;
    font-size: 21px;
}

.cmw-final-visual-small {
    display: block;
    margin-bottom: 9px;
    color: #ff9993;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.cmw-final-visual-card h3 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.cmw-final-visual-line {
    width: 45px;
    height: 3px;
    margin: 18px 0;
    background: #e21b12;
    border-radius: 5px;
}

.cmw-final-visual-bottom {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.8);
    font-size: 10px;
}

.cmw-final-visual-bottom i {
    color: #ff7770;
    font-size: 14px;
}

/* FLOATING ICONS */

.cmw-final-floating-icon {
    width: 43px;
    height: 43px;
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 11px;
    color: #e21b12;
    font-size: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,.18);
}

.cmw-final-float-one {
    top: 17px;
    right: 4px;
}

.cmw-final-float-two {
    bottom: 18px;
    left: 1px;
    color: #302a68;
}

/* TABLET */

@media (max-width: 991px) {
    .cmw-contact-final-cta {
        padding: 60px 18px;
    }

    .cmw-contact-final-container {
        grid-template-columns: 1fr;
        padding: 45px 35px;
        gap: 15px;
    }

    .cmw-contact-final-content h2 {
        font-size: 34px !important;
    }

    .cmw-contact-final-visual {
        min-height: 280px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .cmw-contact-final-cta {
        padding: 40px 14px;
    }

    .cmw-contact-final-container {
        padding: 32px 21px;
        border-radius: 13px;
        gap: 10px;
    }

    .cmw-contact-final-content h2 {
        font-size: 29px !important;
        line-height: 1.3 !important;
    }

    .cmw-contact-final-content p {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }

    .cmw-contact-final-buttons {
        flex-direction: column;
        align-items: stretch;
        margin-top: 23px;
    }

    .cmw-contact-final-cta .cmw-final-call-btn,
    .cmw-contact-final-cta .cmw-final-whatsapp-btn {
        width: 100%;
    }

    .cmw-contact-final-trust {
        flex-direction: column;
        gap: 9px;
        margin-top: 22px;
    }

    .cmw-contact-final-visual {
        min-height: 265px;
        margin-top: 5px;
    }

    .cmw-final-circle-one {
        width: 245px;
        height: 245px;
    }

    .cmw-final-circle-two {
        width: 205px;
        height: 205px;
    }

    .cmw-final-visual-card {
        width: 245px;
        min-height: 225px;
        padding: 23px 20px;
    }

    .cmw-final-visual-card h3 {
        font-size: 21px !important;
    }

    .cmw-final-float-one {
        right: 0;
    }

    .cmw-final-float-two {
        left: 0;
    }
}

@media (max-width: 360px) {
    .cmw-contact-final-container {
        padding: 28px 16px;
    }

    .cmw-contact-final-content h2 {
        font-size: 26px !important;
    }

    .cmw-contact-final-label {
        font-size: 10px !important;
        letter-spacing: 1px;
    }
}


/* =========================================
   CMW REQUEST QUOTE BREADCRUMB
   SAME DESIGN AS OTHER INNER PAGES
========================================= */

.cmw-inner-breadcrumb {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--cmw-navy, #302a68);
    padding: 43px 20px;
    isolation: isolate;
    font-family: inherit;
}

.cmw-inner-breadcrumb *,
.cmw-inner-breadcrumb *::before,
.cmw-inner-breadcrumb *::after {
    box-sizing: border-box;
}

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

.cmw-breadcrumb-container {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

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

.cmw-breadcrumb-content {
    width: 100%;
    max-width: 750px;
    position: relative;
    z-index: 3;
}

/* TOP LABEL */

.cmw-breadcrumb-label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

/* RED LABEL ICON */

.cmw-breadcrumb-label-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cmw-red, #e21b12);
    color: #ffffff;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1;
}

.cmw-breadcrumb-label-icon i {
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
}

/* MAIN HEADING */

.cmw-breadcrumb-content h1 {
    display: block;
    width: 100%;
    margin: 0 0 9px;
    padding: 0;
    color: #ffffff;
    font-size: 38px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
    position: static;
    transform: none;
}

.cmw-breadcrumb-content h1::before,
.cmw-breadcrumb-content h1::after {
    display: none;
    content: none;
}

/* DESCRIPTION */

.cmw-breadcrumb-content p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    margin: 0 0 17px;
    padding: 0;
    max-width: 620px;
    text-align: left;
}

/* =========================================
   BREADCRUMB NAVIGATION
========================================= */

.cmw-breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

.cmw-breadcrumb-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cmw-breadcrumb-nav a:hover {
    color: var(--cmw-red, #e21b12);
}

.cmw-breadcrumb-nav a i {
    color: var(--cmw-red, #e21b12);
    font-size: 13px;
}

.cmw-breadcrumb-arrow {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.cmw-breadcrumb-nav span {
    color: #ff716a;
    font-size: 13px;
    font-weight: 600;
}

/* =========================================
   RIGHT DECORATIVE AREA
========================================= */

.cmw-breadcrumb-visual {
    width: 145px;
    height: 125px;
    flex: 0 0 145px;
    margin-right: 55px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ICON BOX */

.cmw-breadcrumb-icon-box {
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    transform: rotate(-7deg);
    position: relative;
    z-index: 2;
}

.cmw-breadcrumb-icon-box i {
    color: #ffffff;
    font-size: 46px;
    line-height: 1;
    transform: rotate(7deg);
}

/* CIRCLES */

.cmw-breadcrumb-circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.17);
}

.cmw-breadcrumb-circle.circle-one {
    width: 150px;
    height: 150px;
    top: -15px;
    right: -20px;
}

.cmw-breadcrumb-circle.circle-two {
    width: 190px;
    height: 190px;
    top: -35px;
    right: -40px;
}

/* RED DOT */

.cmw-breadcrumb-accent {
    width: 17px;
    height: 17px;
    background: var(--cmw-red, #e21b12);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 3;
}

/* =========================================
   SUBTLE BACKGROUND DECORATION
========================================= */

.cmw-inner-breadcrumb::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: 12%;
    top: -250px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.035);
    pointer-events: none;
}

.cmw-inner-breadcrumb::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    left: 35%;
    bottom: -210px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

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

@media (max-width: 991px) {

    .cmw-inner-breadcrumb {
        padding: 38px 20px;
    }

    .cmw-breadcrumb-content h1 {
        font-size: 34px;
    }

    .cmw-breadcrumb-visual {
        margin-right: 25px;
        transform: scale(0.9);
    }

}

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

@media (max-width: 767px) {

    .cmw-inner-breadcrumb {
        padding: 31px 18px;
    }

    .cmw-breadcrumb-container {
        justify-content: flex-start;
    }

    .cmw-breadcrumb-content {
        width: 100%;
        max-width: 100%;
    }

    .cmw-breadcrumb-label {
        font-size: 11px;
        margin-bottom: 9px;
    }

    .cmw-breadcrumb-content h1 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .cmw-breadcrumb-content p {
        font-size: 13.5px;
        line-height: 1.65;
        margin-bottom: 15px;
    }

    .cmw-breadcrumb-nav {
        font-size: 12px;
        gap: 9px;
    }

    .cmw-breadcrumb-nav a,
    .cmw-breadcrumb-nav span {
        font-size: 12px;
    }

    .cmw-breadcrumb-visual {
        display: none;
    }

}

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

@media (max-width: 380px) {

    .cmw-inner-breadcrumb {
        padding: 27px 15px;
    }

    .cmw-breadcrumb-content h1 {
        font-size: 27px;
    }

    .cmw-breadcrumb-content p {
        font-size: 13px;
    }

}


/* =========================================
   CMW REQUEST QUOTE FORM
========================================= */

.cmw-rq-form-section,
.cmw-rq-form-section * {
    box-sizing: border-box;
}

.cmw-rq-form-section {
    width: 100%;
    padding: 75px 20px;
    background: #f8f8fb;
    font-family: inherit;
}

.cmw-rq-form-container {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr .75fr;
    gap: 30px;
    align-items: start;
}

/* MAIN FORM */

.cmw-rq-form-main {
    background: #fff;
    padding: 38px;
    border: 1px solid #ededf1;
    border-radius: 13px;
    box-shadow: 0 8px 30px rgba(30,30,60,.04);
}

.cmw-rq-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: #e21b12;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.cmw-rq-section-label i {
    font-size: 14px;
}

.cmw-rq-form-heading h2 {
    margin: 0 0 12px;
    padding: 0;
    color: #171717;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.cmw-rq-form-heading h2 span {
    color: #e21b12;
}

.cmw-rq-form-heading p {
    margin: 0 0 28px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

/* FORM GRID */

.cmw-rq-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
}

.cmw-rq-field {
    width: 100%;
    min-width: 0;
    margin-bottom: 19px;
}

.cmw-rq-field-full {
    grid-column: 1 / -1;
}

.cmw-rq-field label {
    display: block;
    margin: 0 0 8px;
    color: #292929;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.cmw-rq-field label span {
    color: #e21b12;
}

.cmw-rq-field input,
.cmw-rq-field select,
.cmw-rq-field textarea {
    width: 100%;
    min-width: 0;
    height: 49px;
    display: block;
    padding: 12px 14px;
    border: 1px solid #dedee5;
    border-radius: 6px;
    background: #fff;
    color: #222;
    font-family: inherit;
    font-size: 13px;
    outline: none;
    box-shadow: none;
    transition: border-color .25s, box-shadow .25s;
}

.cmw-rq-field textarea {
    height: auto;
    min-height: 125px;
    resize: vertical;
}

.cmw-rq-field input:focus,
.cmw-rq-field select:focus,
.cmw-rq-field textarea:focus {
    border-color: #e21b12;
    box-shadow: 0 0 0 3px rgba(226,27,18,.07);
}

.cmw-rq-field input::placeholder,
.cmw-rq-field textarea::placeholder {
    color: #999;
    opacity: 1;
}

/* SUBMIT BUTTON */

.cmw-rq-form-section .cmw-rq-submit-btn {
    min-height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 24px;
    border: 0;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s ease;
}

.cmw-rq-form-section .cmw-rq-submit-btn:hover {
    background: #c9140c;
    transform: translateY(-2px);
}

.cmw-rq-form-section .cmw-rq-submit-btn i {
    font-size: 13px;
}

.cmw-rq-form-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 15px 0 0;
    color: #777;
    font-size: 11px;
    line-height: 1.6;
}

.cmw-rq-form-note i {
    color: #302a68;
    margin-top: 2px;
}

/* SIDEBAR */

.cmw-rq-form-sidebar {
    width: 100%;
    padding: 30px 25px;
    background: #302a68;
    border-radius: 13px;
    color: #fff;
    position: sticky;
    top: 25px;
}

.cmw-rq-sidebar-label {
    display: inline-block;
    margin-bottom: 13px;
    color: #ff7770;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.cmw-rq-form-section .cmw-rq-sidebar-top h3 {
    margin: 0 0 13px;
    padding: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.cmw-rq-sidebar-top p {
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 13px;
    line-height: 1.8;
}

/* BENEFITS */

.cmw-rq-benefits {
    margin-top: 27px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.cmw-rq-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 22px;
}

.cmw-rq-benefit-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.12);
    border-radius: 8px;
    color: #ff7770;
    font-size: 17px;
}

.cmw-rq-form-section .cmw-rq-benefit-item h4 {
    margin: 0 0 5px;
    padding: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.cmw-rq-benefit-item p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 11px;
    line-height: 1.6;
}

/* SIDEBAR CONTACT */

.cmw-rq-sidebar-contact {
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.cmw-rq-form-section .cmw-rq-sidebar-contact h4 {
    margin: 0 0 15px;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.cmw-rq-sidebar-contact a {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
    color: rgba(255,255,255,.9);
    font-size: 12px;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: .25s ease;
}

.cmw-rq-sidebar-contact a i {
    width: 17px;
    color: #ff7770;
    font-size: 14px;
    text-align: center;
}

.cmw-rq-sidebar-contact a:hover {
    color: #ff7770;
}

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

@media (max-width: 991px) {

    .cmw-rq-form-section {
        padding: 60px 18px;
    }

    .cmw-rq-form-container {
        grid-template-columns: 1fr;
        max-width: 750px;
    }

    .cmw-rq-form-sidebar {
        position: static;
    }

}

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

@media (max-width: 600px) {

    .cmw-rq-form-section {
        padding: 42px 14px;
    }

    .cmw-rq-form-main {
        padding: 25px 17px;
    }

    .cmw-rq-form-heading h2 {
        font-size: 25px;
    }

    .cmw-rq-form-heading p {
        font-size: 13px;
    }

    .cmw-rq-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .cmw-rq-field-full {
        grid-column: auto;
    }

    .cmw-rq-form-section .cmw-rq-submit-btn {
        width: 100%;
    }

    .cmw-rq-form-sidebar {
        padding: 25px 20px;
    }

    .cmw-rq-form-section .cmw-rq-sidebar-top h3 {
        font-size: 22px;
    }

}

/* SMALL MOBILE */

@media (max-width: 360px) {

    .cmw-rq-form-main {
        padding: 21px 13px;
    }

    .cmw-rq-form-heading h2 {
        font-size: 23px;
    }

}
/* =====================================================
   CMW INDEX - GET IN TOUCH SECTION
   UNIQUE CSS CLASSES
===================================================== */

.cmwindex-contact-section,
.cmwindex-contact-section * {
    box-sizing: border-box;
}

.cmwindex-contact-section {
    position: relative;
    isolation: isolate;
    width: 100%;
    padding: 105px 20px 95px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #f5f6fa 0%,
        #ffffff 52%,
        #f2f3f8 100%
    );
}

.cmwindex-contact-section::before,
.cmwindex-contact-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
}

.cmwindex-contact-section::before {
    width: 570px;
    height: 570px;
    left: -330px;
    top: -330px;
    background: radial-gradient(
        circle,
        rgba(48,42,104,.10),
        transparent 70%
    );
}

.cmwindex-contact-section::after {
    width: 520px;
    height: 520px;
    right: -300px;
    bottom: -320px;
    background: radial-gradient(
        circle,
        rgba(226,27,18,.08),
        transparent 70%
    );
}

.cmwindex-contact-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


/* HEADING */

.cmwindex-contact-heading {
    max-width: 790px;
    margin: 0 0 42px;
    text-align: left;
}

.cmwindex-contact-eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.cmwindex-contact-eyebrow-line {
    width: 36px;
    height: 2px;
    background: #e21b12;
}

.cmwindex-contact-heading h2 {
    margin: 0;
    color: #171717;
    font-size: clamp(32px, 4vw, 49px);
    line-height: 1.16;
    font-weight: 800;
    letter-spacing: -1.2px;
}

.cmwindex-contact-heading h2 span {
    display: block;
    color: #302a68;
}

.cmwindex-contact-heading p {
    max-width: 720px;
    margin: 17px 0 0;
    color: #666875;
    font-size: 15px;
    line-height: 1.85;
}


/* MAIN GRID */

.cmwindex-contact-layout {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 28px;
    align-items: stretch;
}

.cmwindex-contact-left {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* LEFT INTRO */

.cmwindex-contact-intro {
    padding-bottom: 7px;
}

.cmwindex-contact-kicker {
    display: block;
    margin-bottom: 9px;
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwindex-contact-intro h3 {
    margin: 0 0 9px;
    color: #302a68;
    font-size: 23px;
    line-height: 1.35;
    font-weight: 750;
}

.cmwindex-contact-intro p {
    margin: 0;
    color: #696b76;
    font-size: 14px;
    line-height: 1.75;
}


/* CONTACT DETAIL CARDS */

.cmwindex-contact-detail-card {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 20px 19px;
    background: #ffffff;
    border: 1px solid #e8e8ef;
    border-radius: 13px;
    box-shadow: 0 8px 25px rgba(30,30,60,.045);
    transition: .25s ease;
}

.cmwindex-contact-detail-card:hover {
    transform: translateY(-3px);
    border-color: rgba(226,27,18,.25);
    box-shadow: 0 13px 30px rgba(30,30,60,.08);
}

.cmwindex-contact-detail-icon {
    flex: 0 0 47px;
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: linear-gradient(135deg,#302a68,#49418e);
    border-radius: 12px;
    font-size: 18px;
}

.cmwindex-contact-detail-content {
    min-width: 0;
}

.cmwindex-contact-detail-content > span {
    display: block;
    margin-bottom: 5px;
    color: #e21b12;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.cmwindex-contact-detail-content h4 {
    margin: 0 0 6px;
    color: #20202a;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.cmwindex-contact-detail-content p {
    margin: 0 0 9px;
    color: #6b6c76;
    font-size: 12.5px;
    line-height: 1.65;
}

.cmwindex-contact-detail-content a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #302a68;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}

.cmwindex-contact-detail-content a i {
    color: #e21b12;
    transition: transform .2s ease;
}

.cmwindex-contact-detail-content a:hover i {
    transform: translateX(4px);
}


/* PRIVACY NOTE */

.cmwindex-contact-mini-note {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-top: 4px;
    color: #777985;
    font-size: 11.5px;
    line-height: 1.5;
}

.cmwindex-contact-mini-note i {
    color: #302a68;
    font-size: 14px;
}


/* FORM CARD */

.cmwindex-contact-form-card {
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e8e8ef;
    border-radius: 17px;
    box-shadow: 0 18px 48px rgba(29,29,60,.09);
}

.cmwindex-contact-form-top {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ededf2;
}

.cmwindex-contact-form-icon {
    flex: 0 0 53px;
    width: 53px;
    height: 53px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #e21b12;
    border-radius: 14px;
    font-size: 20px;
    box-shadow: 0 8px 18px rgba(226,27,18,.18);
}

.cmwindex-contact-form-top span {
    display: block;
    margin-bottom: 5px;
    color: #e21b12;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwindex-contact-form-top h3 {
    margin: 0 0 5px;
    color: #302a68;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwindex-contact-form-top p {
    margin: 0;
    color: #777985;
    font-size: 12.5px;
    line-height: 1.6;
}


/* FORM FIELDS */

.cmwindex-contact-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px 15px;
}

.cmwindex-contact-field {
    min-width: 0;
}

.cmwindex-contact-field-full {
    grid-column: 1 / -1;
}

.cmwindex-contact-field label {
    display: block;
    margin-bottom: 8px;
    color: #292936;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

.cmwindex-contact-field label b {
    color: #e21b12;
}

.cmwindex-contact-input-wrap {
    position: relative;
}

.cmwindex-contact-input-wrap > i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #8a8b96;
    font-size: 13px;
    pointer-events: none;
}

.cmwindex-contact-input-wrap input,
.cmwindex-contact-input-wrap textarea {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 13px 14px 13px 42px;
    color: #252530;
    background: #fafafd;
    border: 1px solid #e3e4eb;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    font: inherit;
    font-size: 13px;
    line-height: 1.5;
    transition: .2s ease;
}

.cmwindex-contact-input-wrap input {
    height: 47px;
}

.cmwindex-contact-input-wrap textarea {
    min-height: 125px;
    resize: vertical;
}

.cmwindex-contact-input-wrap input:focus,
.cmwindex-contact-input-wrap textarea:focus {
    background: #ffffff;
    border-color: #302a68;
    box-shadow: 0 0 0 3px rgba(48,42,104,.08);
}

.cmwindex-contact-textarea-wrap > i {
    top: 17px;
    transform: none;
}


/* SUBMIT BUTTON */

.cmwindex-contact-submit {
    width: 100%;
    min-height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 21px;
    padding: 0 19px;
    color: #ffffff;
    background: linear-gradient(110deg,#e21b12,#c9140c);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    box-shadow: 0 9px 20px rgba(226,27,18,.18);
    transition: .2s ease;
}

.cmwindex-contact-submit span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.cmwindex-contact-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 25px rgba(226,27,18,.25);
}

.cmwindex-contact-submit > i {
    transition: transform .2s ease;
}

.cmwindex-contact-submit:hover > i {
    transform: translateX(4px);
}

.cmwindex-contact-form-foot {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 13px 0 0;
    color: #858691;
    font-size: 10.5px;
}

.cmwindex-contact-form-foot i {
    color: #302a68;
}


/* BOTTOM STRIP */

.cmwindex-contact-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 20px;
    align-items: center;
    margin-top: 27px;
    padding: 19px 22px;
    background: #302a68;
    border-radius: 12px;
}

.cmwindex-contact-bottom-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.cmwindex-contact-bottom-icon {
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: rgba(255,255,255,.13);
    border-radius: 10px;
}

.cmwindex-contact-bottom-item strong,
.cmwindex-contact-bottom-item small {
    display: block;
}

.cmwindex-contact-bottom-item strong {
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 12px;
}

.cmwindex-contact-bottom-item small {
    color: rgba(255,255,255,.72);
    font-size: 10.5px;
    line-height: 1.5;
}

.cmwindex-contact-bottom-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 7px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 11.5px;
    font-weight: 750;
    transition: .2s ease;
}

.cmwindex-contact-bottom-cta:hover {
    color: #ffffff;
    background: #c9140c;
    transform: translateY(-2px);
}


/* TABLET */

@media (max-width: 991px) {

    .cmwindex-contact-section {
        padding: 80px 20px;
    }

    .cmwindex-contact-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cmwindex-contact-left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
    }

    .cmwindex-contact-intro,
    .cmwindex-contact-mini-note {
        grid-column: 1 / -1;
    }

    .cmwindex-contact-bottom {
        grid-template-columns: 1fr 1fr;
    }

    .cmwindex-contact-bottom-cta {
        grid-column: 1 / -1;
        justify-self: start;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    .cmwindex-contact-section {
        padding: 62px 16px;
    }

    .cmwindex-contact-heading {
        margin-bottom: 28px;
    }

    .cmwindex-contact-heading h2 {
        font-size: 31px;
        letter-spacing: -.5px;
    }

    .cmwindex-contact-heading p {
        font-size: 13px;
        line-height: 1.75;
    }

    .cmwindex-contact-left {
        display: flex;
    }

    .cmwindex-contact-intro h3 {
        font-size: 20px;
    }

    .cmwindex-contact-detail-card {
        padding: 17px 15px;
        gap: 13px;
    }

    .cmwindex-contact-detail-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .cmwindex-contact-form-card {
        padding: 22px 17px;
        border-radius: 13px;
    }

    .cmwindex-contact-form-top {
        align-items: flex-start;
        gap: 12px;
    }

    .cmwindex-contact-form-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 17px;
    }

    .cmwindex-contact-form-top h3 {
        font-size: 20px;
    }

    .cmwindex-contact-form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmwindex-contact-field-full {
        grid-column: auto;
    }

    .cmwindex-contact-bottom {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 18px;
    }

    .cmwindex-contact-bottom-cta {
        grid-column: auto;
        justify-self: stretch;
    }
}


/* SMALL MOBILE */

@media (max-width: 380px) {

    .cmwindex-contact-heading h2 {
        font-size: 27px;
    }

    .cmwindex-contact-form-card {
        padding: 19px 14px;
    }

    .cmwindex-contact-detail-content h4 {
        font-size: 14px;
    }

}

/* =========================================
   CMW INDEX - WHY CHOOSE US SECTION
========================================= */

.cmwindex-why-section,
.cmwindex-why-section * {
    box-sizing: border-box;
}

.cmwindex-why-section {
    position: relative;
    width: 100%;
    padding: 100px 20px;
    background: #f8f8fb;
    overflow: hidden;
    isolation: isolate;
    font-family: 'Inter', sans-serif;
}

.cmwindex-why-container {
    position: relative;
    z-index: 2;
    max-width: 1250px;
    margin: 0 auto;
}

.cmwindex-why-bg-shape {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
}

.cmwindex-why-shape-1 {
    width: 420px;
    height: 420px;
    background: rgba(226, 27, 18, 0.045);
    top: -200px;
    right: -130px;
}

.cmwindex-why-shape-2 {
    width: 350px;
    height: 350px;
    background: rgba(48, 42, 104, 0.045);
    bottom: -180px;
    left: -120px;
}


/* MAIN LAYOUT */

.cmwindex-why-layout {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    align-items: center;
    gap: 65px;
}


/* =========================================
   LEFT VISUAL PANEL
========================================= */

.cmwindex-why-visual {
    position: relative;
    min-height: 680px;
    padding: 48px 38px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(145deg, #302a68 0%, #211d4e 65%, #171536 100%);
    box-shadow: 0 25px 65px rgba(37, 31, 88, 0.19);
}

.cmwindex-why-visual::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -150px;
    top: -150px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
}

.cmwindex-why-visual::after {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    left: -140px;
    bottom: -150px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 50%;
}

.cmwindex-why-visual-inner {
    position: relative;
    z-index: 2;
    width: 100%;
}

.cmwindex-why-small-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwindex-why-small-label i {
    color: #ffb44b;
    font-size: 13px;
}

.cmwindex-why-visual h2 {
    margin: 25px 0 16px;
    color: #fff;
    font-size: clamp(30px, 3vw, 39px);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -1.2px;
}

.cmwindex-why-visual h2 span {
    display: block;
    color: #ff6b55;
}

.cmwindex-why-visual-inner > p {
    max-width: 390px;
    margin: 0;
    color: rgba(255,255,255,0.76);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   TECH ORBIT
========================================= */

.cmwindex-tech-orbit {
    position: relative;
    width: 280px;
    height: 280px;
    margin: 32px auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwindex-orbit-ring {
    position: absolute;
    border: 1px dashed rgba(255,255,255,0.27);
    border-radius: 50%;
}

.cmwindex-orbit-ring-one {
    width: 185px;
    height: 185px;
}

.cmwindex-orbit-ring-two {
    width: 265px;
    height: 265px;
    border-color: rgba(255,255,255,0.15);
}

.cmwindex-orbit-center {
    position: relative;
    z-index: 3;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: linear-gradient(145deg, #ed352b, #c9140c);
    border: 5px solid rgba(255,255,255,0.13);
    box-shadow: 0 0 40px rgba(226,27,18,0.35);
    color: #fff;
}

.cmwindex-orbit-center i {
    font-size: 27px;
}

.cmwindex-orbit-center span {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
}

.cmwindex-orbit-icon {
    position: absolute;
    z-index: 4;
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #fff;
    color: #302a68;
    font-size: 21px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.cmwindex-orbit-icon:hover {
    background: #e21b12;
    color: #fff;
    transform: scale(1.12);
}

.cmwindex-orbit-1 {
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
}

.cmwindex-orbit-1:hover {
    transform: translateX(-50%) scale(1.12);
}

.cmwindex-orbit-2 {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.cmwindex-orbit-2:hover {
    transform: translateY(-50%) scale(1.12);
}

.cmwindex-orbit-3 {
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
}

.cmwindex-orbit-3:hover {
    transform: translateX(-50%) scale(1.12);
}

.cmwindex-orbit-4 {
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.cmwindex-orbit-4:hover {
    transform: translateY(-50%) scale(1.12);
}


/* LEFT BADGE */

.cmwindex-why-badge {
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: 300px;
    margin: 0 auto;
    padding: 15px 18px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 14px;
    background: rgba(255,255,255,0.09);
    backdrop-filter: blur(10px);
}

.cmwindex-why-badge-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #e21b12;
    color: #fff;
    font-size: 16px;
}

.cmwindex-why-badge strong,
.cmwindex-why-badge span {
    display: block;
}

.cmwindex-why-badge strong {
    margin-bottom: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.cmwindex-why-badge span {
    color: rgba(255,255,255,0.65);
    font-size: 11px;
}


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

.cmwindex-why-content {
    width: 100%;
}

.cmwindex-why-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.cmwindex-why-label span {
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background: #e21b12;
}

.cmwindex-why-content > h2 {
    margin: 0 0 18px;
    color: #171717;
    font-size: clamp(30px, 3vw, 39px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.2px;
}

.cmwindex-why-content > h2 span {
    color: #e21b12;
}

.cmwindex-why-intro {
    margin: 0 0 28px;
    color: #666;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================
   BENEFIT ITEMS
========================================= */

.cmwindex-why-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
}

.cmwindex-why-benefit {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 14px;
    border: 1px solid #ededf2;
    border-radius: 13px;
    background: #fff;
    transition: all 0.3s ease;
}

.cmwindex-why-benefit:hover {
    transform: translateY(-5px);
    border-color: rgba(226,27,18,0.35);
    box-shadow: 0 12px 28px rgba(35,31,75,0.07);
}

.cmwindex-benefit-icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 18px;
    transition: all 0.3s ease;
}

.cmwindex-why-benefit:hover .cmwindex-benefit-icon {
    background: #e21b12;
    color: #fff;
}

.cmwindex-why-benefit h3 {
    margin: 2px 0 7px;
    color: #242424;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.cmwindex-why-benefit p {
    margin: 0;
    color: #707070;
    font-size: 12px;
    line-height: 1.7;
}


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

.cmwindex-why-cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.cmwindex-why-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0 23px;
    border-radius: 8px;
    background: #e21b12;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(226,27,18,0.18);
}

.cmwindex-why-btn i {
    transition: transform 0.3s ease;
}

.cmwindex-why-btn:hover {
    background: #c9140c;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(226,27,18,0.25);
}

.cmwindex-why-btn:hover i {
    transform: translateX(5px);
}

.cmwindex-why-contact {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cmwindex-why-contact-icon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eeecf8;
    color: #302a68;
    font-size: 16px;
}

.cmwindex-why-contact small {
    display: block;
    margin-bottom: 4px;
    color: #777;
    font-size: 11px;
}

.cmwindex-why-contact a {
    color: #242424;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.cmwindex-why-contact a:hover {
    color: #e21b12;
}


/* =========================================
   RESPONSIVE - TABLET
========================================= */

@media (max-width: 1100px) {

    .cmwindex-why-layout {
        grid-template-columns: 0.85fr 1.15fr;
        gap: 35px;
    }

    .cmwindex-why-visual {
        padding: 38px 25px;
        min-height: 650px;
    }

    .cmwindex-why-benefits {
        gap: 13px;
    }

    .cmwindex-why-benefit {
        padding: 14px 11px;
    }

}


/* =========================================
   RESPONSIVE - TABLET / SMALL LAPTOP
========================================= */

@media (max-width: 900px) {

    .cmwindex-why-section {
        padding: 75px 20px;
    }

    .cmwindex-why-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .cmwindex-why-visual {
        min-height: auto;
        padding: 45px 35px;
    }

    .cmwindex-why-visual-inner {
        max-width: 600px;
        margin: 0 auto;
    }

    .cmwindex-why-visual-inner > p {
        max-width: 550px;
    }

    .cmwindex-tech-orbit {
        margin-top: 30px;
        margin-bottom: 30px;
    }

}


/* =========================================
   RESPONSIVE - MOBILE
========================================= */

@media (max-width: 600px) {

    .cmwindex-why-section {
        padding: 55px 15px;
    }

    .cmwindex-why-layout {
        gap: 38px;
    }

    .cmwindex-why-visual {
        padding: 35px 22px;
        border-radius: 18px;
    }

    .cmwindex-why-small-label {
        font-size: 10px;
    }

    .cmwindex-why-visual h2 {
        font-size: 30px;
        line-height: 1.25;
    }

    .cmwindex-why-visual-inner > p {
        font-size: 13px;
    }

    .cmwindex-tech-orbit {
        width: 250px;
        height: 250px;
    }

    .cmwindex-orbit-ring-one {
        width: 165px;
        height: 165px;
    }

    .cmwindex-orbit-ring-two {
        width: 235px;
        height: 235px;
    }

    .cmwindex-orbit-center {
        width: 90px;
        height: 90px;
    }

    .cmwindex-orbit-icon {
        width: 46px;
        height: 46px;
        font-size: 18px;
        border-radius: 13px;
    }

    .cmwindex-why-badge {
        padding: 13px;
    }

    .cmwindex-why-content > h2 {
        font-size: 30px;
    }

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

    .cmwindex-why-benefits {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwindex-why-benefit {
        padding: 16px;
    }

    .cmwindex-why-benefit h3 {
        font-size: 14px;
    }

    .cmwindex-why-benefit p {
        font-size: 13px;
    }

    .cmwindex-why-cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .cmwindex-why-btn {
        width: 100%;
    }

}


/* =========================================
   RESPONSIVE - SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .cmwindex-why-visual {
        padding: 30px 17px;
    }

    .cmwindex-why-visual h2,
    .cmwindex-why-content > h2 {
        font-size: 27px;
    }

    .cmwindex-tech-orbit {
        width: 225px;
        height: 225px;
    }

    .cmwindex-orbit-ring-one {
        width: 150px;
        height: 150px;
    }

    .cmwindex-orbit-ring-two {
        width: 215px;
        height: 215px;
    }

    .cmwindex-orbit-icon {
        width: 42px;
        height: 42px;
    }

}


/* ==========================================
   CMW INDEX - PREMIUM FOOTER
=========================================== */

.cmwindex-footer,
.cmwindex-footer * {
    box-sizing: border-box;
}

.cmwindex-footer {
    position: relative;
    width: 100%;
    padding: 0;
    background: #111923;
    color: #fff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
    isolation: isolate;
}

.cmwindex-footer::before {
    content: "";
    position: absolute;
    top: -250px;
    right: -150px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(255,255,255,0.045);
    border-radius: 50%;
    pointer-events: none;
}

.cmwindex-footer::after {
    content: "";
    position: absolute;
    bottom: -230px;
    left: -170px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255,255,255,0.04);
    border-radius: 50%;
    pointer-events: none;
}


/* TOP ACCENT */

.cmwindex-footer-top-accent {
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        #e21b12,
        #ff756a,
        #302a68,
        #e21b12
    );
}


/* CONTAINER */

.cmwindex-footer-container {
    position: relative;
    z-index: 2;
    max-width: 1250px;
    margin: 0 auto;
    padding: 75px 20px 0;
}


/* ==========================================
   FOOTER GRID
=========================================== */

.cmwindex-footer-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr 1.2fr 1.3fr;
    gap: 40px;
    padding-bottom: 55px;
}


/* ==========================================
   BRAND AND LOGO
=========================================== */

.cmwindex-footer-brand {
    min-width: 0;
}

.cmwindex-footer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    padding: 10px 14px;
    border-radius: 11px;
    background: #fff;
    text-decoration: none !important;
    transition: transform 0.3s ease;
}

.cmwindex-footer-logo:hover {
    transform: translateY(-3px);
}

.cmwindex-footer-logo img {
    display: block;
    width: 100%;
    max-width: 315px;
    height: auto;
    max-height: 85px;
    object-fit: contain;
    object-position: left center;
}

.cmwindex-footer-description {
    margin: 22px 0 17px;
    color: #b8c0cb;
    font-size: 13px;
    line-height: 1.9;
}

.cmwindex-footer-tagline {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #ff746b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwindex-footer-tagline span {
    width: 25px;
    height: 2px;
    background: #e21b12;
}


/* ==========================================
   SOCIAL ICONS
=========================================== */

.cmwindex-footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.cmwindex-footer-social a {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwindex-footer-social a:hover {
    background: #e21b12;
    border-color: #e21b12;
    color: #fff;
    transform: translateY(-4px);
}


/* ==========================================
   FOOTER COLUMN HEADINGS
=========================================== */

.cmwindex-footer-heading {
    position: relative;
    margin: 5px 0 27px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
}

.cmwindex-footer-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    border-radius: 5px;
    background: #e21b12;
}


/* ==========================================
   FOOTER LINKS
=========================================== */

.cmwindex-footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cmwindex-footer-menu li {
    margin-bottom: 14px;
}

.cmwindex-footer-menu li a {
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
    color: #b8c0cb;
    font-size: 12px;
    line-height: 1.7;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.cmwindex-footer-menu li a i {
    margin-top: 4px;
    color: #e21b12;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.cmwindex-footer-menu li a:hover {
    color: #fff;
    padding-left: 5px;
}

.cmwindex-footer-menu li a:hover i {
    transform: translateX(4px);
}


/* ==========================================
   CONTACT INFORMATION
=========================================== */

.cmwindex-footer-contact-intro {
    margin: -8px 0 22px;
    color: #b8c0cb;
    font-size: 12px;
    line-height: 1.8;
}

.cmwindex-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 19px;
}

.cmwindex-footer-contact-icon {
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(226,27,18,0.13);
    color: #ff756a;
    font-size: 15px;
}

.cmwindex-footer-contact-info {
    min-width: 0;
    padding-top: 2px;
}

.cmwindex-footer-contact-info small {
    display: block;
    margin-bottom: 5px;
    color: #8f9aa8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.cmwindex-footer-contact-info a,
.cmwindex-footer-contact-info span {
    display: block;
    color: #e5e9ef;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.cmwindex-footer-contact-info a:hover {
    color: #ff756a;
}


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

.cmwindex-footer-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid rgba(37,211,102,0.35);
    border-radius: 9px;
    background: rgba(37,211,102,0.08);
    color: #48dc7e !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.cmwindex-footer-whatsapp > i:first-child {
    font-size: 19px;
}

.cmwindex-footer-whatsapp-arrow {
    margin-left: auto;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.cmwindex-footer-whatsapp:hover {
    background: #25d366;
    border-color: #25d366;
    color: #fff !important;
}

.cmwindex-footer-whatsapp:hover .cmwindex-footer-whatsapp-arrow {
    transform: translateX(4px);
}


/* ==========================================
   PROJECT CTA SECTION
=========================================== */

.cmwindex-footer-project {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 30px 35px;
    margin-bottom: 35px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 16px;
    background: linear-gradient(
        110deg,
        rgba(226,27,18,0.16),
        rgba(48,42,104,0.32)
    );
    overflow: hidden;
}

.cmwindex-footer-project-content {
    position: relative;
    z-index: 1;
}

.cmwindex-footer-project-label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #ff756a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.cmwindex-footer-project-label span {
    width: 25px;
    height: 2px;
    background: #e21b12;
}

.cmwindex-footer-project-content h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.cmwindex-footer-project-content h3 span {
    color: #ff756a;
}

.cmwindex-footer-project-content p {
    margin: 0;
    color: #b8c0cb;
    font-size: 12px;
    line-height: 1.7;
}

.cmwindex-footer-project-btn {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 49px;
    padding: 0 22px;
    border-radius: 8px;
    background: #e21b12;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.cmwindex-footer-project-btn:hover {
    background: #fff;
    color: #e21b12 !important;
    transform: translateY(-3px);
}

.cmwindex-footer-project-btn i {
    transition: transform 0.3s ease;
}

.cmwindex-footer-project-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   COPYRIGHT SECTION
=========================================== */

.cmwindex-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    min-height: 76px;
    border-top: 1px solid rgba(255,255,255,0.10);
}

.cmwindex-footer-copyright {
    margin: 0;
    color: #9da8b5;
    font-size: 11px;
    line-height: 1.7;
}

.cmwindex-footer-copyright a {
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.cmwindex-footer-copyright a:hover {
    color: #ff756a;
}

.cmwindex-footer-bottom-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
}

.cmwindex-footer-bottom-links a {
    color: #a6b0bd;
    font-size: 11px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cmwindex-footer-bottom-links a:hover {
    color: #fff;
}

.cmwindex-footer-bottom-links span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e21b12;
}


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

@media (max-width: 1050px) {

    .cmwindex-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 50px;
    }

}


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

@media (max-width: 600px) {

    .cmwindex-footer-container {
        padding: 50px 18px 0;
    }

    .cmwindex-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-bottom: 35px;
    }

    .cmwindex-footer-logo {
        padding: 9px 12px;
    }

    .cmwindex-footer-logo img {
        width: 100%;
        max-width: 315px;
        max-height: 80px;
    }

    .cmwindex-footer-description {
        font-size: 13px;
    }

    .cmwindex-footer-heading {
        margin-bottom: 21px;
        font-size: 17px;
    }

    .cmwindex-footer-project {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 20px;
        gap: 20px;
    }

    .cmwindex-footer-project-content h3 {
        font-size: 22px;
    }

    .cmwindex-footer-project-btn {
        width: 100%;
    }

    .cmwindex-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding: 22px 0;
    }

    .cmwindex-footer-bottom-links {
        gap: 9px;
    }

}


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

@media (max-width: 380px) {

    .cmwindex-footer-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cmwindex-footer-project-content h3 {
        font-size: 20px;
    }

    .cmwindex-footer-bottom-links {
        gap: 7px;
    }

    .cmwindex-footer-bottom-links a {
        font-size: 10px;
    }

}

/* ==============================================
   CMW WEBSITE DESIGN - COMPACT BREADCRUMB
============================================== */

.cmw-web-breadcrumb,
.cmw-web-breadcrumb * {
    box-sizing: border-box;
}

.cmw-web-breadcrumb {
    position: relative;
    width: 100%;
    padding: 48px 20px;
    background: linear-gradient(
        110deg,
        #211d50 0%,
        #302a68 65%,
        #393274 100%
    );
    overflow: hidden;
    isolation: isolate;
    font-family: "Inter", sans-serif;
}

.cmw-web-breadcrumb-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* MAIN LAYOUT */

.cmw-web-breadcrumb-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
}


/* LEFT CONTENT */

.cmw-web-breadcrumb-left {
    width: 100%;
    max-width: 850px;
    min-width: 0;
}


/* LABEL */

.cmw-web-breadcrumb-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

.cmw-web-breadcrumb-label i {
    color: #ff554d;
    font-size: 16px;
}


/* HEADING */

.cmw-web-breadcrumb-left h1 {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.5px;
    white-space: normal;
    overflow-wrap: break-word;
}

.cmw-web-breadcrumb-left h1 span {
    color: #ff554d;
}


/* DESCRIPTION */

.cmw-web-breadcrumb-left > p {
    max-width: 700px;
    margin: 0 0 17px;
    color: #e1dff0;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
}


/* BREADCRUMB NAVIGATION */

.cmw-web-breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
}

.cmw-web-breadcrumb-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cmw-web-breadcrumb-nav a i {
    color: #ff554d;
    font-size: 12px;
}

.cmw-web-breadcrumb-nav a:hover {
    color: #ff554d;
}

.cmw-web-breadcrumb-separator {
    color: #ff554d;
    font-size: 9px;
}

.cmw-web-breadcrumb-nav > span {
    color: #d0cde3;
    font-size: 11px;
    font-weight: 500;
}


/* ==============================================
   RIGHT VISUAL
============================================== */

.cmw-web-breadcrumb-right {
    position: relative;
    flex: 0 0 280px;
    width: 280px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* CIRCLES */

.cmw-web-breadcrumb-circle {
    position: absolute;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;
}

.cmw-web-circle-one {
    width: 210px;
    height: 210px;
}

.cmw-web-circle-two {
    width: 155px;
    height: 155px;
    border-style: dashed;
    border-color: rgba(255,255,255,0.25);
}


/* CENTER ICON */

.cmw-web-breadcrumb-icon {
    position: relative;
    z-index: 2;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid rgba(255,255,255,0.12);
    border-radius: 27px;
    background: linear-gradient(145deg, #ed382e, #c9140c);
    color: #fff;
    font-size: 43px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}


/* FLOATING ICONS */

.cmw-web-breadcrumb-floating {
    position: absolute;
    z-index: 3;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 13px;
    background: #fff;
    color: #302a68;
    font-size: 19px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.18);
}

.cmw-web-floating-one {
    top: 8px;
    left: 36px;
}

.cmw-web-floating-two {
    right: 17px;
    top: 45px;
}

.cmw-web-floating-three {
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
}


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

@media (max-width: 900px) {

    .cmw-web-breadcrumb-content {
        gap: 15px;
    }

    .cmw-web-breadcrumb-right {
        flex-basis: 230px;
        width: 230px;
    }

    .cmw-web-breadcrumb-left h1 {
        font-size: 32px;
    }

}


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

@media (max-width: 650px) {

    .cmw-web-breadcrumb {
        padding: 38px 18px;
    }

    .cmw-web-breadcrumb-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .cmw-web-breadcrumb-left {
        max-width: 100%;
    }

    .cmw-web-breadcrumb-left h1 {
        font-size: 29px;
        line-height: 1.3;
    }

    .cmw-web-breadcrumb-left > p {
        font-size: 12px;
    }

    .cmw-web-breadcrumb-right {
        align-self: center;
        flex: none;
        width: 230px;
        height: 185px;
    }

    .cmw-web-circle-one {
        width: 175px;
        height: 175px;
    }

    .cmw-web-circle-two {
        width: 130px;
        height: 130px;
    }

    .cmw-web-breadcrumb-icon {
        width: 85px;
        height: 85px;
        font-size: 34px;
        border-radius: 22px;
    }

    .cmw-web-breadcrumb-floating {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .cmw-web-floating-one {
        left: 20px;
    }

    .cmw-web-floating-two {
        right: 10px;
    }

    .cmw-web-breadcrumb-nav {
        gap: 8px;
    }

}


/* SMALL MOBILE */

@media (max-width: 380px) {

    .cmw-web-breadcrumb {
        padding: 32px 15px;
    }

    .cmw-web-breadcrumb-left h1 {
        font-size: 26px;
    }

    .cmw-web-breadcrumb-label {
        font-size: 9px;
    }

}


/* =========================================
   CMW - WEBSITE DESIGN INTRO SECTION
========================================= */

.cmwweb-intro-section {
    position: relative;
    padding: 85px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwweb-intro-container {
    max-width: 1250px;
    margin: auto;
}

.cmwweb-intro-grid {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    align-items: center;
    gap: 65px;
}

/* LEFT CONTENT */

.cmwweb-intro-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
    margin-bottom: 17px;
}

.cmwweb-intro-label span {
    width: 28px;
    height: 3px;
    background: #e21b12;
    border-radius: 5px;
}

.cmwweb-intro-content h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 700;
    color: #302a68;
    margin: 0 0 20px;
}

.cmwweb-intro-content h2 span {
    display: block;
    color: #e21b12;
}

.cmwweb-intro-content p {
    font-size: 14px;
    line-height: 1.9;
    color: #666666;
    margin: 0 0 15px;
}

.cmwweb-intro-content .cmwweb-intro-lead {
    color: #333333;
    font-weight: 500;
}

.cmwweb-intro-content strong {
    color: #302a68;
}

/* BENEFITS */

.cmwweb-intro-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
    margin: 27px 0;
}

.cmwweb-intro-benefit {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cmwweb-intro-benefit span {
    width: 27px;
    height: 27px;
    min-width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff0ef;
    color: #e21b12;
    font-size: 11px;
}

.cmwweb-intro-benefit strong {
    font-size: 12px;
    color: #302a68;
}

/* CTA */

.cmwweb-intro-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.cmwweb-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 21px;
    background: #e21b12;
    color: #ffffff !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .3s ease;
}

.cmwweb-intro-btn:hover {
    background: #302a68;
    transform: translateY(-3px);
}

.cmwweb-intro-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}

.cmwweb-intro-phone > span {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f0fb;
    color: #302a68;
}

.cmwweb-intro-phone small {
    display: block;
    font-size: 10px;
    color: #777777;
    margin-bottom: 3px;
}

.cmwweb-intro-phone strong {
    display: block;
    font-size: 13px;
    color: #302a68;
}


/* RIGHT VISUAL */

.cmwweb-intro-visual {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
}

.cmwweb-intro-visual-bg {
    position: absolute;
    width: 88%;
    height: 88%;
    border-radius: 35px;
    background: linear-gradient(135deg, #f1f0fb, #fff0ef);
    transform: rotate(-5deg);
}

/* BROWSER */

.cmwweb-intro-browser {
    width: 100%;
    max-width: 440px;
    position: relative;
    z-index: 2;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 25px 65px rgba(48,42,104,.16);
    border: 1px solid #e8e7ef;
}

.cmwweb-intro-browser-top {
    height: 43px;
    background: #f6f6f8;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 15px;
}

.cmwweb-intro-dots {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cmwweb-intro-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e21b12;
}

.cmwweb-intro-dots span:nth-child(2) {
    background: #f1bd3b;
}

.cmwweb-intro-dots span:nth-child(3) {
    background: #43b77a;
}

.cmwweb-intro-browser-address {
    flex: 1;
    padding: 6px 10px;
    border-radius: 4px;
    background: #ffffff;
    color: #999999;
    font-size: 9px;
    text-align: center;
}

.cmwweb-intro-browser-screen {
    min-height: 280px;
    padding: 22px;
    background: linear-gradient(135deg, #302a68, #514b91);
}

.cmwweb-intro-screen-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 42px;
}

.cmwweb-intro-screen-logo {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cmwweb-intro-screen-logo span:first-child {
    width: 19px;
    height: 19px;
    background: #e21b12;
    border-radius: 5px;
}

.cmwweb-intro-screen-logo span:last-child {
    width: 65px;
    height: 6px;
    background: rgba(255,255,255,.8);
    border-radius: 5px;
}

.cmwweb-intro-screen-menu {
    display: flex;
    gap: 6px;
}

.cmwweb-intro-screen-menu span {
    width: 22px;
    height: 4px;
    border-radius: 5px;
    background: rgba(255,255,255,.6);
}

.cmwweb-intro-screen-content small {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ff9a94;
}

.cmwweb-intro-screen-content h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    line-height: 1.3;
    color: #ffffff;
    margin: 12px 0;
    max-width: 270px;
}

.cmwweb-intro-screen-content p {
    max-width: 260px;
    font-size: 11px;
    line-height: 1.7;
    color: rgba(255,255,255,.75);
    margin: 0 0 15px;
}

.cmwweb-intro-screen-btn {
    display: inline-block;
    padding: 9px 15px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
}

.cmwweb-intro-screen-bottom {
    display: flex;
    gap: 8px;
    margin-top: 30px;
}

.cmwweb-intro-screen-bottom span {
    height: 4px;
    width: 45px;
    background: rgba(255,255,255,.25);
    border-radius: 5px;
}

/* FLOATING CARDS */

.cmwweb-intro-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    background: #ffffff;
    border-radius: 9px;
    box-shadow: 0 12px 35px rgba(48,42,104,.13);
}

.cmwweb-intro-floating-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 8px;
    font-size: 17px;
}

.cmwweb-intro-floating strong {
    display: block;
    font-size: 11px;
    color: #302a68;
    margin-bottom: 4px;
}

.cmwweb-intro-floating small {
    display: block;
    font-size: 9px;
    color: #888888;
}

.cmwweb-intro-mobile-card {
    bottom: 45px;
    left: 0;
}

.cmwweb-intro-seo-card {
    top: 45px;
    right: -5px;
}

/* BRAND BADGE */

.cmwweb-intro-brand-badge {
    position: absolute;
    z-index: 3;
    right: 10px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 15px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(48,42,104,.1);
}

.cmwweb-intro-brand-badge > span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #302a68;
    color: #ffffff;
    border-radius: 7px;
}

.cmwweb-intro-brand-badge strong {
    display: block;
    font-size: 11px;
    color: #302a68;
}

.cmwweb-intro-brand-badge small {
    display: block;
    font-size: 9px;
    color: #888888;
    margin-top: 3px;
}


/* RESPONSIVE */

@media(max-width: 991px) {

    .cmwweb-intro-grid {
        gap: 35px;
    }

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

    .cmwweb-intro-visual {
        min-height: 390px;
        padding: 20px;
    }

    .cmwweb-intro-browser-screen {
        min-height: 250px;
    }

}

@media(max-width: 767px) {

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

    .cmwweb-intro-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

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

    .cmwweb-intro-content p {
        font-size: 13px;
        line-height: 1.85;
    }

    .cmwweb-intro-benefits {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .cmwweb-intro-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .cmwweb-intro-visual {
        min-height: 350px;
        padding: 20px 12px;
    }

    .cmwweb-intro-browser-screen {
        min-height: 240px;
    }

    .cmwweb-intro-screen-content h3 {
        font-size: 23px;
    }

    .cmwweb-intro-mobile-card {
        left: -5px;
        bottom: 22px;
    }

    .cmwweb-intro-seo-card {
        right: -5px;
        top: 15px;
    }

    .cmwweb-intro-brand-badge {
        right: 0;
        bottom: -10px;
    }

}

@media(max-width: 480px) {

    .cmwweb-intro-section {
        padding: 50px 16px;
    }

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

    .cmwweb-intro-visual {
        min-height: 320px;
    }

    .cmwweb-intro-browser-top {
        height: 36px;
    }

    .cmwweb-intro-browser-screen {
        padding: 17px;
        min-height: 225px;
    }

    .cmwweb-intro-screen-nav {
        margin-bottom: 30px;
    }

    .cmwweb-intro-screen-content h3 {
        font-size: 20px;
    }

    .cmwweb-intro-floating {
        padding: 9px;
        gap: 7px;
    }

    .cmwweb-intro-floating-icon {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .cmwweb-intro-floating strong {
        font-size: 9px;
    }

    .cmwweb-intro-floating small {
        font-size: 8px;
    }

    .cmwweb-intro-brand-badge {
        padding: 8px 10px;
    }

}

/* =========================================
   CMW WEBSITE DESIGN SERVICES SECTION
========================================= */

.cmwweb-services-section {
    padding: 90px 20px;
    background: #f8f9fc;
    font-family: 'Inter', sans-serif;
}

.cmwweb-services-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-services-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwweb-services-tag {
    display: inline-block;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    padding: 9px 17px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    margin-bottom: 17px;
}

.cmwweb-services-heading h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 0 16px;
}

.cmwweb-services-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

.cmwweb-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.cmwweb-services-card {
    position: relative;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 15px;
    padding: 32px 27px;
    min-height: 270px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.cmwweb-services-card::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    top: 0;
    left: 0;
    background: #e21b12;
    transition: height 0.3s ease;
}

.cmwweb-services-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 15px 35px rgba(23, 42, 77, 0.09);
}

.cmwweb-services-card:hover::before {
    height: 100%;
}

.cmwweb-services-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 13px;
    font-size: 23px;
    margin-bottom: 23px;
    transition: all 0.3s ease;
}

.cmwweb-services-card:hover .cmwweb-services-icon {
    background: #e21b12;
    color: #fff;
    transform: rotate(-5deg);
}

.cmwweb-services-card h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 12px;
}

.cmwweb-services-card p {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 20px;
}

.cmwweb-services-card a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #e21b12;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwweb-services-card a i {
    transition: transform 0.3s ease;
}

.cmwweb-services-card a:hover {
    color: #302a68;
}

.cmwweb-services-card a:hover i {
    transform: translateX(5px);
}

.cmwweb-services-bottom {
    margin-top: 45px;
    padding: 28px 32px;
    background: #302a68;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.cmwweb-services-bottom h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    margin: 0 0 7px;
}

.cmwweb-services-bottom p {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
}

.cmwweb-services-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 23px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.cmwweb-services-cta:hover {
    background: #fff;
    color: #302a68 !important;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .cmwweb-services-heading h2 {
        font-size: 31px;
    }

    .cmwweb-services-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-services-section {
        padding: 65px 16px;
    }

    .cmwweb-services-heading {
        text-align: left;
        margin-bottom: 32px;
    }

    .cmwweb-services-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwweb-services-heading p {
        font-size: 14px;
    }

    .cmwweb-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmwweb-services-card {
        min-height: auto;
        padding: 26px 22px;
    }

    .cmwweb-services-bottom {
        padding: 25px 21px;
        margin-top: 30px;
    }

    .cmwweb-services-bottom h3 {
        font-size: 19px;
    }

    .cmwweb-services-cta {
        width: 100%;
        white-space: normal;
    }
}

/* =========================================
   CMW WHY CHOOSE US SECTION
========================================= */

.cmwweb-why-section {
    padding: 95px 20px;
    background: #fff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.cmwweb-why-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-why-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
}

/* CONTENT */

.cmwweb-why-tag {
    display: inline-block;
    padding: 9px 16px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.cmwweb-why-content h2 {
    font-family: 'Poppins', sans-serif;
    color: #171717;
    font-size: 36px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 18px;
}

.cmwweb-why-content h2 span {
    color: #e21b12;
}

.cmwweb-why-description {
    color: #666;
    font-size: 15px;
    line-height: 1.85;
    margin: 0 0 30px;
}

/* BENEFIT LIST */

.cmwweb-why-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cmwweb-why-item {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}

.cmwweb-why-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 11px;
    font-size: 19px;
}

.cmwweb-why-item h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
}

.cmwweb-why-item p {
    color: #777;
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}

.cmwweb-why-btn {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 32px;
    padding: 15px 24px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwweb-why-btn:hover {
    background: #302a68;
    transform: translateY(-3px);
}

/* VISUAL */

.cmwweb-why-visual {
    position: relative;
    min-height: 490px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwweb-why-circle {
    position: absolute;
    width: 390px;
    height: 390px;
    background: #fff0ef;
    border-radius: 50%;
    z-index: 0;
}

.cmwweb-why-main-card {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 450px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(23, 42, 77, 0.13);
}

.cmwweb-why-card-top {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 17px;
    background: #f7f7fa;
    border-bottom: 1px solid #eee;
}

.cmwweb-why-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e21b12;
}

.cmwweb-why-dot:nth-child(2) {
    background: #f4b942;
}

.cmwweb-why-dot:nth-child(3) {
    background: #38b979;
}

.cmwweb-why-browser-title {
    margin-left: 10px;
    color: #777;
    font-size: 11px;
    font-weight: 600;
}

.cmwweb-why-preview {
    padding: 22px;
    background: #fff;
}

.cmwweb-why-preview-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.cmwweb-why-preview-logo {
    width: 90px;
    height: 13px;
    background: #302a68;
    border-radius: 4px;
}

.cmwweb-why-preview-menu {
    width: 85px;
    height: 8px;
    background: #e6e6ed;
    border-radius: 10px;
}

.cmwweb-why-preview-hero {
    padding: 28px 20px;
    background: #f4f3fa;
    border-radius: 10px;
}

.cmwweb-why-preview-small {
    width: 75px;
    height: 7px;
    background: #e21b12;
    border-radius: 5px;
    margin-bottom: 14px;
}

.cmwweb-why-preview-line {
    width: 90%;
    height: 13px;
    background: #302a68;
    border-radius: 4px;
    margin-bottom: 9px;
}

.cmwweb-why-preview-line-short {
    width: 65%;
}

.cmwweb-why-preview-button {
    width: 95px;
    height: 27px;
    background: #e21b12;
    border-radius: 5px;
    margin-top: 18px;
}

.cmwweb-why-preview-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 20px;
}

.cmwweb-why-preview-cards div {
    height: 65px;
    background: #f3f3f7;
    border-radius: 7px;
    border-bottom: 3px solid #e21b12;
}

.cmwweb-why-card-caption {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    padding: 17px 12px;
    border-top: 1px solid #eee;
    color: #302a68;
    font-size: 11px;
    font-weight: 700;
}

.cmwweb-why-card-caption i {
    color: #e21b12;
    margin-right: 4px;
}

/* FLOATING CARDS */

.cmwweb-why-floating {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 11px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}

.cmwweb-why-floating > i {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 9px;
    font-size: 17px;
}

.cmwweb-why-floating strong {
    display: block;
    color: #302a68;
    font-size: 12px;
    margin-bottom: 4px;
}

.cmwweb-why-floating small {
    display: block;
    color: #888;
    font-size: 10px;
}

.cmwweb-why-floating-top {
    top: 45px;
    right: -15px;
}

.cmwweb-why-floating-bottom {
    bottom: 40px;
    left: -20px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-why-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cmwweb-why-content h2 {
        font-size: 32px;
    }

    .cmwweb-why-visual {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-why-section {
        padding: 65px 16px;
    }

    .cmwweb-why-content h2 {
        font-size: 27px;
    }

    .cmwweb-why-description {
        font-size: 14px;
    }

    .cmwweb-why-item {
        gap: 13px;
    }

    .cmwweb-why-item h3 {
        font-size: 15px;
    }

    .cmwweb-why-item p {
        font-size: 12px;
    }

    .cmwweb-why-visual {
        min-height: 370px;
    }

    .cmwweb-why-main-card {
        max-width: 100%;
    }

    .cmwweb-why-circle {
        width: 280px;
        height: 280px;
    }

    .cmwweb-why-floating {
        padding: 10px;
        gap: 8px;
    }

    .cmwweb-why-floating-top {
        top: 5px;
        right: -3px;
    }

    .cmwweb-why-floating-bottom {
        bottom: 5px;
        left: -3px;
    }

    .cmwweb-why-floating > i {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .cmwweb-why-floating strong {
        font-size: 10px;
    }

    .cmwweb-why-floating small {
        font-size: 9px;
    }

    .cmwweb-why-card-caption {
        font-size: 9px;
    }
}

/* =========================================
   CMW WEBSITE DESIGN PROCESS
========================================= */

.cmwweb-process-section {
    padding: 90px 20px;
    background: #f8f9fc;
    font-family: 'Inter', sans-serif;
}

.cmwweb-process-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-process-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmwweb-process-tag {
    display: inline-block;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.cmwweb-process-heading h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 15px;
}

.cmwweb-process-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

/* PROCESS GRID */

.cmwweb-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    position: relative;
}

.cmwweb-process-card {
    position: relative;
    padding: 30px 27px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 14px;
    min-height: 245px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.cmwweb-process-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, 0.4);
    box-shadow: 0 15px 35px rgba(23, 42, 77, 0.08);
}

.cmwweb-process-number {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #f0f0f4;
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.cmwweb-process-icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 12px;
    font-size: 22px;
    margin-bottom: 23px;
    transition: all 0.3s ease;
}

.cmwweb-process-card:hover .cmwweb-process-icon {
    background: #e21b12;
    color: #fff;
}

.cmwweb-process-card h3 {
    position: relative;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 11px;
}

.cmwweb-process-card p {
    position: relative;
    color: #707070;
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

/* BOTTOM CTA */

.cmwweb-process-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 27px 30px;
    background: #302a68;
    border-radius: 14px;
}

.cmwweb-process-bottom-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.13);
    color: #fff;
    border-radius: 12px;
    font-size: 23px;
}

.cmwweb-process-bottom-content {
    flex: 1;
}

.cmwweb-process-bottom-content h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    margin: 0 0 6px;
}

.cmwweb-process-bottom-content p {
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

.cmwweb-process-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 22px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.cmwweb-process-btn:hover {
    background: #fff;
    color: #302a68 !important;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwweb-process-heading h2 {
        font-size: 31px;
    }

    .cmwweb-process-bottom {
        flex-wrap: wrap;
    }

    .cmwweb-process-btn {
        margin-left: 72px;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-process-section {
        padding: 65px 16px;
    }

    .cmwweb-process-heading {
        text-align: left;
        margin-bottom: 32px;
    }

    .cmwweb-process-heading h2 {
        font-size: 27px;
    }

    .cmwweb-process-heading p {
        font-size: 14px;
    }

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

    .cmwweb-process-card {
        min-height: auto;
        padding: 25px 22px;
    }

    .cmwweb-process-card h3 {
        font-size: 16px;
    }

    .cmwweb-process-card p {
        font-size: 13px;
    }

    .cmwweb-process-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 21px;
        gap: 15px;
    }

    .cmwweb-process-bottom-content h3 {
        font-size: 18px;
    }

    .cmwweb-process-btn {
        width: 100%;
        margin-left: 0;
    }
}

/* =========================================
   CMW INDUSTRIES WE SERVE SECTION
========================================= */

.cmwweb-industries-section {
    padding: 90px 20px;
    background: #fff;
    font-family: 'Inter', sans-serif;
}

.cmwweb-industries-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-industries-heading {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwweb-industries-tag {
    display: inline-block;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.cmwweb-industries-heading h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 15px;
}

.cmwweb-industries-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

/* INDUSTRY GRID */

.cmwweb-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

.cmwweb-industries-card {
    position: relative;
    padding: 30px 26px;
    min-height: 270px;
    background: #f8f9fc;
    border: 1px solid #ececf2;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.cmwweb-industries-card::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    right: -35px;
    bottom: -35px;
    border-radius: 50%;
    background: rgba(226, 27, 18, 0.06);
    transition: all 0.3s ease;
}

.cmwweb-industries-card:hover {
    background: #fff;
    border-color: rgba(226, 27, 18, 0.35);
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(23, 42, 77, 0.08);
}

.cmwweb-industries-card:hover::after {
    transform: scale(2.2);
}

.cmwweb-industries-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 13px;
    font-size: 23px;
    margin-bottom: 22px;
    transition: all 0.3s ease;
}

.cmwweb-industries-card:hover .cmwweb-industries-icon {
    background: #e21b12;
    color: #fff;
    transform: rotate(-5deg);
}

.cmwweb-industries-card h3 {
    position: relative;
    z-index: 1;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
    margin: 0 0 11px;
}

.cmwweb-industries-card p {
    position: relative;
    z-index: 1;
    color: #707070;
    font-size: 13px;
    line-height: 1.8;
    margin: 0 0 19px;
}

.cmwweb-industries-card a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #e21b12;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwweb-industries-card a:hover {
    color: #302a68;
    gap: 13px;
}

/* BOTTOM CTA */

.cmwweb-industries-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 40px;
    padding: 30px 32px;
    background: #302a68;
    border-radius: 14px;
}

.cmwweb-industries-footer-content span {
    display: block;
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.cmwweb-industries-footer-content h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    margin: 0 0 7px;
}

.cmwweb-industries-footer-content p {
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

.cmwweb-industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 22px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.cmwweb-industries-btn:hover {
    background: #fff;
    color: #302a68 !important;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwweb-industries-heading h2 {
        font-size: 31px;
    }

    .cmwweb-industries-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-industries-section {
        padding: 65px 16px;
    }

    .cmwweb-industries-heading {
        text-align: left;
        margin-bottom: 32px;
    }

    .cmwweb-industries-heading h2 {
        font-size: 27px;
    }

    .cmwweb-industries-heading p {
        font-size: 14px;
    }

    .cmwweb-industries-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmwweb-industries-card {
        min-height: auto;
        padding: 25px 22px;
    }

    .cmwweb-industries-card h3 {
        font-size: 16px;
    }

    .cmwweb-industries-footer {
        padding: 25px 21px;
        margin-top: 28px;
    }

    .cmwweb-industries-footer-content h3 {
        font-size: 18px;
    }

    .cmwweb-industries-btn {
        width: 100%;
    }
}

/* =========================================
   CMW WEBSITE FEATURES SECTION
========================================= */

.cmwweb-features-section {
    padding: 90px 20px;
    background: #f8f9fc;
    font-family: 'Inter', sans-serif;
}

.cmwweb-features-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-features-heading {
    max-width: 780px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwweb-features-tag {
    display: inline-block;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.cmwweb-features-heading h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 15px;
}

.cmwweb-features-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

/* FEATURES GRID */

.cmwweb-features-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
}

.cmwweb-features-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 25px 23px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.cmwweb-features-card:hover {
    transform: translateY(-5px);
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 12px 30px rgba(23, 42, 77, 0.07);
}

.cmwweb-features-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 11px;
    font-size: 20px;
    transition: all 0.3s ease;
}

.cmwweb-features-card:hover .cmwweb-features-icon {
    background: #e21b12;
    color: #fff;
}

.cmwweb-features-content {
    position: relative;
    z-index: 1;
    padding-right: 15px;
}

.cmwweb-features-content h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    margin: 2px 0 8px;
}

.cmwweb-features-content p {
    color: #707070;
    font-size: 13px;
    line-height: 1.75;
    margin: 0;
}

.cmwweb-features-number {
    position: absolute;
    right: 17px;
    top: 12px;
    color: #f0f0f4;
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    font-weight: 800;
}

/* BOTTOM CTA */

.cmwweb-features-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 29px 32px;
    background: #302a68;
    border-radius: 14px;
}

.cmwweb-features-cta-content h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    margin: 0 0 7px;
}

.cmwweb-features-cta-content p {
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

.cmwweb-features-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 23px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.cmwweb-features-btn:hover {
    background: #fff;
    color: #302a68 !important;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-features-heading h2 {
        font-size: 31px;
    }

    .cmwweb-features-layout {
        gap: 14px;
    }

    .cmwweb-features-card {
        padding: 22px 18px;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-features-section {
        padding: 65px 16px;
    }

    .cmwweb-features-heading {
        text-align: left;
        margin-bottom: 32px;
    }

    .cmwweb-features-heading h2 {
        font-size: 27px;
    }

    .cmwweb-features-heading p {
        font-size: 14px;
    }

    .cmwweb-features-layout {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .cmwweb-features-card {
        padding: 22px 17px;
        gap: 13px;
    }

    .cmwweb-features-icon {
        width: 45px;
        height: 45px;
        min-width: 45px;
        font-size: 17px;
    }

    .cmwweb-features-content h3 {
        font-size: 15px;
    }

    .cmwweb-features-content p {
        font-size: 12px;
    }

    .cmwweb-features-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 20px;
        margin-top: 27px;
    }

    .cmwweb-features-cta-content h3 {
        font-size: 18px;
    }

    .cmwweb-features-btn {
        width: 100%;
    }
}

/* =========================================
   CMW WEBSITE PRICING SECTION
========================================= */

.cmwweb-pricing-section {
    padding: 90px 20px;
    background: #f8f9fc;
    font-family: 'Inter', sans-serif;
}

.cmwweb-pricing-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-pricing-heading {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwweb-pricing-tag {
    display: inline-block;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.cmwweb-pricing-heading h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 15px;
}

.cmwweb-pricing-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

/* PRICING GRID */

.cmwweb-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    align-items: stretch;
}

.cmwweb-pricing-card {
    position: relative;
    padding: 32px 27px;
    background: #fff;
    border: 1px solid #e7e7ed;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.cmwweb-pricing-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(23, 42, 77, 0.09);
    border-color: rgba(226, 27, 18, 0.35);
}

.cmwweb-pricing-featured {
    border: 2px solid #e21b12;
    box-shadow: 0 12px 35px rgba(226, 27, 18, 0.08);
}

.cmwweb-pricing-popular {
    position: absolute;
    top: -1px;
    right: 22px;
    padding: 8px 13px;
    background: #e21b12;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
    border-radius: 0 0 7px 7px;
}

.cmwweb-pricing-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 13px;
    font-size: 23px;
    margin-bottom: 22px;
}

.cmwweb-pricing-label {
    display: block;
    color: #e21b12;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
}

.cmwweb-pricing-card h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    line-height: 1.4;
    margin: 0 0 12px;
}

.cmwweb-pricing-description {
    color: #707070;
    font-size: 13px;
    line-height: 1.8;
    min-height: 70px;
    margin: 0;
}

.cmwweb-pricing-divider {
    height: 1px;
    background: #eee;
    margin: 22px 0;
}

.cmwweb-pricing-card h4 {
    color: #171717;
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 16px;
}

.cmwweb-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
}

.cmwweb-pricing-card ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #666;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 13px;
}

.cmwweb-pricing-card ul li i {
    color: #e21b12;
    font-size: 13px;
    margin-top: 3px;
}

.cmwweb-pricing-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 14px 16px;
    background: #302a68;
    color: #fff !important;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwweb-pricing-btn:hover {
    background: #e21b12;
}

/* PRICING BOTTOM */

.cmwweb-pricing-bottom {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr;
    gap: 30px;
    margin-top: 40px;
    padding: 32px;
    background: #302a68;
    border-radius: 15px;
}

.cmwweb-pricing-bottom-content > span {
    display: inline-block;
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.cmwweb-pricing-bottom-content h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 1.4;
    margin: 0 0 12px;
}

.cmwweb-pricing-bottom-content p {
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.8;
    margin: 0 0 22px;
}

.cmwweb-pricing-factors {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 20px;
}

.cmwweb-pricing-factors span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-size: 12px;
}

.cmwweb-pricing-factors i {
    color: #ffaaa5;
}

.cmwweb-pricing-contact {
    padding: 25px 22px;
    background: #fff;
    border-radius: 12px;
}

.cmwweb-pricing-contact-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 10px;
    font-size: 19px;
    margin-bottom: 15px;
}

.cmwweb-pricing-contact h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin: 0 0 9px;
}

.cmwweb-pricing-contact p {
    color: #777;
    font-size: 12px;
    line-height: 1.7;
    margin: 0 0 17px;
}

.cmwweb-pricing-contact > a:not(.cmwweb-pricing-phone) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 13px 12px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: 0.3s ease;
}

.cmwweb-pricing-contact > a:not(.cmwweb-pricing-phone):hover {
    background: #302a68;
}

.cmwweb-pricing-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #302a68 !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-pricing-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmwweb-pricing-bottom {
        grid-template-columns: 1fr;
    }

    .cmwweb-pricing-heading h2 {
        font-size: 31px;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-pricing-section {
        padding: 65px 16px;
    }

    .cmwweb-pricing-heading {
        text-align: left;
        margin-bottom: 32px;
    }

    .cmwweb-pricing-heading h2 {
        font-size: 27px;
    }

    .cmwweb-pricing-heading p {
        font-size: 14px;
    }

    .cmwweb-pricing-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cmwweb-pricing-card {
        padding: 27px 22px;
    }

    .cmwweb-pricing-description {
        min-height: auto;
    }

    .cmwweb-pricing-bottom {
        padding: 23px 18px;
        gap: 22px;
        margin-top: 28px;
    }

    .cmwweb-pricing-bottom-content h3 {
        font-size: 19px;
    }

    .cmwweb-pricing-factors {
        flex-direction: column;
        gap: 12px;
    }

    .cmwweb-pricing-contact {
        padding: 22px 18px;
    }
}

/* =========================================
   CMW FINAL CONTACT CTA SECTION
========================================= */

.cmwweb-finalcta-section {
    padding: 85px 20px;
    background: #fff;
    font-family: 'Inter', sans-serif;
}

.cmwweb-finalcta-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-finalcta-box {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 35px;
    padding: 65px 55px;
    background: #302a68;
    border-radius: 20px;
    overflow: hidden;
}

/* CONTENT */

.cmwweb-finalcta-content {
    position: relative;
    z-index: 2;
}

.cmwweb-finalcta-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 15px;
    background: rgba(255,255,255,0.12);
    color: #ffaaa5;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    margin-bottom: 21px;
}

.cmwweb-finalcta-content h2 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 18px;
}

.cmwweb-finalcta-content h2 span {
    color: #ff8b82;
}

.cmwweb-finalcta-content > p {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 1.9;
    max-width: 590px;
    margin: 0 0 23px;
}

/* POINTS */

.cmwweb-finalcta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 20px;
    margin-bottom: 27px;
}

.cmwweb-finalcta-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.cmwweb-finalcta-points i {
    color: #ffaaa5;
    font-size: 14px;
}

/* BUTTONS */

.cmwweb-finalcta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.cmwweb-finalcta-primary,
.cmwweb-finalcta-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 22px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwweb-finalcta-primary {
    background: #e21b12;
    color: #fff !important;
}

.cmwweb-finalcta-primary:hover {
    background: #fff;
    color: #302a68 !important;
    transform: translateY(-3px);
}

.cmwweb-finalcta-whatsapp {
    background: #fff;
    color: #218c50 !important;
}

.cmwweb-finalcta-whatsapp:hover {
    background: #218c50;
    color: #fff !important;
    transform: translateY(-3px);
}

/* PHONE */

.cmwweb-finalcta-contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px;
    color: rgba(255,255,255,0.8);
    font-size: 13px;
}

.cmwweb-finalcta-contact > i {
    color: #ffaaa5;
}

.cmwweb-finalcta-contact a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

/* RIGHT VISUAL */

.cmwweb-finalcta-visual {
    position: relative;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwweb-finalcta-circle {
    position: absolute;
    width: 330px;
    height: 330px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
}

.cmwweb-finalcta-browser {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 390px;
    background: #fff;
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.22);
    transform: rotate(-3deg);
}

.cmwweb-finalcta-browser-top {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px;
    background: #f3f3f7;
    border-bottom: 1px solid #eee;
}

.cmwweb-finalcta-browser-top span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e21b12;
}

.cmwweb-finalcta-browser-top span:nth-child(2) {
    background: #f4b942;
}

.cmwweb-finalcta-browser-top span:nth-child(3) {
    background: #38b979;
}

.cmwweb-finalcta-browser-top div {
    flex: 1;
    margin-left: 9px;
    color: #888;
    font-size: 10px;
    text-align: center;
}

.cmwweb-finalcta-browser-body {
    padding: 18px;
}

.cmwweb-finalcta-mock-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.cmwweb-finalcta-mock-logo {
    width: 80px;
    height: 12px;
    background: #302a68;
    border-radius: 4px;
}

.cmwweb-finalcta-mock-menu {
    width: 90px;
    height: 7px;
    background: #e5e5eb;
    border-radius: 5px;
}

.cmwweb-finalcta-mock-hero {
    padding: 23px 17px;
    background: #f6f5fa;
    border-radius: 8px;
}

.cmwweb-finalcta-mock-hero > span {
    display: block;
    color: #e21b12;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 13px;
}

.cmwweb-finalcta-mock-title {
    width: 95%;
    height: 13px;
    background: #302a68;
    border-radius: 4px;
    margin-bottom: 8px;
}

.cmwweb-finalcta-mock-title.short {
    width: 65%;
}

.cmwweb-finalcta-mock-text {
    width: 75%;
    height: 7px;
    background: #d9d9e1;
    border-radius: 4px;
    margin: 12px 0;
}

.cmwweb-finalcta-mock-button {
    width: 90px;
    height: 25px;
    background: #e21b12;
    border-radius: 4px;
    margin-top: 15px;
}

.cmwweb-finalcta-mock-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 16px;
}

.cmwweb-finalcta-mock-services div {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f8;
    border-radius: 6px;
    color: #e21b12;
    font-size: 17px;
}

/* FLOATING BADGE */

.cmwweb-finalcta-floating {
    position: absolute;
    z-index: 2;
    right: -10px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.cmwweb-finalcta-floating > i {
    color: #22a45b;
    font-size: 25px;
}

.cmwweb-finalcta-floating strong {
    display: block;
    color: #302a68;
    font-size: 12px;
    margin-bottom: 4px;
}

.cmwweb-finalcta-floating small {
    display: block;
    color: #777;
    font-size: 9px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-finalcta-box {
        grid-template-columns: 1fr;
        padding: 45px 35px;
    }

    .cmwweb-finalcta-content h2 {
        font-size: 31px;
    }

    .cmwweb-finalcta-visual {
        min-height: 330px;
        margin-top: 10px;
    }

    .cmwweb-finalcta-floating {
        right: 5px;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-finalcta-section {
        padding: 60px 16px;
    }

    .cmwweb-finalcta-box {
        padding: 32px 21px;
        border-radius: 15px;
        gap: 20px;
    }

    .cmwweb-finalcta-content h2 {
        font-size: 27px;
        line-height: 1.4;
    }

    .cmwweb-finalcta-content > p {
        font-size: 13px;
    }

    .cmwweb-finalcta-points {
        flex-direction: column;
        gap: 12px;
    }

    .cmwweb-finalcta-actions {
        flex-direction: column;
    }

    .cmwweb-finalcta-primary,
    .cmwweb-finalcta-whatsapp {
        width: 100%;
    }

    .cmwweb-finalcta-contact {
        font-size: 12px;
    }

    .cmwweb-finalcta-visual {
        min-height: 285px;
    }

    .cmwweb-finalcta-browser {
        max-width: 310px;
    }

    .cmwweb-finalcta-circle {
        width: 260px;
        height: 260px;
    }

    .cmwweb-finalcta-floating {
        right: -5px;
        bottom: 0;
        padding: 11px;
    }

    .cmwweb-finalcta-floating > i {
        font-size: 20px;
    }
}

/* =========================================
   CMW MUMBAI SERVICE AREAS SECTION
========================================= */

.cmwweb-areas-section {
    padding: 90px 20px;
    background: #f8f9fc;
    font-family: 'Inter', sans-serif;
}

.cmwweb-areas-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwweb-areas-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 55px;
}

/* CONTENT */

.cmwweb-areas-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    margin-bottom: 18px;
}

.cmwweb-areas-content h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 18px;
}

.cmwweb-areas-content > p {
    color: #666;
    font-size: 14px;
    line-height: 1.9;
    margin: 0 0 15px;
}

/* HIGHLIGHTS */

.cmwweb-areas-highlights {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 25px 0;
}

.cmwweb-areas-highlights div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #302a68;
    font-size: 13px;
    font-weight: 600;
}

.cmwweb-areas-highlights i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 8px;
    font-size: 14px;
}

.cmwweb-areas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 22px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwweb-areas-btn:hover {
    background: #302a68;
    transform: translateY(-3px);
}

/* LOCATION CARD */

.cmwweb-areas-location {
    padding: 32px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(23, 42, 77, 0.06);
}

.cmwweb-areas-location-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 23px;
    border-bottom: 1px solid #eee;
    margin-bottom: 23px;
}

.cmwweb-areas-location-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 12px;
    font-size: 21px;
}

.cmwweb-areas-location-header h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    margin: 0 0 5px;
}

.cmwweb-areas-location-header p {
    color: #888;
    font-size: 12px;
    margin: 0;
}

/* AREA LIST */

.cmwweb-areas-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
}

.cmwweb-areas-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 13px;
    background: #f8f9fc;
    border-radius: 7px;
    color: #444;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cmwweb-areas-item i {
    color: #e21b12;
    font-size: 13px;
}

.cmwweb-areas-item:hover {
    background: #fff0ef;
    color: #302a68;
    transform: translateX(3px);
}

/* LOCATION FOOTER */

.cmwweb-areas-location-footer {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 20px;
    margin-top: 22px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
    line-height: 1.7;
}

.cmwweb-areas-location-footer i {
    color: #e21b12;
    font-size: 16px;
    margin-top: 2px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-areas-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cmwweb-areas-content h2 {
        font-size: 31px;
    }

    .cmwweb-areas-location {
        max-width: 650px;
        width: 100%;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-areas-section {
        padding: 65px 16px;
    }

    .cmwweb-areas-content h2 {
        font-size: 27px;
    }

    .cmwweb-areas-content > p {
        font-size: 13px;
    }

    .cmwweb-areas-location {
        padding: 23px 18px;
    }

    .cmwweb-areas-location-header h3 {
        font-size: 17px;
    }

    .cmwweb-areas-list {
        gap: 10px;
    }

    .cmwweb-areas-item {
        padding: 11px 9px;
        font-size: 12px;
        gap: 7px;
    }

    .cmwweb-areas-btn {
        width: 100%;
    }
}

/* =========================================
   CMW ALL INDIA SERVICE AREAS
========================================= */

.cmwweb-areas-section {
    padding: 90px 20px;
    background: #f8f9fc;
    font-family: 'Inter', sans-serif;
}

.cmwweb-areas-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* MAIN HEADING */

.cmwweb-areas-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmwweb-areas-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.cmwweb-areas-heading h2 {
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 15px;
}

.cmwweb-areas-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.85;
    margin: 0;
}

/* GROUP */

.cmwweb-areas-group {
    margin-bottom: 38px;
}

.cmwweb-areas-group-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
}

.cmwweb-areas-group-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0ef;
    color: #e21b12;
    border-radius: 12px;
    font-size: 21px;
}

.cmwweb-areas-group-heading h3 {
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 5px;
}

.cmwweb-areas-group-heading p {
    color: #777;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

/* MUMBAI LOCALITY CARDS */

.cmwweb-areas-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
}

.cmwweb-areas-card {
    padding: 23px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 11px;
    transition: all 0.3s ease;
}

.cmwweb-areas-card:hover {
    transform: translateY(-5px);
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 12px 28px rgba(23, 42, 77, 0.07);
}

.cmwweb-areas-card h4 {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin: 0 0 12px;
}

.cmwweb-areas-card h4 i {
    color: #e21b12;
    font-size: 14px;
}

.cmwweb-areas-card p {
    color: #707070;
    font-size: 12px;
    line-height: 1.85;
    margin: 0;
}

/* MAHARASHTRA CITY LIST */

.cmwweb-areas-city-list {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 12px;
}

.cmwweb-areas-city-list span {
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    background: #f8f9fc;
    color: #302a68;
    border: 1px solid #ededf2;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cmwweb-areas-city-list span:hover {
    background: #fff0ef;
    color: #e21b12;
    border-color: #ffd0cc;
}

/* OTHER STATES */

.cmwweb-areas-state-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.cmwweb-areas-state {
    padding: 21px 18px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.cmwweb-areas-state:hover {
    border-color: rgba(226, 27, 18, 0.35);
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(23, 42, 77, 0.06);
}

.cmwweb-areas-state h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin: 0 0 11px;
}

.cmwweb-areas-state h4 i {
    color: #e21b12;
    font-size: 13px;
}

.cmwweb-areas-state p {
    color: #707070;
    font-size: 12px;
    line-height: 1.8;
    margin: 0;
}

/* BOTTOM CTA */

.cmwweb-areas-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 45px;
    padding: 30px;
    background: #302a68;
    border-radius: 14px;
}

.cmwweb-areas-bottom-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.13);
    color: #fff;
    border-radius: 12px;
    font-size: 23px;
}

.cmwweb-areas-bottom-content {
    flex: 1;
}

.cmwweb-areas-bottom-content h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    margin: 0 0 7px;
}

.cmwweb-areas-bottom-content p {
    color: rgba(255,255,255,0.78);
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.cmwweb-areas-bottom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 15px 21px;
    background: #e21b12;
    color: #fff !important;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.cmwweb-areas-bottom-btn:hover {
    background: #fff;
    color: #302a68 !important;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwweb-areas-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmwweb-areas-state-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmwweb-areas-heading h2 {
        font-size: 31px;
    }

    .cmwweb-areas-bottom {
        flex-wrap: wrap;
    }
}

/* MOBILE */

@media (max-width: 576px) {
    .cmwweb-areas-section {
        padding: 65px 16px;
    }

    .cmwweb-areas-heading {
        text-align: left;
        margin-bottom: 35px;
    }

    .cmwweb-areas-heading h2 {
        font-size: 27px;
    }

    .cmwweb-areas-heading p {
        font-size: 13px;
    }

    .cmwweb-areas-group {
        margin-bottom: 30px;
    }

    .cmwweb-areas-group-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .cmwweb-areas-group-heading h3 {
        font-size: 17px;
    }

    .cmwweb-areas-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwweb-areas-card {
        padding: 20px;
    }

    .cmwweb-areas-state-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwweb-areas-city-list {
        padding: 17px;
        gap: 8px;
    }

    .cmwweb-areas-city-list span {
        padding: 9px 11px;
        font-size: 11px;
    }

    .cmwweb-areas-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 20px;
        margin-top: 30px;
    }

    .cmwweb-areas-bottom-content h3 {
        font-size: 18px;
    }

    .cmwweb-areas-bottom-btn {
        width: 100%;
    }
}


/* ==========================================
   CMW ECOMMERCE INTRODUCTION
========================================== */

.cmwecom-intro-section,
.cmwecom-intro-section * {
    box-sizing: border-box;
}

.cmwecom-intro-section {
    width: 100%;
    padding: 85px 20px;
    background: #ffffff;
    overflow: hidden;
}

.cmwecom-intro-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-intro-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 65px;
}

/* LEFT CONTENT */

.cmwecom-intro-content {
    min-width: 0;
}

.cmwecom-intro-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #e21b12;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmwecom-intro-tag i {
    font-size: 15px;
}

.cmwecom-intro-content h2 {
    margin: 0 0 20px;
    color: #171717;
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.6px;
}

.cmwecom-intro-content h2 span {
    color: #e21b12;
}

.cmwecom-intro-content p {
    margin: 0 0 15px;
    color: #666666;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.85;
}

.cmwecom-intro-content .cmwecom-intro-lead {
    color: #444444;
    font-size: 15px;
    font-weight: 500;
}

/* BENEFITS */

.cmwecom-intro-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    margin-top: 25px;
}

.cmwecom-intro-benefit {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.cmwecom-intro-benefit span {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(226,27,18,.09);
    color: #e21b12;
    border-radius: 50%;
    font-size: 10px;
}

/* ACTIONS */

.cmwecom-intro-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 30px;
}

.cmwecom-intro-btn {
    min-height: 52px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 7px;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    transition: .3s ease;
}

.cmwecom-intro-btn:hover {
    background: #302a68;
    color: #ffffff;
    transform: translateY(-3px);
}

.cmwecom-intro-btn i {
    font-size: 11px;
}

.cmwecom-intro-phone {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #222222;
    text-decoration: none;
}

.cmwecom-intro-phone > span {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fcebea;
    color: #e21b12;
    border-radius: 50%;
    font-size: 14px;
}

.cmwecom-intro-phone small,
.cmwecom-intro-phone strong {
    display: block;
    font-family: "Poppins", sans-serif;
}

.cmwecom-intro-phone small {
    margin-bottom: 3px;
    color: #777777;
    font-size: 10px;
}

.cmwecom-intro-phone strong {
    font-size: 13px;
    font-weight: 600;
}

/* RIGHT VISUAL */

.cmwecom-intro-visual {
    position: relative;
    min-width: 0;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwecom-intro-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    max-width: 85%;
    border-radius: 50%;
    background: #f5f3fc;
}

.cmwecom-intro-store {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 410px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 13px;
    box-shadow: 0 20px 55px rgba(48,42,104,.13);
}

/* STORE HEADER */

.cmwecom-intro-store-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 3px 15px;
    border-bottom: 1px solid #eeeeee;
}

.cmwecom-intro-store-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #302a68;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
}

.cmwecom-intro-store-logo i {
    color: #e21b12;
    font-size: 17px;
}

.cmwecom-intro-store-icons {
    display: flex;
    gap: 13px;
    color: #555555;
    font-size: 12px;
}

/* STORE BANNER */

.cmwecom-intro-store-banner {
    margin-top: 13px;
    padding: 23px 20px;
    background: linear-gradient(115deg, #302a68, #514a91);
    border-radius: 8px;
    color: #ffffff;
}

.cmwecom-intro-store-banner small {
    color: #ffaaa5;
    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1px;
}

.cmwecom-intro-store-banner h3 {
    margin: 8px 0 13px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.cmwecom-intro-store-banner > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #e21b12;
    border-radius: 4px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 600;
}

/* PRODUCTS */

.cmwecom-intro-products-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px 0 12px;
}

.cmwecom-intro-products-heading strong {
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
}

.cmwecom-intro-products-heading small {
    color: #e21b12;
    font-size: 9px;
}

.cmwecom-intro-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.cmwecom-intro-product {
    min-width: 0;
    text-align: center;
}

.cmwecom-intro-product-image {
    height: 85px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 25px;
}

.cmwecom-intro-product-image.product-one {
    background: #fcebea;
    color: #e21b12;
}

.cmwecom-intro-product-image.product-two {
    background: #eeeefa;
    color: #302a68;
}

.cmwecom-intro-product-image.product-three {
    background: #f1f3f6;
    color: #555555;
}

.cmwecom-intro-product strong,
.cmwecom-intro-product small {
    display: block;
    font-family: "Poppins", sans-serif;
}

.cmwecom-intro-product strong {
    overflow: hidden;
    color: #333333;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cmwecom-intro-product small {
    margin-top: 3px;
    color: #e21b12;
    font-size: 10px;
    font-weight: 600;
}

/* FLOATING CARDS */

.cmwecom-intro-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 9px;
    box-shadow: 0 10px 30px rgba(0,0,0,.09);
}

.cmwecom-intro-floating > span {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fcebea;
    color: #e21b12;
    border-radius: 7px;
    font-size: 13px;
}

.cmwecom-intro-floating strong,
.cmwecom-intro-floating small {
    display: block;
    font-family: "Poppins", sans-serif;
}

.cmwecom-intro-floating strong {
    color: #222222;
    font-size: 10px;
}

.cmwecom-intro-floating small {
    margin-top: 3px;
    color: #888888;
    font-size: 8px;
}

.cmwecom-intro-order {
    top: 45px;
    right: -5px;
}

.cmwecom-intro-payment {
    bottom: 45px;
    left: -20px;
}

.cmwecom-intro-badge {
    position: absolute;
    z-index: 4;
    right: 12px;
    bottom: 3px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 13px;
    background: #302a68;
    color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 8px 20px rgba(48,42,104,.2);
}

.cmwecom-intro-badge > i {
    color: #ff716a;
    font-size: 17px;
}

.cmwecom-intro-badge strong,
.cmwecom-intro-badge small {
    display: block;
    font-family: "Poppins", sans-serif;
}

.cmwecom-intro-badge strong {
    font-size: 10px;
}

.cmwecom-intro-badge small {
    margin-top: 2px;
    color: rgba(255,255,255,.7);
    font-size: 8px;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwecom-intro-section {
        padding: 65px 20px;
    }

    .cmwecom-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

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

    .cmwecom-intro-visual {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwecom-intro-section {
        padding: 50px 18px;
    }

    .cmwecom-intro-content h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .cmwecom-intro-content p {
        font-size: 13px;
        line-height: 1.8;
    }

    .cmwecom-intro-content .cmwecom-intro-lead {
        font-size: 14px;
    }

    .cmwecom-intro-benefits {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwecom-intro-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cmwecom-intro-btn {
        width: 100%;
    }

    .cmwecom-intro-visual {
        min-height: 390px;
    }

    .cmwecom-intro-store {
        max-width: 360px;
    }

    .cmwecom-intro-order {
        right: -3px;
        top: 15px;
    }

    .cmwecom-intro-payment {
        left: -3px;
        bottom: 25px;
    }

    .cmwecom-intro-badge {
        right: 0;
        bottom: -5px;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

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

    .cmwecom-intro-visual {
        min-height: 350px;
    }

    .cmwecom-intro-store {
        padding: 11px;
    }

    .cmwecom-intro-store-banner {
        padding: 18px 14px;
    }

    .cmwecom-intro-store-banner h3 {
        font-size: 19px;
    }

    .cmwecom-intro-product-image {
        height: 65px;
    }

    .cmwecom-intro-floating {
        padding: 9px;
        gap: 7px;
    }

    .cmwecom-intro-floating > span {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .cmwecom-intro-floating strong {
        font-size: 9px;
    }

    .cmwecom-intro-floating small {
        font-size: 7px;
    }

    .cmwecom-intro-payment {
        left: -5px;
    }

}

@media (max-width: 380px) {

    .cmwecom-intro-section {
        padding: 42px 15px;
    }

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

    .cmwecom-intro-visual {
        min-height: 325px;
    }

}

/* =========================================
   CMW ECOMMERCE SERVICES SECTION
========================================= */

.cmwecom-services {
    position: relative;
    padding: 90px 20px;
    background: #f8f9fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-services-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-services-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwecom-services-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.cmwecom-services-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-services-heading h2 span {
    color: #e21b12;
}

.cmwecom-services-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.cmwecom-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cmwecom-service-card {
    position: relative;
    min-height: 235px;
    padding: 30px 27px;
    background: #fff;
    border: 1px solid #e9eaf0;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.cmwecom-service-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 15px 35px rgba(25, 35, 65, 0.09);
}

.cmwecom-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 22px;
    border-radius: 12px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 23px;
    transition: all 0.3s ease;
}

.cmwecom-service-card:hover .cmwecom-service-icon {
    background: #e21b12;
    color: #fff;
    transform: rotate(-5deg);
}

.cmwecom-service-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.cmwecom-service-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #666;
    font-size: 13.5px;
    line-height: 1.8;
}

.cmwecom-service-number {
    position: absolute;
    right: 17px;
    bottom: 8px;
    color: rgba(48, 42, 104, 0.055);
    font-family: 'Poppins', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

.cmwecom-services-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 28px 32px;
    border-radius: 14px;
    background: #302a68;
}

.cmwecom-services-bottom h3 {
    margin: 0 0 7px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwecom-services-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.7;
}

.cmwecom-services-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-shrink: 0;
    padding: 14px 23px;
    border-radius: 7px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-services-btn:hover {
    background: #fff;
    color: #e21b12;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-services {
        padding: 75px 20px;
    }

    .cmwecom-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwecom-service-card {
        min-height: 220px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-services {
        padding: 60px 16px;
    }

    .cmwecom-services-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwecom-services-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-services-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

    .cmwecom-services-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmwecom-service-card {
        min-height: auto;
        padding: 24px 22px;
    }

    .cmwecom-service-icon {
        width: 49px;
        height: 49px;
        margin-bottom: 17px;
        font-size: 21px;
    }

    .cmwecom-service-card h3 {
        font-size: 16px;
    }

    .cmwecom-service-card p {
        font-size: 13px;
    }

    .cmwecom-services-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 22px;
    }

    .cmwecom-services-bottom h3 {
        font-size: 18px;
    }

    .cmwecom-services-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwecom-services-heading h2 {
        font-size: 24px;
    }

    .cmwecom-service-card {
        padding: 21px 18px;
    }
}

/* =========================================
   CMW ECOMMERCE DEVELOPMENT PROCESS
========================================= */

.cmwecom-process {
    position: relative;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-process-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-process-heading {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmwecom-process-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-process-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-process-heading h2 span {
    color: #e21b12;
}

.cmwecom-process-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #666666;
    font-size: 15px;
    line-height: 1.8;
}

/* PROCESS GRID */

.cmwecom-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.cmwecom-process-card {
    position: relative;
    padding: 30px 27px;
    min-height: 235px;
    background: #f8f9fc;
    border: 1px solid #ececf2;
    border-radius: 14px;
    transition: all 0.35s ease;
}

.cmwecom-process-card:hover {
    transform: translateY(-6px);
    background: #ffffff;
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 15px 35px rgba(48, 42, 104, 0.09);
}

.cmwecom-process-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.cmwecom-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 12px;
    background: #302a68;
    color: #ffffff;
    font-size: 22px;
    transition: all 0.3s ease;
}

.cmwecom-process-card:hover .cmwecom-process-icon {
    background: #e21b12;
    transform: rotate(-5deg);
}

.cmwecom-process-step {
    color: #e2e2eb;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1;
}

.cmwecom-process-card h3 {
    margin: 0 0 12px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.cmwecom-process-card p {
    margin: 0;
    color: #666666;
    font-size: 13.5px;
    line-height: 1.8;
}

/* BOTTOM CTA */

.cmwecom-process-footer {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 28px 32px;
    border-radius: 14px;
    background: #302a68;
}

.cmwecom-process-footer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 25px;
}

.cmwecom-process-footer-content {
    flex: 1;
}

.cmwecom-process-footer-content h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwecom-process-footer-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.7;
}

.cmwecom-process-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 14px 23px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-process-btn:hover {
    background: #ffffff;
    color: #e21b12;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-process {

        padding: 75px 20px;
    }

    .cmwecom-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwecom-process-card {
        min-height: 225px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-process {
        padding: 60px 16px;
    }

    .cmwecom-process-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwecom-process-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-process-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

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

    .cmwecom-process-card {
        min-height: auto;
        padding: 24px 22px;
    }

    .cmwecom-process-top {
        margin-bottom: 18px;
    }

    .cmwecom-process-icon {
        width: 49px;
        height: 49px;
        font-size: 20px;
    }

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

    .cmwecom-process-card p {
        font-size: 13px;
    }

    .cmwecom-process-footer {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 22px;
    }

    .cmwecom-process-footer-content h3 {
        font-size: 18px;
    }

    .cmwecom-process-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwecom-process-heading h2 {
        font-size: 24px;
    }

    .cmwecom-process-card {
        padding: 21px 18px;
    }
}

/* =========================================
   CMW ECOMMERCE FEATURES SHOWCASE
========================================= */

.cmwecom-feature-showcase {
    position: relative;
    padding: 90px 20px;
    background: #f8f9fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-feature-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-feature-heading {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmwecom-feature-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-feature-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-feature-heading h2 span {
    color: #e21b12;
}

.cmwecom-feature-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

/* MAIN LAYOUT */

.cmwecom-feature-layout {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    align-items: center;
    gap: 65px;
}

/* LEFT FEATURE LIST */

.cmwecom-feature-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.cmwecom-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 19px 17px;
    background: #fff;
    border: 1px solid #ececf2;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cmwecom-feature-item:hover {
    border-color: rgba(226, 27, 18, 0.35);
    transform: translateX(5px);
    box-shadow: 0 8px 22px rgba(48, 42, 104, 0.06);
}

.cmwecom-feature-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 20px;
}

.cmwecom-feature-item h3 {
    margin: 1px 0 7px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.cmwecom-feature-item p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

/* DASHBOARD VISUAL */

.cmwecom-feature-visual {
    position: relative;
    padding: 25px 15px 35px 25px;
}

.cmwecom-feature-dashboard {
    position: relative;
    padding: 27px;
    background: #fff;
    border: 1px solid #e9eaf0;
    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(48, 42, 104, 0.10);
}

.cmwecom-feature-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 23px;
    border-bottom: 1px solid #eeeeF2;
}

.cmwecom-feature-dashboard-label {
    color: #e21b12;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-feature-dashboard-header h3 {
    margin: 7px 0 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.cmwecom-feature-dashboard-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f0eff8;
    color: #302a68;
    font-size: 16px;
}

/* STATS */

.cmwecom-feature-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 22px 0 27px;
}

.cmwecom-feature-stat {
    position: relative;
    padding: 17px;
    background: #f8f9fc;
    border: 1px solid #ededf2;
    border-radius: 11px;
}

.cmwecom-feature-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    border-radius: 8px;
    background: #e9e7f7;
    color: #302a68;
    font-size: 15px;
}

.cmwecom-feature-stat-icon.orange {
    background: #fff0e8;
    color: #e47735;
}

.cmwecom-feature-stat small {
    display: block;
    color: #777;
    font-size: 11px;
}

.cmwecom-feature-stat strong {
    display: block;
    margin: 5px 0;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 800;
}

.cmwecom-feature-stat-note {
    color: #999;
    font-size: 10px;
}

/* ORDERS */

.cmwecom-feature-order-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

.cmwecom-feature-order-heading h4 {
    margin: 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.cmwecom-feature-order-heading span {
    color: #999;
    font-size: 10px;
}

.cmwecom-feature-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 0;
    border-bottom: 1px solid #f0f0f3;
}

.cmwecom-feature-order-product {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.cmwecom-feature-product-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
}

.cmwecom-feature-product-icon.purple {
    background: #f0eff8;
    color: #302a68;
}

.cmwecom-feature-product-icon.green {
    background: #eaf7ee;
    color: #31965b;
}

.cmwecom-feature-order-product strong {
    display: block;
    color: #302a68;
    font-size: 12px;
}

.cmwecom-feature-order-product small {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 10px;
}

.cmwecom-feature-order-status {
    flex-shrink: 0;
    padding: 6px 9px;
    border-radius: 20px;
    background: #fff3e8;
    color: #d77b24;
    font-size: 10px;
    font-weight: 700;
}

.cmwecom-feature-order-status.delivered {
    background: #eaf7ee;
    color: #31965b;
}

.cmwecom-feature-dashboard-footer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
    padding: 12px;
    border-radius: 8px;
    background: #f6f5fb;
    color: #666;
    font-size: 11px;
}

.cmwecom-feature-dashboard-footer i {
    color: #e21b12;
}

/* FLOATING CARD */

.cmwecom-feature-floating-card {
    position: absolute;
    right: -5px;
    bottom: 5px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 19px;
    background: #fff;
    border: 1px solid #ececf2;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.12);
}

.cmwecom-feature-floating-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #eaf7ee;
    color: #31965b;
    font-size: 19px;
}

.cmwecom-feature-floating-card strong {
    display: block;
    color: #302a68;
    font-size: 12px;
}

.cmwecom-feature-floating-card small {
    display: block;
    margin-top: 5px;
    color: #888;
    font-size: 10px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-feature-showcase {
        padding: 75px 20px;
    }

    .cmwecom-feature-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cmwecom-feature-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .cmwecom-feature-visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-feature-showcase {
        padding: 60px 16px;
    }

    .cmwecom-feature-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwecom-feature-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-feature-heading p {
        font-size: 14px;
    }

    .cmwecom-feature-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwecom-feature-item {
        padding: 17px 15px;
        gap: 13px;
    }

    .cmwecom-feature-item-icon {
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .cmwecom-feature-item h3 {
        font-size: 15px;
    }

    .cmwecom-feature-item p {
        font-size: 12.5px;
    }

    .cmwecom-feature-visual {
        padding: 10px 0 25px;
    }

    .cmwecom-feature-dashboard {
        padding: 20px 16px;
    }

    .cmwecom-feature-dashboard-header h3 {
        font-size: 18px;
    }

    .cmwecom-feature-floating-card {
        right: 5px;
        bottom: 0;
        padding: 11px 13px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwecom-feature-heading h2 {
        font-size: 24px;
    }

    .cmwecom-feature-dashboard {
        padding: 17px 12px;
    }

    .cmwecom-feature-stats {
        gap: 8px;
    }

    .cmwecom-feature-stat {
        padding: 12px;
    }

    .cmwecom-feature-order-status {
        padding: 5px 7px;
        font-size: 9px;
    }

    .cmwecom-feature-floating-card {
        right: 0;
    }
}

/* =========================================
   CMW ECOMMERCE INDUSTRIES SECTION
========================================= */

.cmwecom-industries {
    position: relative;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-industries-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-industries-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwecom-industries-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-industries-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-industries-heading h2 span {
    color: #e21b12;
}

.cmwecom-industries-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #666666;
    font-size: 15px;
    line-height: 1.8;
}

/* INDUSTRY GRID */

.cmwecom-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cmwecom-industry-card {
    position: relative;
    min-height: 220px;
    padding: 27px 25px;
    background: #f8f9fc;
    border: 1px solid #ececf2;
    border-radius: 13px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.cmwecom-industry-card:hover {
    transform: translateY(-7px);
    background: #ffffff;
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 14px 32px rgba(48, 42, 104, 0.09);
}

.cmwecom-industry-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #302a68;
    color: #ffffff;
    font-size: 22px;
    transition: all 0.3s ease;
}

.cmwecom-industry-card:hover .cmwecom-industry-icon {
    background: #e21b12;
    transform: rotate(-5deg);
}

.cmwecom-industry-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.cmwecom-industry-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #666666;
    font-size: 13.5px;
    line-height: 1.8;
}

.cmwecom-industry-number {
    position: absolute;
    right: 14px;
    bottom: 5px;
    color: rgba(48, 42, 104, 0.055);
    font-family: 'Poppins', sans-serif;
    font-size: 55px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

/* BOTTOM CTA */

.cmwecom-industries-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 28px 32px;
    border-radius: 14px;
    background: #302a68;
}

.cmwecom-industries-cta-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwecom-industries-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.7;
}

.cmwecom-industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 14px 22px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-industries-btn:hover {
    background: #ffffff;
    color: #e21b12;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-industries {
        padding: 75px 20px;
    }

    .cmwecom-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-industries {
        padding: 60px 16px;
    }

    .cmwecom-industries-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwecom-industries-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-industries-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

    .cmwecom-industries-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cmwecom-industry-card {
        min-height: auto;
        padding: 23px 21px;
    }

    .cmwecom-industry-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
        font-size: 20px;
    }

    .cmwecom-industry-card h3 {
        font-size: 16px;
    }

    .cmwecom-industry-card p {
        font-size: 13px;
    }

    .cmwecom-industries-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 22px;
    }

    .cmwecom-industries-cta-content h3 {
        font-size: 18px;
    }

    .cmwecom-industries-btn {
        width: 100%;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwecom-industries-heading h2 {
        font-size: 24px;
    }

    .cmwecom-industry-card {
        padding: 21px 18px;
    }
}

/* =========================================
   CMW ECOMMERCE INDUSTRIES SECTION
========================================= */

.cmwecom-industries {
    position: relative;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-industries-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-industries-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwecom-industries-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-industries-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-industries-heading h2 span {
    color: #e21b12;
}

.cmwecom-industries-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #666666;
    font-size: 15px;
    line-height: 1.8;
}

/* INDUSTRY GRID */

.cmwecom-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cmwecom-industry-card {
    position: relative;
    min-height: 220px;
    padding: 27px 25px;
    background: #f8f9fc;
    border: 1px solid #ececf2;
    border-radius: 13px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.cmwecom-industry-card:hover {
    transform: translateY(-7px);
    background: #ffffff;
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 14px 32px rgba(48, 42, 104, 0.09);
}

.cmwecom-industry-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #302a68;
    color: #ffffff;
    font-size: 22px;
    transition: all 0.3s ease;
}

.cmwecom-industry-card:hover .cmwecom-industry-icon {
    background: #e21b12;
    transform: rotate(-5deg);
}

.cmwecom-industry-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.cmwecom-industry-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #666666;
    font-size: 13.5px;
    line-height: 1.8;
}

.cmwecom-industry-number {
    position: absolute;
    right: 14px;
    bottom: 5px;
    color: rgba(48, 42, 104, 0.055);
    font-family: 'Poppins', sans-serif;
    font-size: 55px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

/* BOTTOM CTA */

.cmwecom-industries-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 28px 32px;
    border-radius: 14px;
    background: #302a68;
}

.cmwecom-industries-cta-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwecom-industries-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.7;
}

.cmwecom-industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 14px 22px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-industries-btn:hover {
    background: #ffffff;
    color: #e21b12;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-industries {
        padding: 75px 20px;
    }

    .cmwecom-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-industries {
        padding: 60px 16px;
    }

    .cmwecom-industries-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwecom-industries-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-industries-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

    .cmwecom-industries-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cmwecom-industry-card {
        min-height: auto;
        padding: 23px 21px;
    }

    .cmwecom-industry-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
        font-size: 20px;
    }

    .cmwecom-industry-card h3 {
        font-size: 16px;
    }

    .cmwecom-industry-card p {
        font-size: 13px;
    }

    .cmwecom-industries-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 22px;
    }

    .cmwecom-industries-cta-content h3 {
        font-size: 18px;
    }

    .cmwecom-industries-btn {
        width: 100%;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwecom-industries-heading h2 {
        font-size: 24px;
    }

    .cmwecom-industry-card {
        padding: 21px 18px;
    }
}

/* =========================================
   CMW ECOMMERCE COST FACTORS SECTION
========================================= */

.cmwecom-cost {
    position: relative;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-cost-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-cost-heading {
    max-width: 780px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmwecom-cost-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-cost-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-cost-heading h2 span {
    color: #e21b12;
}

.cmwecom-cost-heading p {
    max-width: 700px;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

/* MAIN LAYOUT */

.cmwecom-cost-layout {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
}

/* LEFT CONTENT */

.cmwecom-cost-content {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.cmwecom-cost-item {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 18px;
    background: #f8f9fc;
    border: 1px solid #ececf2;
    border-radius: 11px;
    transition: all 0.3s ease;
}

.cmwecom-cost-item:hover {
    background: #ffffff;
    border-color: rgba(226, 27, 18, 0.35);
    transform: translateX(5px);
    box-shadow: 0 8px 22px rgba(48, 42, 104, 0.06);
}

.cmwecom-cost-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 47px;
    height: 47px;
    border-radius: 10px;
    background: #302a68;
    color: #ffffff;
    font-size: 19px;
    transition: all 0.3s ease;
}

.cmwecom-cost-item:hover .cmwecom-cost-icon {
    background: #e21b12;
}

.cmwecom-cost-item h3 {
    margin: 1px 0 7px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}

.cmwecom-cost-item p {
    margin: 0;
    color: #666;
    font-size: 12.8px;
    line-height: 1.75;
}

/* RIGHT VISUAL */

.cmwecom-cost-visual {
    position: relative;
    padding: 15px 20px 35px 10px;
}

.cmwecom-cost-card {
    padding: 32px;
    background: #302a68;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(48, 42, 104, 0.15);
}

.cmwecom-cost-card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.cmwecom-cost-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
    font-size: 21px;
}

.cmwecom-cost-card-top > span {
    color: rgba(255, 255, 255, 0.75);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.cmwecom-cost-card h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
}

.cmwecom-cost-card > p {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.8;
}

.cmwecom-cost-checklist {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 21px;
    background: rgba(255, 255, 255, 0.09);
    border-radius: 11px;
}

.cmwecom-cost-checklist div {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #ffffff;
    font-size: 13px;
}

.cmwecom-cost-checklist i {
    color: #ff716a;
    font-size: 15px;
}

.cmwecom-cost-card-bottom {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 22px 0;
}

.cmwecom-cost-card-bottom > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    color: #e21b12;
}

.cmwecom-cost-card-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    line-height: 1.7;
}

.cmwecom-cost-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    padding: 15px 20px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-cost-card-btn:hover {
    background: #ffffff;
    color: #e21b12;
}

/* FLOATING CARD */

.cmwecom-cost-floating {
    position: absolute;
    right: -5px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 19px;
    background: #ffffff;
    border: 1px solid #ececf2;
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.12);
}

.cmwecom-cost-floating > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 19px;
}

.cmwecom-cost-floating strong {
    display: block;
    color: #302a68;
    font-size: 12px;
}

.cmwecom-cost-floating small {
    display: block;
    margin-top: 4px;
    color: #888;
    font-size: 10px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-cost {
        padding: 75px 20px;
    }

    .cmwecom-cost-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cmwecom-cost-visual {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-cost {
        padding: 60px 16px;
    }

    .cmwecom-cost-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwecom-cost-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-cost-heading p {
        font-size: 14px;
    }

    .cmwecom-cost-item {
        padding: 16px 14px;
        gap: 12px;
    }

    .cmwecom-cost-icon {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .cmwecom-cost-item h3 {
        font-size: 14px;
    }

    .cmwecom-cost-item p {
        font-size: 12px;
    }

    .cmwecom-cost-visual {
        padding: 10px 0 30px;
    }

    .cmwecom-cost-card {
        padding: 23px 19px;
    }

    .cmwecom-cost-card h3 {
        font-size: 21px;
    }

    .cmwecom-cost-floating {
        right: 3px;
        bottom: 0;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwecom-cost-heading h2 {
        font-size: 24px;
    }

    .cmwecom-cost-card {
        padding: 20px 15px;
    }

    .cmwecom-cost-card h3 {
        font-size: 19px;
    }

    .cmwecom-cost-checklist {
        padding: 16px 13px;
    }

    .cmwecom-cost-checklist div {
        font-size: 12px;
    }
}

/* =========================================
   CMW ECOMMERCE FINAL CTA SECTION
========================================= */

.cmwecom-final-cta {
    position: relative;
    padding: 85px 20px;
    background: #302a68;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-final-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 55px;
    max-width: 1250px;
    margin: 0 auto;
}

/* LEFT CONTENT */

.cmwecom-final-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.cmwecom-final-content h2 {
    margin: 23px 0 17px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 39px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwecom-final-content h2 span {
    color: #ff716a;
}

.cmwecom-final-content > p {
    max-width: 570px;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.9;
}

/* BUTTONS */

.cmwecom-final-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 28px;
}

.cmwecom-final-primary,
.cmwecom-final-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 49px;
    padding: 13px 22px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-final-primary {
    background: #e21b12;
    color: #ffffff;
}

.cmwecom-final-primary:hover {
    background: #ffffff;
    color: #e21b12;
    transform: translateY(-3px);
}

.cmwecom-final-secondary {
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

.cmwecom-final-secondary:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #302a68;
}

/* CHECK POINTS */

.cmwecom-final-points {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 22px;
    margin-top: 29px;
}

.cmwecom-final-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
    font-weight: 500;
}

.cmwecom-final-points i {
    color: #ff716a;
    font-size: 13px;
}

/* RIGHT VISUAL */

.cmwecom-final-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 430px;
}

.cmwecom-final-circle {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.cmwecom-final-circle.circle-one {
    width: 370px;
    height: 370px;
}

.cmwecom-final-circle.circle-two {
    width: 450px;
    height: 450px;
}

/* STORE CARD */

.cmwecom-final-store-card {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 410px;
    padding: 19px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.22);
}

.cmwecom-final-store-header {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeF2;
}

.cmwecom-final-store-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 17px;
}

.cmwecom-final-store-header > div {
    flex: 1;
}

.cmwecom-final-store-header strong {
    display: block;
    color: #302a68;
    font-size: 11px;
    font-weight: 800;
}

.cmwecom-final-store-header small {
    display: block;
    margin-top: 4px;
    color: #888;
    font-size: 9px;
}

.cmwecom-final-store-header > i {
    color: #302a68;
    font-size: 17px;
}

/* STORE BANNER */

.cmwecom-final-store-banner {
    margin-top: 17px;
    padding: 23px 20px;
    border-radius: 10px;
    background: linear-gradient(135deg, #302a68, #49418d);
}

.cmwecom-final-store-banner > span {
    color: #ffaaa5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwecom-final-store-banner h3 {
    margin: 9px 0 7px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.cmwecom-final-store-banner p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 10px;
}

/* PRODUCT CARDS */

.cmwecom-final-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 15px;
}

.cmwecom-final-product {
    padding: 15px 8px;
    border: 1px solid #eeeeF2;
    border-radius: 8px;
    text-align: center;
}

.cmwecom-final-product span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin: 0 auto 9px;
    border-radius: 8px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 15px;
}

.cmwecom-final-product:nth-child(2) span {
    background: #f0eff8;
    color: #302a68;
}

.cmwecom-final-product:nth-child(3) span {
    background: #fff4e9;
    color: #d77b24;
}

.cmwecom-final-product strong {
    color: #302a68;
    font-size: 10px;
}

/* STORE FOOTER */

.cmwecom-final-store-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
    padding: 12px 8px;
    border-radius: 7px;
    background: #f5f4fa;
    color: #302a68;
    font-size: 10px;
    font-weight: 700;
}

.cmwecom-final-store-footer i {
    color: #31965b;
}

/* FLOATING CARD */

.cmwecom-final-floating {
    position: absolute;
    z-index: 2;
    right: -5px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.cmwecom-final-floating > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 18px;
}

.cmwecom-final-floating strong {
    display: block;
    color: #302a68;
    font-size: 11px;
}

.cmwecom-final-floating small {
    display: block;
    margin-top: 4px;
    color: #888;
    font-size: 9px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-final-cta {
        padding: 75px 20px;
    }

    .cmwecom-final-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .cmwecom-final-content {
        max-width: 700px;
    }

    .cmwecom-final-visual {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-final-cta {
        padding: 60px 16px;
    }

    .cmwecom-final-content h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .cmwecom-final-content > p {
        font-size: 13px;
    }

    .cmwecom-final-buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .cmwecom-final-primary,
    .cmwecom-final-secondary {
        width: 100%;
    }

    .cmwecom-final-points {
        flex-direction: column;
        gap: 12px;
    }

    .cmwecom-final-visual {
        min-height: 360px;
        padding: 15px 0 35px;
    }

    .cmwecom-final-circle.circle-one {
        width: 280px;
        height: 280px;
    }

    .cmwecom-final-circle.circle-two {
        width: 340px;
        height: 340px;
    }

    .cmwecom-final-store-card {
        padding: 15px;
    }

    .cmwecom-final-floating {
        right: 0;
        bottom: 0;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwecom-final-content h2 {
        font-size: 25px;
    }

    .cmwecom-final-store-banner h3 {
        font-size: 21px;
    }

    .cmwecom-final-floating {
        padding: 11px 13px;
    }
}

/* =========================================
   CMW ECOMMERCE LOCATION SECTION
========================================= */

.cmwecom-location {
    position: relative;
    padding: 90px 20px;
    background: #f8f9fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwecom-location-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwecom-location-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
}

/* LEFT CONTENT */

.cmwecom-location-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwecom-location-content h2 {
    margin: 20px 0 18px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 800;
}

.cmwecom-location-content h2 span {
    color: #e21b12;
}

.cmwecom-location-content > p {
    margin: 0 0 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.85;
}

/* HIGHLIGHTS */

.cmwecom-location-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px 18px;
    margin: 25px 0 28px;
}

.cmwecom-location-highlights div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #302a68;
    font-size: 12.5px;
    font-weight: 600;
}

.cmwecom-location-highlights i {
    color: #e21b12;
    font-size: 15px;
}

.cmwecom-location-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 23px;
    border-radius: 7px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwecom-location-btn:hover {
    background: #302a68;
    color: #fff;
    transform: translateY(-3px);
}

/* RIGHT VISUAL */

.cmwecom-location-visual {
    position: relative;
    padding: 20px 15px 35px 25px;
}

.cmwecom-location-main-card {
    position: relative;
    z-index: 1;
    padding: 38px 32px;
    border-radius: 18px;
    background: #302a68;
    box-shadow: 0 20px 50px rgba(48, 42, 104, 0.15);
}

.cmwecom-location-map-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-bottom: 23px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
    font-size: 29px;
}

.cmwecom-location-small-label {
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwecom-location-main-card h3 {
    margin: 12px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
}

.cmwecom-location-main-card > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.8;
}

.cmwecom-location-divider {
    height: 1px;
    margin: 25px 0;
    background: rgba(255, 255, 255, 0.17);
}

.cmwecom-location-area {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 18px;
}

.cmwecom-location-area > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffaaa5;
    font-size: 17px;
}

.cmwecom-location-area strong {
    display: block;
    color: #fff;
    font-size: 13px;
}

.cmwecom-location-area small {
    display: block;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
}

/* FLOATING CARD */

.cmwecom-location-floating {
    position: absolute;
    z-index: 2;
    right: -5px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 19px;
    border: 1px solid #ececf2;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.12);
}

.cmwecom-location-floating > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 19px;
}

.cmwecom-location-floating strong {
    display: block;
    color: #302a68;
    font-size: 12px;
}

.cmwecom-location-floating small {
    display: block;
    margin-top: 4px;
    color: #888;
    font-size: 10px;
}

.cmwecom-location-decoration {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 180px;
    border: 25px solid rgba(226, 27, 18, 0.08);
    border-radius: 50%;
}

/* BOTTOM SERVICE AREA STRIP */

.cmwecom-location-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 65px;
    padding: 23px 27px;
    border: 1px solid #ececf2;
    border-radius: 12px;
    background: #fff;
}

.cmwecom-location-bottom-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.cmwecom-location-bottom-heading i {
    color: #e21b12;
    font-size: 19px;
}

.cmwecom-location-places {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.cmwecom-location-places span {
    padding: 8px 12px;
    border-radius: 5px;
    background: #f5f4fa;
    color: #302a68;
    font-size: 11px;
    font-weight: 600;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwecom-location {
        padding: 75px 20px;
    }

    .cmwecom-location-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .cmwecom-location-visual {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }

    .cmwecom-location-bottom {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 45px;
    }

    .cmwecom-location-places {
        justify-content: flex-start;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwecom-location {
        padding: 60px 16px;
    }

    .cmwecom-location-content h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwecom-location-content > p {
        font-size: 13px;
    }

    .cmwecom-location-highlights {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwecom-location-btn {
        width: 100%;
        text-align: center;
    }

    .cmwecom-location-visual {
        padding: 10px 0 30px;
    }

    .cmwecom-location-main-card {
        padding: 27px 22px;
    }

    .cmwecom-location-main-card h3 {
        font-size: 22px;
    }

    .cmwecom-location-floating {
        right: 3px;
        bottom: 0;
        padding: 11px 13px;
    }

    .cmwecom-location-bottom {
        margin-top: 35px;
        padding: 20px;
    }

    .cmwecom-location-places {
        gap: 8px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwecom-location-content h2 {
        font-size: 24px;
    }

    .cmwecom-location-main-card {
        padding: 23px 17px;
    }

    .cmwecom-location-main-card h3 {
        font-size: 20px;
    }

    .cmwecom-location-floating {
        right: 0;
    }
}

/* ==========================================
   CMW SEO SERVICES SECTION
=========================================== */

.cmwseo-services {
    position: relative;
    padding: 90px 20px;
    background: #f8f9fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwseo-services-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwseo-services-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwseo-services-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwseo-services-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwseo-services-heading h2 span {
    color: #e21b12;
}

.cmwseo-services-heading p {
    max-width: 700px;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

/* SERVICES GRID */

.cmwseo-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cmwseo-service-card {
    position: relative;
    min-height: 230px;
    padding: 28px 25px;
    background: #ffffff;
    border: 1px solid #e9eaf0;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.cmwseo-service-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 15px 35px rgba(48, 42, 104, 0.09);
}

.cmwseo-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #302a68;
    color: #ffffff;
    font-size: 22px;
    transition: all 0.3s ease;
}

.cmwseo-service-card:hover .cmwseo-service-icon {
    background: #e21b12;
    transform: rotate(-5deg);
}

.cmwseo-service-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.cmwseo-service-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #666;
    font-size: 13.5px;
    line-height: 1.8;
}

.cmwseo-service-number {
    position: absolute;
    right: 15px;
    bottom: 7px;
    color: rgba(48, 42, 104, 0.055);
    font-family: 'Poppins', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

/* BOTTOM CTA */

.cmwseo-services-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 28px 32px;
    border-radius: 14px;
    background: #302a68;
}

.cmwseo-services-bottom-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwseo-services-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.7;
}

.cmwseo-services-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 14px 22px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwseo-services-btn:hover {
    background: #ffffff;
    color: #e21b12;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwseo-services {
        padding: 75px 20px;
    }

    .cmwseo-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwseo-service-card {
        min-height: 220px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwseo-services {
        padding: 60px 16px;
    }

    .cmwseo-services-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwseo-services-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwseo-services-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

    .cmwseo-services-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cmwseo-service-card {
        min-height: auto;
        padding: 24px 21px;
    }

    .cmwseo-service-icon {
        width: 49px;
        height: 49px;
        margin-bottom: 17px;
        font-size: 20px;
    }

    .cmwseo-service-card h3 {
        font-size: 16px;
    }

    .cmwseo-service-card p {
        font-size: 13px;
    }

    .cmwseo-services-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 22px;
    }

    .cmwseo-services-bottom-content h3 {
        font-size: 18px;
    }

    .cmwseo-services-btn {
        width: 100%;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwseo-services-heading h2 {
        font-size: 24px;
    }

    .cmwseo-service-card {
        padding: 21px 18px;
    }
}

/* ==========================================
   CMW SEO PROCESS SECTION
=========================================== */

.cmwseo-process {
    position: relative;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwseo-process-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* HEADING */

.cmwseo-process-heading {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.cmwseo-process-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwseo-process-heading h2 {
    margin: 20px 0 14px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
}

.cmwseo-process-heading h2 span {
    color: #e21b12;
}

.cmwseo-process-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #666666;
    font-size: 15px;
    line-height: 1.8;
}

/* TIMELINE GRID */

.cmwseo-process-timeline {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.cmwseo-process-card {
    position: relative;
    min-height: 250px;
    padding: 30px 27px;
    background: #f8f9fc;
    border: 1px solid #e9eaf0;
    border-radius: 14px;
    transition: all 0.35s ease;
}

.cmwseo-process-card:hover {
    transform: translateY(-7px);
    background: #ffffff;
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 15px 35px rgba(48, 42, 104, 0.09);
}

.cmwseo-process-number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: rgba(48, 42, 104, 0.09);
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
}

.cmwseo-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 22px;
    border-radius: 12px;
    background: #302a68;
    color: #ffffff;
    font-size: 22px;
    transition: all 0.3s ease;
}

.cmwseo-process-card:hover .cmwseo-process-icon {
    background: #e21b12;
    transform: rotate(-5deg);
}

.cmwseo-process-card h3 {
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.cmwseo-process-card p {
    margin: 0;
    color: #666666;
    font-size: 13.5px;
    line-height: 1.8;
}

/* BOTTOM CTA */

.cmwseo-process-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 28px 32px;
    border-radius: 14px;
    background: #302a68;
}

.cmwseo-process-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 25px;
}

.cmwseo-process-bottom-content {
    flex: 1;
}

.cmwseo-process-bottom-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwseo-process-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.7;
}

.cmwseo-process-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 14px 22px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwseo-process-btn:hover {
    background: #ffffff;
    color: #e21b12;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwseo-process {
        padding: 75px 20px;
    }

    .cmwseo-process-timeline {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwseo-process-card {
        min-height: 225px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwseo-process {
        padding: 60px 16px;
    }

    .cmwseo-process-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwseo-process-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwseo-process-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

    .cmwseo-process-timeline {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cmwseo-process-card {
        min-height: auto;
        padding: 24px 21px;
    }

    .cmwseo-process-icon {
        width: 49px;
        height: 49px;
        margin-bottom: 17px;
        font-size: 20px;
    }

    .cmwseo-process-card h3 {
        font-size: 16px;
    }

    .cmwseo-process-card p {
        font-size: 13px;
    }

    .cmwseo-process-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 22px;
    }

    .cmwseo-process-bottom-content h3 {
        font-size: 18px;
    }

    .cmwseo-process-btn {
        width: 100%;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwseo-process-heading h2 {
        font-size: 24px;
    }

    .cmwseo-process-card {
        padding: 21px 18px;
    }
}

/* ==========================================
   CMW SEO INTRO SECTION
=========================================== */

.cmwseo-intro {
    position: relative;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwseo-intro-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwseo-intro-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
}

/* LEFT CONTENT */

.cmwseo-intro-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwseo-intro-content h2 {
    margin: 21px 0 18px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.35;
    font-weight: 800;
}

.cmwseo-intro-content h2 span {
    color: #e21b12;
}

.cmwseo-intro-content > p {
    margin: 0 0 15px;
    color: #666666;
    font-size: 14px;
    line-height: 1.85;
}

/* HIGHLIGHTS */

.cmwseo-intro-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 18px;
    margin: 25px 0 28px;
}

.cmwseo-intro-highlights div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #302a68;
    font-size: 12px;
    font-weight: 600;
}

.cmwseo-intro-highlights span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff0ef;
    color: #e21b12;
    font-size: 10px;
}

/* BUTTONS */

.cmwseo-intro-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.cmwseo-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 21px;
    border-radius: 7px;
    background: #e21b12;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cmwseo-intro-btn:hover {
    background: #302a68;
    color: #ffffff;
    transform: translateY(-3px);
}

.cmwseo-intro-phone {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
}

.cmwseo-intro-phone > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f0eff8;
    color: #302a68;
    font-size: 15px;
}

.cmwseo-intro-phone small {
    display: block;
    margin-bottom: 4px;
    color: #888888;
    font-size: 10px;
}

.cmwseo-intro-phone strong {
    color: #302a68;
    font-size: 13px;
}

/* RIGHT VISUAL */

.cmwseo-intro-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 460px;
    padding: 25px;
}

.cmwseo-intro-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: #f3f2fa;
}

/* DASHBOARD */

.cmwseo-intro-dashboard {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 430px;
    padding: 25px;
    border: 1px solid #e9eaf0;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(48, 42, 104, 0.12);
}

.cmwseo-intro-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 19px;
    border-bottom: 1px solid #eeeeF2;
}

.cmwseo-intro-dashboard-header > div:first-child span {
    color: #e21b12;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwseo-intro-dashboard-header h3 {
    margin: 6px 0 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 700;
}

.cmwseo-intro-dashboard-icon {
    display: flex;

    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f0eff8;
    color: #302a68;
    font-size: 19px;
}

/* SEARCH BAR */

.cmwseo-intro-search {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 19px 0;
    padding: 12px 14px;
    border: 1px solid #ececf2;
    border-radius: 8px;
    color: #888888;
    font-size: 11px;
}

.cmwseo-intro-search span {
    flex: 1;
}

.cmwseo-intro-search > i:first-child {
    color: #e21b12;
}

/* METRICS */

.cmwseo-intro-metrics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.cmwseo-intro-metric {
    padding: 15px;
    border-radius: 10px;
    background: #f8f9fc;
}

.cmwseo-intro-metric-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-bottom: 11px;
    border-radius: 8px;
    background: #e9e7f7;
    color: #302a68;
    font-size: 15px;
}

.cmwseo-intro-metric-icon.orange {
    background: #fff0e8;
    color: #e47735;
}

.cmwseo-intro-metric small {
    display: block;
    color: #777777;
    font-size: 10px;
}

.cmwseo-intro-metric strong {
    display: block;
    margin-top: 5px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

/* CHART */

.cmwseo-intro-chart-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 23px 0 15px;
}

.cmwseo-intro-chart-heading h4 {
    margin: 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.cmwseo-intro-chart-heading span {
    color: #999999;
    font-size: 9px;
}

.cmwseo-intro-chart {
    height: 105px;
    padding: 10px 10px 0;
    border-bottom: 1px solid #eeeeF2;
    background: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 25px,
        #f0f0f4 26px
    );
}

.cmwseo-intro-chart-bars {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 12px;
    height: 78px;
}

.cmwseo-intro-chart-bars span {
    display: block;
    flex: 1;
    max-width: 28px;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(180deg, #e21b12, #302a68);
}

.cmwseo-intro-chart-labels {
    display: flex;
    justify-content: space-around;
    gap: 12px;
    margin-top: 7px;
}

.cmwseo-intro-chart-labels span {
    color: #999999;
    font-size: 8px;
}

/* DASHBOARD FOOTER */

.cmwseo-intro-dashboard-footer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 17px;
    padding: 12px;
    border-radius: 8px;
    background: #f5f4fa;
    color: #666666;
    font-size: 10px;
}

.cmwseo-intro-dashboard-footer i {
    color: #e21b12;
}

/* FLOATING CARD */

.cmwseo-intro-floating {
    position: absolute;
    z-index: 2;
    right: -5px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 18px;
    border: 1px solid #ececf2;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.12);
}

.cmwseo-intro-floating > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 18px;
}

.cmwseo-intro-floating strong {
    display: block;
    color: #302a68;
    font-size: 11px;
}

.cmwseo-intro-floating small {
    display: block;
    margin-top: 4px;
    color: #888888;
    font-size: 9px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwseo-intro {
        padding: 75px 20px;
    }

    .cmwseo-intro-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

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

    .cmwseo-intro-visual {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwseo-intro {
        padding: 60px 16px;
    }

    .cmwseo-intro-content h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .cmwseo-intro-content > p {
        font-size: 13px;
    }

    .cmwseo-intro-highlights {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cmwseo-intro-buttons {
        align-items: stretch;
        flex-direction: column;
        gap: 15px;
    }

    .cmwseo-intro-btn {
        width: 100%;
    }

    .cmwseo-intro-visual {
        min-height: 390px;
        padding: 15px 0 30px;
    }

    .cmwseo-intro-visual-bg {
        width: 290px;
        height: 290px;
    }

    .cmwseo-intro-dashboard {
        padding: 19px;
    }

    .cmwseo-intro-dashboard-header h3 {
        font-size: 17px;
    }

    .cmwseo-intro-floating {
        right: 0;
        bottom: 0;
        padding: 11px 13px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .cmwseo-intro-content h2 {
        font-size: 24px;
    }

    .cmwseo-intro-dashboard {
        padding: 15px;
    }

    .cmwseo-intro-metric {
        padding: 11px;
    }

    .cmwseo-intro-metric strong {
        font-size: 14px;
    }

    .cmwseo-intro-floating {
        right: 0;
    }
}

/* SEO BENEFITS SECTION */

.cmwseo-benefits {
    position: relative;
    padding: 90px 20px;
    background: #f7f8fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwseo-benefits-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwseo-benefits-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwseo-benefits-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwseo-benefits-heading h2 {
    margin: 20px 0 15px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.3;
}

.cmwseo-benefits-heading h2 span {
    color: #e21b12;
}

.cmwseo-benefits-heading p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.cmwseo-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.cmwseo-benefit-card {
    position: relative;
    min-height: 255px;
    padding: 30px 27px;
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: 13px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease,
                border-color .3s ease;
}

.cmwseo-benefit-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, .35);
    box-shadow: 0 15px 35px rgba(23, 61, 105, .09);
}

.cmwseo-benefit-icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 12px;
    background: #fff0ef;
    color: #e21b12;
    font-size: 23px;
    transition: .3s ease;
}

.cmwseo-benefit-card:hover .cmwseo-benefit-icon {
    background: #e21b12;
    color: #fff;
}

.cmwseo-benefit-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwseo-benefit-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.85;
}

.cmwseo-benefit-number {
    position: absolute;
    right: 17px;
    bottom: 5px;
    color: rgba(48, 42, 104, .045);
    font-family: 'Poppins', sans-serif;
    font-size: 65px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

/* CTA */

.cmwseo-benefits-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 45px;
    padding: 35px 40px;
    border-radius: 15px;
    background: #302a68;
}

.cmwseo-benefits-cta-content {
    max-width: 700px;
}

.cmwseo-benefits-cta-content > span {
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.cmwseo-benefits-cta-content h3 {
    margin: 10px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.cmwseo-benefits-cta-content p {
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.7;
}

.cmwseo-benefits-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwseo-benefits-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwseo-benefits {
        padding: 75px 20px;
    }

    .cmwseo-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .cmwseo-benefits-cta {
        padding: 30px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwseo-benefits {
        padding: 60px 16px;
    }

    .cmwseo-benefits-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwseo-benefits-heading h2 {
        font-size: 27px;
    }

    .cmwseo-benefits-heading p {
        font-size: 14px;
    }

    .cmwseo-benefits-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmwseo-benefit-card {
        min-height: auto;
        padding: 25px 22px;
    }

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

    .cmwseo-benefits-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 27px 22px;
        gap: 22px;
    }

    .cmwseo-benefits-cta-content h3 {
        font-size: 21px;
    }

    .cmwseo-benefits-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwseo-benefits-heading h2 {
        font-size: 24px;
    }

    .cmwseo-benefit-card {
        padding: 22px 18px;
    }
}

/* SEO INDUSTRIES SECTION */

.cmwseo-industries {
    padding: 90px 20px;
    background: #fff;
    font-family: 'Inter', sans-serif;
}

.cmwseo-industries-container {
    max-width: 1250px;
    margin: 0 auto;
}

.cmwseo-industries-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwseo-industries-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwseo-industries-heading h2 {
    margin: 20px 0 15px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.3;
}

.cmwseo-industries-heading h2 span {
    color: #e21b12;
}

.cmwseo-industries-heading p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.cmwseo-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cmwseo-industry-card {
    position: relative;
    padding: 28px 25px;
    min-height: 235px;
    border: 1px solid #e9e9ef;
    border-radius: 12px;
    background: #fff;
    transition: .3s ease;
}

.cmwseo-industry-card:hover {
    transform: translateY(-6px);
    border-color: rgba(226, 27, 18, .4);
    box-shadow: 0 14px 32px rgba(48, 42, 104, .09);
}

.cmwseo-industry-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 19px;
    border-radius: 12px;
    background: #f0eff8;
    color: #302a68;
    font-size: 22px;
    transition: .3s ease;
}

.cmwseo-industry-card:hover .cmwseo-industry-icon {
    background: #e21b12;
    color: #fff;
}

.cmwseo-industry-card h3 {
    margin: 0 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwseo-industry-card p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

/* BOTTOM CTA */

.cmwseo-industries-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 42px;
    padding: 30px 35px;
    border-radius: 13px;
    background: #302a68;
}

.cmwseo-industries-bottom h3 {
    margin: 0 0 8px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.cmwseo-industries-bottom p {
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.7;
}

.cmwseo-industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 15px 22px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwseo-industries-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwseo-industries {
        padding: 75px 20px;
    }

    .cmwseo-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwseo-industries-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwseo-industries {
        padding: 60px 16px;
    }

    .cmwseo-industries-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwseo-industries-heading h2 {
        font-size: 27px;
    }

    .cmwseo-industries-heading p {
        font-size: 14px;
    }

    .cmwseo-industries-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmwseo-industry-card {
        min-height: auto;
        padding: 24px 21px;
    }

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

    .cmwseo-industries-bottom {
        padding: 26px 21px;
    }

    .cmwseo-industries-bottom h3 {
        font-size: 19px;
    }

    .cmwseo-industries-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 380px) {
    .cmwseo-industries-heading h2 {
        font-size: 24px;
    }
}

/* SEO FINAL CTA SECTION */

.cmwseo-final-cta {
    position: relative;
    padding: 85px 20px;
    background: #f7f8fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwseo-final-cta-container {
    position: relative;
    max-width: 1250px;
    min-height: 390px;
    margin: 0 auto;
    padding: 55px 60px;
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    align-items: center;
    gap: 35px;
    border-radius: 18px;
    background: linear-gradient(120deg, #302a68, #173d69);
    overflow: hidden;
}

.cmwseo-final-cta-container::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    top: -210px;
    right: -100px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
}

.cmwseo-final-cta-container::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    bottom: -190px;
    left: 35%;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.cmwseo-final-cta-content {
    position: relative;
    z-index: 2;
}

.cmwseo-final-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 30px;
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwseo-final-cta-content h2 {
    margin: 22px 0 17px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwseo-final-cta-content h2 span {
    color: #ff716a;
}

.cmwseo-final-cta-content > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.9;
}

.cmwseo-final-cta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 22px;
    margin-top: 24px;
}

.cmwseo-final-cta-points div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.cmwseo-final-cta-points i {
    color: #ff716a;
    font-size: 15px;
}

.cmwseo-final-cta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.cmwseo-final-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 23px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwseo-final-cta-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

.cmwseo-final-cta-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
}

.cmwseo-final-cta-phone-icon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.13);
    color: #ffaaa5;
    font-size: 16px;
}

.cmwseo-final-cta-phone small,
.cmwseo-final-cta-phone strong {
    display: block;
}

.cmwseo-final-cta-phone small {
    margin-bottom: 4px;
    color: rgba(255,255,255,.7);
    font-size: 11px;
}

.cmwseo-final-cta-phone strong {
    color: #fff;
    font-size: 14px;
}

/* RIGHT VISUAL */

.cmwseo-final-cta-visual {
    position: relative;
    z-index: 1;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwseo-final-cta-orbit {
    position: absolute;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
}

.cmwseo-final-cta-visual .orbit-one {
    width: 260px;
    height: 260px;
}

.cmwseo-final-cta-visual .orbit-two {
    width: 190px;
    height: 190px;
    border-style: dashed;
}

.cmwseo-final-cta-main-icon {
    position: relative;
    z-index: 2;
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 28px;
    background: rgba(255,255,255,.13);
    color: #fff;
    font-size: 53px;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);
}

.cmwseo-final-cta-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 9px;
    background: #fff;
    color: #302a68;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 12px 25px rgba(0,0,0,.15);
}

.cmwseo-final-cta-float i {
    color: #e21b12;
    font-size: 16px;
}

.cmwseo-final-cta-float.float-top {
    top: 35px;
    right: 0;
}

.cmwseo-final-cta-float.float-bottom {
    bottom: 35px;
    left: 0;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwseo-final-cta {
        padding: 70px 20px;
    }

    .cmwseo-final-cta-container {
        padding: 45px 35px;
        grid-template-columns: 1fr .65fr;
        gap: 15px;
    }

    .cmwseo-final-cta-content h2 {
        font-size: 30px;
    }

    .cmwseo-final-cta-visual .orbit-one {
        width: 210px;
        height: 210px;
    }

    .cmwseo-final-cta-visual .orbit-two {
        width: 155px;
        height: 155px;
    }

    .cmwseo-final-cta-main-icon {
        width: 100px;
        height: 100px;
        font-size: 42px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwseo-final-cta {
        padding: 55px 16px;
    }

    .cmwseo-final-cta-container {
        grid-template-columns: 1fr;
        padding: 35px 23px 25px;
        gap: 10px;
    }

    .cmwseo-final-cta-content h2 {
        font-size: 27px;
    }

    .cmwseo-final-cta-content > p {
        font-size: 13px;
    }

    .cmwseo-final-cta-points {
        flex-direction: column;
        gap: 12px;
    }

    .cmwseo-final-cta-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 19px;
    }

    .cmwseo-final-cta-btn {
        width: 100%;
    }

    .cmwseo-final-cta-visual {
        min-height: 230px;
        margin-top: 10px;
    }

    .cmwseo-final-cta-visual .orbit-one {
        width: 205px;
        height: 205px;
    }

    .cmwseo-final-cta-visual .orbit-two {
        width: 155px;
        height: 155px;
    }

    .cmwseo-final-cta-main-icon {
        width: 95px;
        height: 95px;
        border-radius: 22px;
        font-size: 40px;
    }

    .cmwseo-final-cta-float.float-top {
        top: 15px;
        right: 0;
    }

    .cmwseo-final-cta-float.float-bottom {
        bottom: 12px;
        left: 0;
    }
}

@media (max-width: 380px) {
    .cmwseo-final-cta-container {
        padding: 30px 18px 20px;
    }

    .cmwseo-final-cta-content h2 {
        font-size: 24px;
    }

    .cmwseo-final-cta-float {
        padding: 10px 12px;
        font-size: 11px;
    }
}

/* ==========================================
   DIGITAL MARKETING INTRO SECTION
========================================== */

.cmwdm-intro {
    position: relative;
    padding: 90px 20px;
    background: #fff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwdm-intro-container {
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    gap: 55px;
}

/* LEFT CONTENT */

.cmwdm-intro-content {
    width: 100%;
}

.cmwdm-intro-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-intro-content h2 {
    margin: 22px 0 18px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-intro-content h2 span {
    color: #e21b12;
}

.cmwdm-intro-content > p {
    margin: 0 0 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

/* HIGHLIGHTS */

.cmwdm-intro-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 15px;
    margin-top: 27px;
}

.cmwdm-intro-highlight {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cmwdm-intro-highlight > span {
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f0eff8;
    color: #302a68;
    font-size: 17px;
}

.cmwdm-intro-highlight strong,
.cmwdm-intro-highlight small {
    display: block;
}

.cmwdm-intro-highlight strong {
    color: #302a68;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.cmwdm-intro-highlight small {
    margin-top: 4px;
    color: #777;
    font-size: 10px;
    line-height: 1.5;
}

/* BUTTONS */

.cmwdm-intro-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 32px;
}

.cmwdm-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 22px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-intro-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

.cmwdm-intro-phone {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #302a68;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.cmwdm-intro-phone i {
    color: #e21b12;
}

/* RIGHT VISUAL */

.cmwdm-intro-visual {
    position: relative;
    min-height: 490px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwdm-intro-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: #f0eff8;
}

/* DASHBOARD */

.cmwdm-intro-dashboard {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 390px;
    padding: 24px;
    border: 1px solid #e9e9ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(48, 42, 104, .12);
}

.cmwdm-intro-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #302a68;
}

.cmwdm-intro-dashboard-header > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cmwdm-dashboard-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e21b12;
}

.cmwdm-intro-dashboard-header strong {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.cmwdm-intro-dashboard-header > i {
    color: #999;
}

.cmwdm-dashboard-subtitle {
    margin-top: 8px;
    color: #888;
    font-size: 11px;
}

/* MAIN DASHBOARD CARD */

.cmwdm-dashboard-main-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
    padding: 20px 17px;
    border-radius: 11px;
    background: linear-gradient(120deg, #302a68, #173d69);
}

.cmwdm-dashboard-main-card small,
.cmwdm-dashboard-main-card h3,
.cmwdm-dashboard-main-card span {
    display: block;
}

.cmwdm-dashboard-main-card small {
    color: rgba(255,255,255,.72);
    font-size: 10px;
}

.cmwdm-dashboard-main-card h3 {
    margin: 7px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.cmwdm-dashboard-main-card span {
    color: #ffaaa5;
    font-size: 10px;
}

.cmwdm-dashboard-main-icon {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 24px;
}

/* SERVICE LIST */

.cmwdm-dashboard-services {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 23px;
}

.cmwdm-dashboard-service {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cmwdm-dashboard-service > div {
    flex: 1;
}

.cmwdm-dashboard-service strong,
.cmwdm-dashboard-service small {
    display: block;
}

.cmwdm-dashboard-service strong {
    color: #302a68;
    font-size: 12px;
    font-weight: 800;
}

.cmwdm-dashboard-service small {
    margin-top: 4px;
    color: #888;
    font-size: 10px;
}

.cmwdm-dashboard-service .service-icon {
    width: 37px;
    height: 37px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 15px;
}

.cmwdm-dashboard-service .seo {
    background: #f0eff8;
    color: #302a68;
}

.cmwdm-dashboard-service .ads {
    background: #fff0ef;
    color: #e21b12;
}

.cmwdm-dashboard-service .social {
    background: #eaf5ff;
    color: #2774b9;
}

.cmwdm-dashboard-service .content {
    background: #fff5e8;
    color: #d18428;
}

.cmwdm-dashboard-service .service-check {
    color: #2b9c68;
    font-size: 14px;
}

/* DASHBOARD FOOTER */

.cmwdm-dashboard-footer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #eee;
    color: #666;
    font-size: 10px;
}

.cmwdm-dashboard-footer i {
    color: #e21b12;
}

/* FLOATING CARDS */

.cmwdm-intro-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(48,42,104,.12);
}

.cmwdm-intro-float > span {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
}

.cmwdm-intro-float strong,
.cmwdm-intro-float small {
    display: block;
}

.cmwdm-intro-float strong {
    color: #302a68;
    font-size: 11px;
    font-weight: 800;
}

.cmwdm-intro-float small {
    margin-top: 4px;
    color: #888;
    font-size: 9px;
}

.cmwdm-float-top {
    top: 48px;
    right: -10px;
}

.cmwdm-float-bottom {
    bottom: 42px;
    left: -12px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-intro {
        padding: 75px 20px;
    }

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

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

    .cmwdm-intro-visual {
        min-height: 470px;
    }

    .cmwdm-float-top {
        right: 8%;
    }

    .cmwdm-float-bottom {
        left: 8%;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-intro {
        padding: 60px 16px;
    }

    .cmwdm-intro-container {
        gap: 25px;
    }

    .cmwdm-intro-content h2 {
        font-size: 27px;
        line-height: 1.4;
    }

    .cmwdm-intro-content > p {
        font-size: 13px;
    }

    .cmwdm-intro-highlights {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmwdm-intro-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .cmwdm-intro-btn {
        width: 100%;
    }

    .cmwdm-intro-visual {
        min-height: 420px;
    }

    .cmwdm-intro-dashboard {
        max-width: 340px;
        padding: 19px;
    }

    .cmwdm-intro-visual-bg {
        width: 300px;
        height: 300px;
    }

    .cmwdm-float-top {
        top: 5px;
        right: 0;
    }

    .cmwdm-float-bottom {
        bottom: 5px;
        left: 0;
    }
}

@media (max-width: 380px) {
    .cmwdm-intro-content h2 {
        font-size: 24px;
    }

    .cmwdm-intro-visual {
        min-height: 390px;
    }

    .cmwdm-intro-dashboard {
        padding: 15px;
    }

    .cmwdm-intro-float {
        padding: 10px;
    }
}

/* ==========================================
   DIGITAL MARKETING SERVICES SECTION
========================================== */

.cmwdm-services {
    padding: 90px 20px;
    background: #f7f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwdm-services-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* HEADING */

.cmwdm-services-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwdm-services-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-services-heading h2 {
    margin: 20px 0 15px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-services-heading h2 span {
    color: #e21b12;
}

.cmwdm-services-heading p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

/* SERVICES GRID */

.cmwdm-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

.cmwdm-service-card {
    position: relative;
    padding: 29px 26px;
    min-height: 275px;
    border: 1px solid #e9e9ef;
    border-radius: 13px;
    background: #fff;
    overflow: hidden;
    transition: transform .3s ease,
                box-shadow .3s ease,
                border-color .3s ease;
}

.cmwdm-service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #e21b12;
    transition: width .35s ease;
}

.cmwdm-service-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, .35);
    box-shadow: 0 16px 35px rgba(48, 42, 104, .09);
}

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

/* CARD TOP */

.cmwdm-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.cmwdm-service-icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f0eff8;
    color: #302a68;
    font-size: 23px;
    transition: .3s ease;
}

.cmwdm-service-card:hover .cmwdm-service-icon {
    background: #e21b12;
    color: #fff;
}

.cmwdm-service-number {
    color: #e7e6ef;
    font-family: 'Poppins', sans-serif;
    font-size: 29px;
    font-weight: 800;
}

/* CARD CONTENT */

.cmwdm-service-card h3 {
    margin: 0 0 12px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwdm-service-card p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.85;
}

/* SERVICE TAG */

.cmwdm-service-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 19px;
    padding: 7px 10px;
    border-radius: 5px;
    background: #f7f8fc;
    color: #302a68;
    font-size: 10px;
    font-weight: 700;
}

.cmwdm-service-tag i {
    color: #e21b12;
    font-size: 11px;
}

/* BOTTOM CTA */

.cmwdm-services-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 42px;
    padding: 28px 32px;
    border-radius: 13px;
    background: #302a68;
}

.cmwdm-services-bottom-icon {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,.13);
    color: #ffaaa5;
    font-size: 23px;
}

.cmwdm-services-bottom-content {
    flex: 1;
}

.cmwdm-services-bottom-content h3 {
    margin: 0 0 7px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 700;
}

.cmwdm-services-bottom-content p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.7;
}

.cmwdm-services-bottom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 15px 20px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-services-bottom-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-services {
        padding: 75px 20px;
    }

    .cmwdm-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwdm-services-bottom {
        flex-wrap: wrap;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-services {
        padding: 60px 16px;
    }

    .cmwdm-services-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwdm-services-heading h2 {
        font-size: 27px;
    }

    .cmwdm-services-heading p {
        font-size: 13px;
    }

    .cmwdm-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmwdm-service-card {
        min-height: auto;
        padding: 25px 22px;
    }

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

    .cmwdm-services-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 21px;
        gap: 15px;
    }

    .cmwdm-services-bottom-content h3 {
        font-size: 18px;
    }

    .cmwdm-services-bottom-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwdm-services-heading h2 {
        font-size: 24px;
    }

    .cmwdm-service-card {
        padding: 22px 18px;
    }
}

/* ==========================================
   DIGITAL MARKETING - WHY CHOOSE US
========================================== */

.cmwdm-why {
    position: relative;
    padding: 90px 20px;
    background: #fff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwdm-why-container {
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: 55px;
}

/* LEFT CONTENT */

.cmwdm-why-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-why-content h2 {
    margin: 21px 0 17px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-why-content h2 span {
    color: #e21b12;
}

.cmwdm-why-intro {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

/* BENEFIT LIST */

.cmwdm-why-list {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-top: 30px;
}

.cmwdm-why-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.cmwdm-why-item-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f0eff8;
    color: #302a68;
    font-size: 18px;
    transition: .3s ease;
}

.cmwdm-why-item:hover .cmwdm-why-item-icon {
    background: #e21b12;
    color: #fff;
}

.cmwdm-why-item h3 {
    margin: 1px 0 6px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwdm-why-item p {
    margin: 0;
    color: #777;
    font-size: 12px;
    line-height: 1.8;
}

/* CTA BUTTON */

.cmwdm-why-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 30px;
    padding: 15px 22px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-why-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* RIGHT VISUAL */

.cmwdm-why-visual {
    position: relative;
    min-height: 490px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwdm-why-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: #f0eff8;
}

/* MAIN CARD */

.cmwdm-why-main-card {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 390px;
    padding: 25px;
    border: 1px solid #e9e9ef;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(48, 42, 104, .12);
}

.cmwdm-why-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #302a68;
}

.cmwdm-why-card-header > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cmwdm-why-live-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e21b12;
}

.cmwdm-why-card-header strong {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.cmwdm-why-card-header > i {
    color: #999;
}

.cmwdm-why-card-title {
    margin-top: 26px;
}

.cmwdm-why-card-title span {
    color: #888;
    font-size: 11px;
}

.cmwdm-why-card-title h3 {
    margin: 7px 0 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 800;
}

/* STRATEGY ITEMS */

.cmwdm-why-strategy {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 24px;
}

.cmwdm-why-strategy-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 9px;
    background: #fff;
}

.cmwdm-why-strategy-item > div {
    flex: 1;
}

.cmwdm-why-strategy-item strong,
.cmwdm-why-strategy-item small {
    display: block;
}

.cmwdm-why-strategy-item strong {
    color: #302a68;
    font-size: 12px;
    font-weight: 800;
}

.cmwdm-why-strategy-item small {
    margin-top: 4px;
    color: #888;
    font-size: 10px;
}

.cmwdm-why-strategy-item .strategy-icon {
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 16px;
}

.cmwdm-why-strategy-item .strategy-red {
    background: #fff0ef;
    color: #e21b12;
}

.cmwdm-why-strategy-item .strategy-purple {
    background: #f0eff8;
    color: #302a68;
}

.cmwdm-why-strategy-item .strategy-blue {
    background: #eaf5ff;
    color: #2774b9;
}

.cmwdm-why-strategy-item .strategy-orange {
    background: #fff5e8;
    color: #d18428;
}

.cmwdm-why-strategy-item .strategy-check {
    color: #2b9c68;
    font-size: 14px;
}

/* CARD FOOTER */

.cmwdm-why-card-footer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #eee;
    color: #666;
    font-size: 10px;
}

.cmwdm-why-card-footer i {
    color: #e21b12;
}

/* FLOATING CARDS */

.cmwdm-why-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(48,42,104,.12);
}

.cmwdm-why-floating > span {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff0ef;
    color: #e21b12;
}

.cmwdm-why-floating strong,
.cmwdm-why-floating small {
    display: block;
}

.cmwdm-why-floating strong {
    color: #302a68;
    font-size: 11px;
    font-weight: 800;
}

.cmwdm-why-floating small {
    margin-top: 4px;
    color: #888;
    font-size: 9px;
}

.cmwdm-why .why-float-one {
    top: 45px;
    right: -10px;
}

.cmwdm-why .why-float-two {
    bottom: 45px;
    left: -12px;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-why {
        padding: 75px 20px;
    }

    .cmwdm-why-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cmwdm-why-content h2 {
        font-size: 33px;
    }

    .cmwdm-why-visual {
        min-height: 470px;
    }

    .cmwdm-why .why-float-one {
        right: 8%;
    }

    .cmwdm-why .why-float-two {
        left: 8%;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-why {
        padding: 60px 16px;
    }

    .cmwdm-why-content h2 {
        font-size: 27px;
    }

    .cmwdm-why-intro {
        font-size: 13px;
    }

    .cmwdm-why-list {
        gap: 19px;
    }

    .cmwdm-why-item h3 {
        font-size: 14px;
    }

    .cmwdm-why-item p {
        font-size: 11px;
    }

    .cmwdm-why-btn {
        width: 100%;
        text-align: center;
    }

    .cmwdm-why-visual {
        min-height: 430px;
    }

    .cmwdm-why-visual-bg {
        width: 300px;
        height: 300px;
    }

    .cmwdm-why-main-card {
        max-width: 340px;
        padding: 19px;
    }

    .cmwdm-why .why-float-one {
        top: 5px;
        right: 0;
    }

    .cmwdm-why .why-float-two {
        bottom: 5px;
        left: 0;
    }
}

@media (max-width: 380px) {
    .cmwdm-why-content h2 {
        font-size: 24px;
    }

    .cmwdm-why-visual {
        min-height: 400px;
    }

    .cmwdm-why-main-card {
        padding: 15px;
    }

    .cmwdm-why-floating {
        padding: 10px;
    }
}

/* ==========================================
   DIGITAL MARKETING PROCESS SECTION
========================================== */

.cmwdm-process {
    padding: 90px 20px;
    background: #f7f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwdm-process-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwdm-process-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwdm-process-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-process-heading h2 {
    margin: 20px 0 15px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-process-heading h2 span {
    color: #e21b12;
}

.cmwdm-process-heading p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

/* PROCESS GRID */

.cmwdm-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

.cmwdm-process-card {
    position: relative;
    min-height: 275px;
    padding: 28px 25px;
    border: 1px solid #e9e9ef;
    border-radius: 13px;
    background: #fff;
    overflow: hidden;
    transition: transform .3s ease,
                box-shadow .3s ease,
                border-color .3s ease;
}

.cmwdm-process-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, .35);
    box-shadow: 0 15px 35px rgba(48, 42, 104, .09);
}

/* CARD TOP */

.cmwdm-process-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.cmwdm-process-icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f0eff8;
    color: #302a68;
    font-size: 22px;
    transition: .3s ease;
}

.cmwdm-process-card:hover .cmwdm-process-icon {
    background: #e21b12;
    color: #fff;
}

.cmwdm-process-step {
    color: #e7e6ef;
    font-family: 'Poppins', sans-serif;
    font-size: 31px;
    font-weight: 800;
}

/* CARD CONTENT */

.cmwdm-process-card h3 {
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwdm-process-card p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.85;
}

.cmwdm-process-bottom {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    padding: 7px 10px;
    border-radius: 5px;
    background: #f7f8fc;
    color: #302a68;
    font-size: 10px;
    font-weight: 700;
}

.cmwdm-process-bottom i {
    color: #e21b12;
}

/* BOTTOM CTA */

.cmwdm-process-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 42px;
    padding: 32px 35px;
    border-radius: 13px;
    background: #302a68;
}

.cmwdm-process-cta-content > span {
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-process-cta-content h3 {
    margin: 9px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
}

.cmwdm-process-cta-content p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.7;
}

.cmwdm-process-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 15px 23px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-process-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-process {
        padding: 75px 20px;
    }

    .cmwdm-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwdm-process-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-process {
        padding: 60px 16px;
    }

    .cmwdm-process-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwdm-process-heading h2 {
        font-size: 27px;
    }

    .cmwdm-process-heading p {
        font-size: 13px;
    }

    .cmwdm-process-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmwdm-process-card {
        min-height: auto;
        padding: 25px 22px;
    }

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

    .cmwdm-process-cta {
        padding: 27px 22px;
    }

    .cmwdm-process-cta-content h3 {
        font-size: 19px;
    }

    .cmwdm-process-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwdm-process-heading h2 {
        font-size: 24px;
    }

    .cmwdm-process-card {
        padding: 22px 18px;
    }
}

/* ==========================================
   DIGITAL MARKETING BENEFITS SECTION
========================================== */

.cmwdm-benefits {
    padding: 90px 20px;
    background: #fff;
    font-family: 'Inter', sans-serif;
}

.cmwdm-benefits-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* HEADING */

.cmwdm-benefits-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwdm-benefits-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-benefits-heading h2 {
    margin: 20px 0 15px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-benefits-heading h2 span {
    color: #e21b12;
}

.cmwdm-benefits-heading p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

/* BENEFITS GRID */

.cmwdm-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

.cmwdm-benefit-card {
    position: relative;
    min-height: 245px;
    padding: 29px 26px;
    border: 1px solid #e9e9ef;
    border-radius: 13px;
    background: #fff;
    overflow: hidden;
    transition: transform .3s ease,
                box-shadow .3s ease,
                border-color .3s ease;
}

.cmwdm-benefit-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, .35);
    box-shadow: 0 15px 35px rgba(48, 42, 104, .09);
}

/* ICON */

.cmwdm-benefit-icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
    border-radius: 12px;
    background: #f0eff8;
    color: #302a68;
    font-size: 23px;
    transition: .3s ease;
}

.cmwdm-benefit-card:hover .cmwdm-benefit-icon {
    background: #e21b12;
    color: #fff;
}

/* NUMBER */

.cmwdm-benefit-number {
    position: absolute;
    top: 23px;
    right: 22px;
    color: #e9e8f0;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 800;
}

/* CONTENT */

.cmwdm-benefit-card h3 {
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwdm-benefit-card p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.85;
}

/* BOTTOM CTA */

.cmwdm-benefits-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 42px;
    padding: 33px 36px;
    border-radius: 13px;
    background: #302a68;
}

.cmwdm-benefits-cta-content {
    max-width: 720px;
}

.cmwdm-benefits-cta-content > span {
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-benefits-cta-content h3 {
    margin: 10px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
}

.cmwdm-benefits-cta-content p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.7;
}

.cmwdm-benefits-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 15px 22px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-benefits-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-benefits {
        padding: 75px 20px;
    }

    .cmwdm-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwdm-benefits-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-benefits {
        padding: 60px 16px;
    }

    .cmwdm-benefits-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwdm-benefits-heading h2 {
        font-size: 27px;
    }

    .cmwdm-benefits-heading p {
        font-size: 13px;
    }

    .cmwdm-benefits-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmwdm-benefit-card {
        min-height: auto;
        padding: 25px 22px;
    }

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

    .cmwdm-benefits-cta {
        padding: 27px 22px;
    }

    .cmwdm-benefits-cta-content h3 {
        font-size: 19px;
    }

    .cmwdm-benefits-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwdm-benefits-heading h2 {
        font-size: 24px;
    }

    .cmwdm-benefit-card {
        padding: 22px 18px;
    }
}

/* ==========================================
   DIGITAL MARKETING INDUSTRIES SECTION
========================================== */

.cmwdm-industries {
    padding: 90px 20px;
    background: #fff;
    font-family: 'Inter', sans-serif;
}

.cmwdm-industries-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* HEADING */

.cmwdm-industries-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwdm-industries-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 30px;
    background: rgba(226, 27, 18, .08);
    color: #e21b12;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-industries-heading h2 {
    margin: 20px 0 15px;
    color: #171717;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-industries-heading h2 span {
    color: #e21b12;
}

.cmwdm-industries-heading p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

/* INDUSTRY GRID */

.cmwdm-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

.cmwdm-industry-card {
    position: relative;
    min-height: 230px;
    padding: 28px 25px;
    border: 1px solid #e9e9ef;
    border-radius: 13px;
    background: #fff;
    transition: transform .3s ease,
                box-shadow .3s ease,
                border-color .3s ease;
}

.cmwdm-industry-card:hover {
    transform: translateY(-7px);
    border-color: rgba(226, 27, 18, .35);
    box-shadow: 0 15px 35px rgba(48, 42, 104, .09);
}

/* ICON */

.cmwdm-industry-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 19px;
    border-radius: 12px;
    background: #f0eff8;
    color: #302a68;
    font-size: 22px;
    transition: .3s ease;
}

.cmwdm-industry-card:hover .cmwdm-industry-icon {
    background: #e21b12;
    color: #fff;
}

/* CONTENT */

.cmwdm-industry-card h3 {
    margin: 0 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.cmwdm-industry-card p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.85;
}

/* BOTTOM CTA */

.cmwdm-industries-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 42px;
    padding: 30px 33px;
    border-radius: 13px;
    background: #302a68;
}

.cmwdm-industries-bottom-icon {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,.13);
    color: #ffaaa5;
    font-size: 23px;
}

.cmwdm-industries-bottom-content {
    flex: 1;
}

.cmwdm-industries-bottom-content h3 {
    margin: 0 0 7px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 700;
}

.cmwdm-industries-bottom-content p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.7;
}

.cmwdm-industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 15px 21px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-industries-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-industries {
        padding: 75px 20px;
    }

    .cmwdm-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwdm-industries-bottom {
        flex-wrap: wrap;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-industries {
        padding: 60px 16px;
    }

    .cmwdm-industries-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .cmwdm-industries-heading h2 {
        font-size: 27px;
    }

    .cmwdm-industries-heading p {
        font-size: 13px;
    }

    .cmwdm-industries-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cmwdm-industry-card {
        min-height: auto;
        padding: 25px 22px;
    }

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

    .cmwdm-industries-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 26px 21px;
        gap: 15px;
    }

    .cmwdm-industries-bottom-content h3 {
        font-size: 18px;
    }

    .cmwdm-industries-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cmwdm-industries-heading h2 {
        font-size: 24px;
    }

    .cmwdm-industry-card {
        padding: 22px 18px;
    }
}

/* ==========================================
   DIGITAL MARKETING FINAL CTA SECTION
========================================== */

.cmwdm-final-cta {
    position: relative;
    padding: 85px 20px;
    background: #f7f8fc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwdm-final-cta-container {
    position: relative;
    max-width: 1250px;
    min-height: 390px;
    margin: 0 auto;
    padding: 55px 60px;
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    align-items: center;
    gap: 35px;
    border-radius: 18px;
    background: linear-gradient(120deg, #302a68, #173d69);
    overflow: hidden;
}

.cmwdm-final-cta-container::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    top: -210px;
    right: -100px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
}

.cmwdm-final-cta-container::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    bottom: -190px;
    left: 35%;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

/* LEFT CONTENT */

.cmwdm-final-cta-content {
    position: relative;
    z-index: 2;
}

.cmwdm-final-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 30px;
    color: #ffaaa5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwdm-final-cta-content h2 {
    margin: 22px 0 17px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.35;
}

.cmwdm-final-cta-content h2 span {
    color: #ff716a;
}

.cmwdm-final-cta-content > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.9;
}

/* CTA POINTS */

.cmwdm-final-cta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 22px;
    margin-top: 24px;
}

.cmwdm-final-cta-points div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.cmwdm-final-cta-points i {
    color: #ff716a;
    font-size: 15px;
}

/* ACTION BUTTONS */

.cmwdm-final-cta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.cmwdm-final-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 23px;
    border-radius: 6px;
    background: #e21b12;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.cmwdm-final-cta-btn:hover {
    background: #c9140c;
    color: #fff;
    transform: translateY(-3px);
}

.cmwdm-final-cta-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
}

.cmwdm-final-cta-phone-icon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.13);
    color: #ffaaa5;
    font-size: 16px;
}

.cmwdm-final-cta-phone small,
.cmwdm-final-cta-phone strong {
    display: block;
}

.cmwdm-final-cta-phone small {
    margin-bottom: 4px;
    color: rgba(255,255,255,.7);
    font-size: 11px;
}

.cmwdm-final-cta-phone strong {
    color: #fff;
    font-size: 14px;
}

/* RIGHT VISUAL */

.cmwdm-final-cta-visual {
    position: relative;
    z-index: 1;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmwdm-final-cta-orbit {
    position: absolute;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
}

.cmwdm-final-cta-visual .orbit-one {
    width: 260px;
    height: 260px;
}

.cmwdm-final-cta-visual .orbit-two {
    width: 190px;
    height: 190px;
    border-style: dashed;
}

.cmwdm-final-cta-main-icon {
    position: relative;
    z-index: 2;
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 28px;
    background: rgba(255,255,255,.13);
    color: #fff;
    font-size: 53px;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);
}

/* FLOATING CARDS */

.cmwdm-final-cta-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 9px;
    background: #fff;
    color: #302a68;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 12px 25px rgba(0,0,0,.15);
}

.cmwdm-final-cta-float i {
    color: #e21b12;
    font-size: 16px;
}

.cmwdm-final-cta-float.float-top {
    top: 35px;
    right: 0;
}

.cmwdm-final-cta-float.float-bottom {
    bottom: 35px;
    left: 0;
}

/* TABLET */

@media (max-width: 991px) {
    .cmwdm-final-cta {
        padding: 70px 20px;
    }

    .cmwdm-final-cta-container {
        padding: 45px 35px;
        grid-template-columns: 1fr .65fr;
        gap: 15px;
    }

    .cmwdm-final-cta-content h2 {
        font-size: 30px;
    }

    .cmwdm-final-cta-visual .orbit-one {
        width: 210px;
        height: 210px;
    }

    .cmwdm-final-cta-visual .orbit-two {
        width: 155px;
        height: 155px;
    }

    .cmwdm-final-cta-main-icon {
        width: 100px;
        height: 100px;
        font-size: 42px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .cmwdm-final-cta {
        padding: 55px 16px;
    }

    .cmwdm-final-cta-container {
        grid-template-columns: 1fr;
        padding: 35px 23px 25px;
        gap: 10px;
    }

    .cmwdm-final-cta-content h2 {
        font-size: 27px;
    }

    .cmwdm-final-cta-content > p {
        font-size: 13px;
    }

    .cmwdm-final-cta-points {
        flex-direction: column;
        gap: 12px;
    }

    .cmwdm-final-cta-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 19px;
    }

    .cmwdm-final-cta-btn {
        width: 100%;
    }

    .cmwdm-final-cta-visual {
        min-height: 230px;
        margin-top: 10px;
    }

    .cmwdm-final-cta-visual .orbit-one {
        width: 205px;
        height: 205px;
    }

    .cmwdm-final-cta-visual .orbit-two {
        width: 155px;
        height: 155px;
    }

    .cmwdm-final-cta-main-icon {
        width: 95px;
        height: 95px;
        border-radius: 22px;
        font-size: 40px;
    }

    .cmwdm-final-cta-float.float-top {
        top: 15px;
        right: 0;
    }

    .cmwdm-final-cta-float.float-bottom {
        bottom: 12px;
        left: 0;
    }
}

@media (max-width: 380px) {
    .cmwdm-final-cta-container {
        padding: 30px 18px 20px;
    }

    .cmwdm-final-cta-content h2 {
        font-size: 24px;
    }

    .cmwdm-final-cta-float {
        padding: 10px 12px;
        font-size: 11px;
    }
}

/* ==========================================
   CREATE MY WEB - TERMS & CONDITIONS
=========================================== */

.cmw-terms-section {
    width: 100%;
    padding: 85px 20px;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmw-terms-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* INTRO */

.cmw-terms-intro {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmw-terms-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmw-terms-intro h2 {
    margin: 20px 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

.cmw-terms-intro p {
    margin: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.9;
}

/* TERMS CONTENT */

.cmw-terms-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cmw-terms-item {
    padding: 27px 30px;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    transition: 0.3s ease;
}

.cmw-terms-item:hover {
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 8px 25px rgba(23, 20, 70, 0.06);
}

.cmw-terms-item h3 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
}

.cmw-terms-item h3 span {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.cmw-terms-item p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

.cmw-terms-item ul {
    margin: 0;
    padding-left: 21px;
}

.cmw-terms-item ul li {
    margin-bottom: 10px;
    padding-left: 5px;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
}

.cmw-terms-item ul li:last-child {
    margin-bottom: 0;
}

.cmw-terms-item ul li::marker {
    color: #e21b12;
}

/* CONTACT BOX */

.cmw-terms-contact {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-top: 45px;
    padding: 35px;
    background: #f8f8fc;
    border: 1px solid #ececf3;
    border-left: 4px solid #e21b12;
    border-radius: 12px;
}

.cmw-terms-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    background: #302a68;
    color: #ffffff;
    border-radius: 12px;
    font-size: 23px;
}

.cmw-terms-contact-info > span {
    color: #e21b12;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmw-terms-contact-info h3 {
    margin: 8px 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
    font-weight: 700;
}

.cmw-terms-contact-info p {
    margin: 0 0 18px;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
}

.cmw-terms-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
}

.cmw-terms-contact-details a,
.cmw-terms-contact-details span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #302a68;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.cmw-terms-contact-details i {
    color: #e21b12;
}

.cmw-terms-contact-details a:hover {
    color: #e21b12;
}

/* TABLET */

@media (max-width: 767px) {

    .cmw-terms-section {
        padding: 60px 18px;
    }

    .cmw-terms-intro {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmw-terms-intro h2 {
        font-size: 29px;
    }

    .cmw-terms-item {
        padding: 22px 20px;
    }

    .cmw-terms-item h3 {
        gap: 11px;
        font-size: 17px;
    }

    .cmw-terms-contact {
        gap: 17px;
        padding: 25px 20px;
    }

    .cmw-terms-contact-info h3 {
        font-size: 21px;
    }

}

/* MOBILE */

@media (max-width: 480px) {

    .cmw-terms-section {
        padding: 45px 15px;
    }

    .cmw-terms-intro h2 {
        font-size: 26px;
    }

    .cmw-terms-intro p {
        font-size: 14px;
    }

    .cmw-terms-item {
        padding: 20px 16px;
        border-radius: 10px;
    }

    .cmw-terms-item h3 {
        align-items: flex-start;
        font-size: 16px;
    }

    .cmw-terms-item h3 span {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .cmw-terms-item p,
    .cmw-terms-item ul li {
        font-size: 13px;
    }

    .cmw-terms-contact {
        flex-direction: column;
        padding: 23px 18px;
    }

    .cmw-terms-contact-info h3 {
        font-size: 20px;
    }

    .cmw-terms-contact-details {
        flex-direction: column;
        gap: 13px;
    }

}

/* ==========================================
   CREATE MY WEB - PRIVACY POLICY
=========================================== */

.cmw-privacy-section {
    width: 100%;
    padding: 85px 20px;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmw-privacy-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* INTRO */

.cmw-privacy-intro {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmw-privacy-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmw-privacy-intro h2 {
    margin: 20px 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

.cmw-privacy-intro p {
    margin: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.9;
}

/* CONTENT */

.cmw-privacy-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cmw-privacy-item {
    padding: 27px 30px;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    transition: 0.3s ease;
}

.cmw-privacy-item:hover {
    border-color: rgba(226, 27, 18, 0.35);
    box-shadow: 0 8px 25px rgba(23, 20, 70, 0.06);
}

.cmw-privacy-item h3 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
}

.cmw-privacy-item h3 span {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.cmw-privacy-item p {
    margin: 0 0 12px;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

.cmw-privacy-item p:last-child {
    margin-bottom: 0;
}

.cmw-privacy-item ul {
    margin: 0 0 12px;
    padding-left: 21px;
}

.cmw-privacy-item ul:last-child {
    margin-bottom: 0;
}

.cmw-privacy-item ul li {
    margin-bottom: 10px;
    padding-left: 5px;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
}

.cmw-privacy-item ul li:last-child {
    margin-bottom: 0;
}

.cmw-privacy-item ul li::marker {
    color: #e21b12;
}

/* CONTACT BOX */

.cmw-privacy-contact {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-top: 45px;
    padding: 35px;
    background: #f8f8fc;
    border: 1px solid #ececf3;
    border-left: 4px solid #e21b12;
    border-radius: 12px;
}

.cmw-privacy-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    background: #302a68;
    color: #ffffff;
    border-radius: 12px;
    font-size: 23px;
}

.cmw-privacy-contact-info > span {
    color: #e21b12;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmw-privacy-contact-info h3 {
    margin: 8px 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
    font-weight: 700;
}

.cmw-privacy-contact-info p {
    margin: 0 0 18px;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
}

.cmw-privacy-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
}

.cmw-privacy-contact-details a,
.cmw-privacy-contact-details span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #302a68;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.cmw-privacy-contact-details i {
    color: #e21b12;
}

.cmw-privacy-contact-details a:hover {
    color: #e21b12;
}

/* TABLET */

@media (max-width: 767px) {

    .cmw-privacy-section {
        padding: 60px 18px;
    }

    .cmw-privacy-intro {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmw-privacy-intro h2 {
        font-size: 29px;
    }

    .cmw-privacy-item {
        padding: 22px 20px;
    }

    .cmw-privacy-item h3 {
        gap: 11px;
        font-size: 17px;
    }

    .cmw-privacy-contact {
        gap: 17px;
        padding: 25px 20px;
    }

    .cmw-privacy-contact-info h3 {
        font-size: 21px;
    }

}

/* MOBILE */

@media (max-width: 480px) {

    .cmw-privacy-section {
        padding: 45px 15px;
    }

    .cmw-privacy-intro h2 {
        font-size: 26px;
    }

    .cmw-privacy-intro p {
        font-size: 14px;
    }

    .cmw-privacy-item {
        padding: 20px 16px;
        border-radius: 10px;
    }

    .cmw-privacy-item h3 {
        align-items: flex-start;
        font-size: 16px;
    }

    .cmw-privacy-item h3 span {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .cmw-privacy-item p,
    .cmw-privacy-item ul li {
        font-size: 13px;
    }

    .cmw-privacy-contact {
        flex-direction: column;
        padding: 23px 18px;
    }

    .cmw-privacy-contact-info h3 {
        font-size: 20px;
    }

    .cmw-privacy-contact-details {
        flex-direction: column;
        gap: 13px;
    }

}


/* ==========================================
   CREATE MY WEB - GRAPHIC DESIGN INTRO
=========================================== */

.cmwgd-intro {
    width: 100%;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwgd-intro-container {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
    max-width: 1250px;
    margin: 0 auto;
}

/* LEFT CONTENT */

.cmwgd-intro-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 22px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-intro-content h2 {
    margin: 0 0 22px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwgd-intro-content h2 span {
    display: block;
    color: #e21b12;
}

.cmwgd-intro-description {
    margin: 0 0 16px;
    color: #666666;
    font-size: 14px;
    line-height: 1.95;
}

/* HIGHLIGHTS */

.cmwgd-intro-highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 18px;
    margin-top: 25px;
}

.cmwgd-intro-highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #302a68;
    font-size: 13px;
    font-weight: 600;
}

.cmwgd-highlight-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    background: rgba(226, 27, 18, 0.09);
    color: #e21b12;
    border-radius: 50%;
    font-size: 10px;
}

/* ACTIONS */

.cmwgd-intro-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 32px;
}

.cmwgd-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.cmwgd-intro-btn:hover {
    background: #c9140c;
    color: #ffffff;
    transform: translateY(-3px);
}

.cmwgd-intro-call {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #302a68;
    text-decoration: none;
}

.cmwgd-call-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    background: #f4f3fa;
    color: #e21b12;
    border-radius: 50%;
}

.cmwgd-intro-call small,
.cmwgd-intro-call strong {
    display: block;
}

.cmwgd-intro-call small {
    margin-bottom: 4px;
    color: #777777;
    font-size: 11px;
}

.cmwgd-intro-call strong {
    font-size: 14px;
}

/* RIGHT VISUAL */

.cmwgd-intro-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 490px;
}

.cmwgd-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    background: #f3f1fb;
    border-radius: 50%;
}

/* MAIN DESIGN CARD */

.cmwgd-design-main-card {
    position: relative;
    z-index: 2;
    width: 350px;
    padding: 19px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 17px;
    box-shadow: 0 20px 55px rgba(48, 42, 104, 0.13);
    transform: rotate(-3deg);
}

.cmwgd-design-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.cmwgd-design-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cmwgd-design-brand-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    background: #302a68;
    color: #ffffff;
    border-radius: 9px;
}

.cmwgd-design-brand strong,
.cmwgd-design-brand small {
    display: block;
}

.cmwgd-design-brand strong {
    color: #302a68;
    font-size: 11px;
    letter-spacing: 1px;
}

.cmwgd-design-brand small {
    margin-top: 4px;
    color: #999999;
    font-size: 9px;
    letter-spacing: 1px;
}

.cmwgd-design-menu {
    color: #777777;
}

/* ARTWORK */

.cmwgd-design-artwork {
    position: relative;
    height: 290px;
    overflow: hidden;
    background: #302a68;
    border-radius: 11px;
}

.cmwgd-art-circle {
    position: absolute;
    border-radius: 50%;
}

.cmwgd-art-circle.art-circle-one {
    width: 240px;
    height: 240px;
    top: -110px;
    right: -65px;
    background: #e21b12;
}

.cmwgd-art-circle.art-circle-two {
    width: 180px;
    height: 180px;
    bottom: -95px;
    left: -45px;
    border: 24px solid rgba(255, 255, 255, 0.15);
}

.cmwgd-art-square {
    position: absolute;
    top: 65px;
    right: 35px;
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    transform: rotate(35deg);
}

.cmwgd-art-center {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    color: #ffffff;
}

.cmwgd-art-center span {
    display: block;
    margin-bottom: 12px;
    color: #ff716a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
}

.cmwgd-art-center strong {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
}

.cmwgd-art-center small {
    display: block;
    margin-top: 14px;
    font-size: 9px;
    letter-spacing: 2px;
}

.cmwgd-art-star {
    position: absolute;
    color: #ffffff;
}

.cmwgd-art-star.star-one {
    top: 35px;
    right: 35px;
    font-size: 30px;
}

.cmwgd-art-star.star-two {
    bottom: 28px;
    right: 45px;
    font-size: 27px;
}

/* DESIGN FOOTER */

.cmwgd-design-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 17px;
}

.cmwgd-design-footer strong,
.cmwgd-design-footer small {
    display: block;
}

.cmwgd-design-footer strong {
    color: #302a68;
    font-size: 13px;
}

.cmwgd-design-footer small {
    margin-top: 5px;
    color: #999999;
    font-size: 10px;
}

.cmwgd-design-footer > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(226, 27, 18, 0.09);
    color: #e21b12;
    border-radius: 9px;
}

/* FLOATING CARDS */

.cmwgd-floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.11);
}

.cmwgd-floating-one {
    top: 65px;
    left: 0;
}

.cmwgd-floating-two {
    right: -5px;
    bottom: 65px;
}

.cmwgd-floating-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
}

.cmwgd-floating-icon.red {
    background: rgba(226, 27, 18, 0.09);
    color: #e21b12;
}

.cmwgd-floating-icon.navy {
    background: rgba(48, 42, 104, 0.09);
    color: #302a68;
}

.cmwgd-floating-card strong,
.cmwgd-floating-card small {
    display: block;
}

.cmwgd-floating-card strong {
    color: #302a68;
    font-size: 12px;
}

.cmwgd-floating-card small {
    margin-top: 4px;
    color: #999999;
    font-size: 10px;
}

/* DECORATIVE DOTS */

.cmwgd-visual-dots {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 75px;
    height: 75px;
    background-image: radial-gradient(#e21b12 2px, transparent 2px);
    background-size: 13px 13px;
    opacity: 0.4;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwgd-intro-container {
        grid-template-columns: 1fr 0.9fr;
        gap: 30px;
    }

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

    .cmwgd-intro-visual {
        min-height: 420px;
    }

    .cmwgd-design-main-card {
        width: 300px;
    }

    .cmwgd-design-artwork {
        height: 255px;
    }

    .cmwgd-art-center strong {
        font-size: 30px;
    }

    .cmwgd-floating-one {
        left: -10px;
    }

    .cmwgd-floating-two {
        right: -10px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

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

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

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

    .cmwgd-intro-description {
        font-size: 13px;
    }

    .cmwgd-intro-visual {
        min-height: 430px;
        margin-top: 5px;
    }

    .cmwgd-visual-bg {
        width: 330px;
        height: 330px;
    }

    .cmwgd-design-main-card {
        width: 310px;
    }

    .cmwgd-floating-one {
        left: 0;
    }

    .cmwgd-floating-two {
        right: 0;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwgd-intro {
        padding: 45px 15px;
    }

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

    .cmwgd-intro-highlights {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .cmwgd-intro-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

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

    .cmwgd-intro-visual {
        min-height: 375px;
    }

    .cmwgd-visual-bg {
        width: 270px;
        height: 270px;
    }

    .cmwgd-design-main-card {
        width: 270px;
        padding: 13px;
    }

    .cmwgd-design-artwork {
        height: 225px;
    }

    .cmwgd-art-center {
        left: 25px;
    }

    .cmwgd-art-center strong {
        font-size: 29px;
    }

    .cmwgd-floating-card {
        padding: 9px 10px;
        gap: 7px;
    }

    .cmwgd-floating-icon {
        width: 31px;
        height: 31px;
        font-size: 12px;
    }

    .cmwgd-floating-card strong {
        font-size: 10px;
    }

    .cmwgd-floating-card small {
        font-size: 8px;
    }

    .cmwgd-floating-one {
        top: 20px;
        left: -3px;
    }

    .cmwgd-floating-two {
        right: -3px;
        bottom: 20px;
    }

}
.cmwg d-intro {
    width: 100%;
}


/* ==========================================
   CREATE MY WEB - GRAPHIC DESIGN SERVICES
=========================================== */

.cmwgd-services {
    width: 100%;
    padding: 85px 20px;
    background: #f8f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwgd-services-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwgd-services-heading {
    max-width: 750px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwgd-services-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 17px;
    margin-bottom: 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-services-heading h2 {
    margin: 0 0 16px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwgd-services-heading h2 span {
    color: #e21b12;
}

.cmwgd-services-heading p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* SERVICES GRID */

.cmwgd-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* SERVICE CARD */

.cmwgd-service-card {
    position: relative;
    min-height: 240px;
    padding: 30px 27px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 13px;
    transition: all 0.35s ease;
}

.cmwgd-service-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background: #e21b12;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.cmwgd-service-card:hover {
    border-color: rgba(226, 27, 18, 0.25);
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(48, 42, 104, 0.08);
}

.cmwgd-service-card:hover::before {
    transform: scaleX(1);
}

/* ICON */

.cmwgd-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 12px;
    font-size: 23px;
    transition: 0.3s ease;
}

.cmwgd-service-card:hover .cmwgd-service-icon {
    background: #e21b12;
    color: #ffffff;
}

/* NUMBER */

.cmwgd-service-number {
    position: absolute;
    top: 31px;
    right: 27px;
    color: #e7e6ef;
    font-family: 'Poppins', sans-serif;
    font-size: 29px;
    font-weight: 800;
}

/* CARD TEXT */

.cmwgd-service-card h3 {
    margin: 0 0 12px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.cmwgd-service-card p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.85;
}

/* BOTTOM CTA */

.cmwgd-services-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 45px;
    padding: 32px 35px;
    background: #302a68;
    border-radius: 13px;
}

.cmwgd-services-bottom-content {
    max-width: 720px;
}

.cmwgd-services-bottom-content > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #ff716a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-services-bottom-content h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 600;
}

.cmwgd-services-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.8;
}

.cmwgd-services-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 10px;
    padding: 14px 21px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.cmwgd-services-cta:hover {
    background: #ffffff;
    color: #302a68;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {

    .cmwgd-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .cmwgd-services-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwgd-services {
        padding: 60px 18px;
    }

    .cmwgd-services-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwgd-services-heading h2 {
        font-size: 30px;
    }

    .cmwgd-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .cmwgd-service-card {
        min-height: 245px;
        padding: 22px 17px;
    }

    .cmwgd-service-card h3 {
        font-size: 15px;
    }

    .cmwgd-service-card p {
        font-size: 12px;
    }

    .cmwgd-service-number {
        top: 23px;
        right: 17px;
        font-size: 23px;
    }

    .cmwgd-services-bottom {
        padding: 25px 22px;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwgd-services {
        padding: 45px 15px;
    }

    .cmwgd-services-heading h2 {
        font-size: 26px;
    }

    .cmwgd-services-heading p {
        font-size: 13px;
    }

    .cmwgd-services-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cmwgd-service-card {
        min-height: auto;
        padding: 23px 20px;
    }

    .cmwgd-service-icon {
        width: 52px;
        height: 52px;
        margin-bottom: 17px;
        font-size: 21px;
    }

    .cmwgd-service-card h3 {
        font-size: 16px;
    }

    .cmwgd-service-card p {
        font-size: 13px;
    }

    .cmwgd-services-bottom-content h3 {
        font-size: 19px;
    }

    .cmwgd-services-cta {
        width: 100%;
    }

}

/* ==========================================
   CREATE MY WEB - WHY CHOOSE US GRAPHIC DESIGN
=========================================== */

.cmwgd-why {
    width: 100%;
    padding: 90px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.cmwgd-why-container {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
    max-width: 1250px;
    margin: 0 auto;
}

/* LEFT CONTENT */

.cmwgd-why-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 20px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-why-content h2 {
    margin: 0 0 18px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwgd-why-content h2 span {
    display: block;
    color: #e21b12;
}

.cmwgd-why-description {
    margin: 0 0 27px;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* BENEFIT LIST */

.cmwgd-why-list {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.cmwgd-why-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.cmwgd-why-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: #f5f3fa;
    color: #e21b12;
    border-radius: 11px;
    font-size: 18px;
    transition: 0.3s ease;
}

.cmwgd-why-item:hover .cmwgd-why-icon {
    background: #e21b12;
    color: #ffffff;
}

.cmwgd-why-item h3 {
    margin: 1px 0 5px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.cmwgd-why-item p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.8;
}

/* BUTTON */

.cmwgd-why-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 30px;
    padding: 15px 23px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.cmwgd-why-btn:hover {
    background: #c9140c;
    color: #ffffff;
    transform: translateY(-3px);
}

/* RIGHT VISUAL */

.cmwgd-why-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 510px;
}

.cmwgd-why-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    background: #f3f1fb;
    border-radius: 50%;
}

/* MAIN BRAND CARD */

.cmwgd-brand-showcase {
    position: relative;
    z-index: 2;
    width: 355px;
    padding: 19px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    box-shadow: 0 20px 55px rgba(48, 42, 104, 0.13);
    transform: rotate(3deg);
}

.cmwgd-brand-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    color: #302a68;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwgd-brand-top i {
    color: #999999;
    font-size: 15px;
}

/* BRAND ARTWORK */

.cmwgd-brand-art {
    position: relative;
    height: 285px;
    overflow: hidden;
    background: #302a68;
    border-radius: 10px;
}

.cmwgd-brand-shape {
    position: absolute;
    border-radius: 50%;
}

.cmwgd-brand-shape.shape-one {
    top: -100px;
    right: -65px;
    width: 230px;
    height: 230px;
    background: #e21b12;
}

.cmwgd-brand-shape.shape-two {
    bottom: -95px;
    left: -45px;
    width: 190px;
    height: 190px;
    border: 25px solid rgba(255, 255, 255, 0.15);
}

.cmwgd-brand-shape.shape-three {
    top: 55px;
    right: 38px;
    width: 95px;
    height: 95px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    transform: rotate(35deg);
}

.cmwgd-brand-center {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    color: #ffffff;
}

.cmwgd-brand-center span {
    display: block;
    margin-bottom: 12px;
    color: #ff716a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.cmwgd-brand-center strong {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 33px;
    font-weight: 800;
    line-height: 1.15;
}

.cmwgd-brand-center small {
    display: block;
    margin-top: 15px;
    font-size: 9px;
    letter-spacing: 1.5px;
}

/* COLOR PALETTE */

.cmwgd-brand-colors {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 17px;
}

.cmwgd-color-swatch {
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 7px;
}

.cmwgd-color-swatch.swatch-one {
    background: #302a68;
}

.cmwgd-color-swatch.swatch-two {
    background: #e21b12;
}

.cmwgd-color-swatch.swatch-three {
    background: #ff716a;
}

.cmwgd-color-swatch.swatch-four {
    background: #f2c9c5;
}

.cmwgd-color-caption {
    margin-left: auto;
    color: #888888;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.7px;
}

/* FLOATING CARDS */

.cmwgd-why-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.11);
}

.cmwgd-why-floating > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    background: rgba(226, 27, 18, 0.09);
    color: #e21b12;
    border-radius: 9px;
}

.cmwgd-why-floating strong,
.cmwgd-why-floating small {
    display: block;
}

.cmwgd-why-floating strong {
    color: #302a68;
    font-size: 11px;
}

.cmwgd-why-floating small {
    margin-top: 4px;
    color: #999999;
    font-size: 9px;
}

.cmwgd-why-floating.floating-top {
    top: 75px;
    left: -5px;
}

.cmwgd-why-floating.floating-bottom {
    right: -5px;
    bottom: 75px;
}

/* DECORATIVE DOTS */

.cmwgd-why-dots {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 75px;
    height: 75px;
    background-image: radial-gradient(#e21b12 2px, transparent 2px);
    background-size: 13px 13px;
    opacity: 0.4;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwgd-why-container {
        grid-template-columns: 1fr 0.9fr;
        gap: 30px;
    }

    .cmwgd-why-content h2 {
        font-size: 30px;
    }

    .cmwgd-brand-showcase {
        width: 300px;
    }

    .cmwgd-brand-art {
        height: 255px;
    }

    .cmwgd-brand-center strong {
        font-size: 29px;
    }

    .cmwgd-why-floating.floating-top {
        left: -12px;
    }

    .cmwgd-why-floating.floating-bottom {
        right: -12px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwgd-why {
        padding: 60px 18px;
    }

    .cmwgd-why-container {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .cmwgd-why-content h2 {
        font-size: 29px;
    }

    .cmwgd-why-visual {
        min-height: 450px;
    }

    .cmwgd-why-visual-bg {
        width: 330px;
        height: 330px;
    }

    .cmwgd-brand-showcase {
        width: 310px;
    }

    .cmwgd-why-floating.floating-top {
        left: 0;
    }

    .cmwgd-why-floating.floating-bottom {
        right: 0;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwgd-why {
        padding: 45px 15px;
    }

    .cmwgd-why-content h2 {
        font-size: 26px;
    }

    .cmwgd-why-description {
        font-size: 13px;
    }

    .cmwgd-why-visual {
        min-height: 390px;
    }

    .cmwgd-why-visual-bg {
        width: 270px;
        height: 270px;
    }

    .cmwgd-brand-showcase {
        width: 270px;
        padding: 13px;
    }

    .cmwgd-brand-art {
        height: 225px;
    }

    .cmwgd-brand-center {
        left: 23px;
    }

    .cmwgd-brand-center strong {
        font-size: 27px;
    }

    .cmwgd-why-floating {
        padding: 9px 10px;
        gap: 7px;
    }

    .cmwgd-why-floating > span {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .cmwgd-why-floating strong {
        font-size: 9px;
    }

    .cmwgd-why-floating small {
        font-size: 8px;
    }

    .cmwgd-why-floating.floating-top {
        top: 20px;
        left: -3px;
    }

    .cmwgd-why-floating.floating-bottom {
        right: -3px;
        bottom: 20px;
    }

}

/* ==========================================
   CREATE MY WEB - GRAPHIC DESIGN PROCESS
=========================================== */

.cmwgd-process {
    width: 100%;
    padding: 85px 20px;
    background: #f8f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwgd-process-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwgd-process-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.cmwgd-process-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 17px;
    margin-bottom: 17px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-process-heading h2 {
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwgd-process-heading h2 span {
    color: #e21b12;
}

.cmwgd-process-heading p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* PROCESS GRID */

.cmwgd-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

/* PROCESS CARD */

.cmwgd-process-card {
    position: relative;
    padding: 29px 27px;
    min-height: 225px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 13px;
    transition: all 0.3s ease;
}

.cmwgd-process-card:hover {
    border-color: rgba(226, 27, 18, 0.35);
    transform: translateY(-6px);
    box-shadow: 0 14px 35px rgba(48, 42, 104, 0.07);
}

/* CARD TOP */

.cmwgd-process-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.cmwgd-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(226, 27, 18, 0.08);
    color: #e21b12;
    border-radius: 12px;
    font-size: 21px;
    transition: 0.3s ease;
}

.cmwgd-process-card:hover .cmwgd-process-icon {
    background: #e21b12;
    color: #ffffff;
}

.cmwgd-process-number {
    color: #e9e8f0;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 800;
}

/* CARD TEXT */

.cmwgd-process-card h3 {
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.cmwgd-process-card p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.85;
}

/* BOTTOM CTA */

.cmwgd-process-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 40px;
    padding: 32px 35px;
    background: #302a68;
    border-radius: 13px;
}

.cmwgd-process-cta > div {
    max-width: 720px;
}

.cmwgd-process-cta > div > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #ff716a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-process-cta h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 600;
}

.cmwgd-process-cta p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.8;
}

.cmwgd-process-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 10px;
    padding: 14px 21px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.cmwgd-process-cta a:hover {
    background: #ffffff;
    color: #302a68;
    transform: translateY(-3px);
}

/* TABLET */

@media (max-width: 991px) {

    .cmwgd-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwgd-process-cta {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwgd-process {
        padding: 60px 18px;
    }

    .cmwgd-process-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwgd-process-heading h2 {
        font-size: 30px;
    }

    .cmwgd-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .cmwgd-process-card {
        min-height: 235px;
        padding: 22px 17px;
    }

    .cmwgd-process-card h3 {
        font-size: 14px;
    }

    .cmwgd-process-card p {
        font-size: 12px;
    }

    .cmwgd-process-number {
        font-size: 26px;
    }

    .cmwgd-process-cta {
        padding: 25px 22px;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwgd-process {
        padding: 45px 15px;
    }

    .cmwgd-process-heading h2 {
        font-size: 26px;
    }

    .cmwgd-process-heading p {
        font-size: 13px;
    }

    .cmwgd-process-grid {
        grid-template-columns: 1fr;
    }

    .cmwgd-process-card {
        min-height: auto;
        padding: 23px 20px;
    }

    .cmwgd-process-icon {
        width: 50px;
        height: 50px;
    }

    .cmwgd-process-card h3 {
        font-size: 16px;
    }

    .cmwgd-process-card p {
        font-size: 13px;
    }

    .cmwgd-process-cta h3 {
        font-size: 19px;
    }

    .cmwgd-process-cta a {
        width: 100%;
    }

}

/* ==========================================
   CREATE MY WEB - GRAPHIC DESIGN FINAL CTA
=========================================== */

.cmwgd-finalcta {
    position: relative;
    width: 100%;
    padding: 85px 20px;
    overflow: hidden;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmwgd-finalcta-container {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 55px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 55px 60px;
    overflow: hidden;
    background: #302a68;
    border-radius: 18px;
}

/* CONTENT */

.cmwgd-finalcta-content {
    position: relative;
    z-index: 2;
}

.cmwgd-finalcta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 22px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwgd-finalcta-label i {
    color: #ff716a;
}

.cmwgd-finalcta-content h2 {
    margin: 0 0 19px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.3;
}

.cmwgd-finalcta-content h2 span {
    display: block;
    color: #ff716a;
}

.cmwgd-finalcta-content > p {
    max-width: 580px;
    margin: 0 0 27px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.9;
}

/* BUTTONS */

.cmwgd-finalcta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.cmwgd-finalcta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 22px;
    background: #e21b12;
    color: #ffffff;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwgd-finalcta-btn:hover {
    background: #ffffff;
    color: #302a68;
    transform: translateY(-3px);
}

.cmwgd-finalcta-phone {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #ffffff;
    text-decoration: none;
}

.cmwgd-finalcta-phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    font-size: 15px;
}

.cmwgd-finalcta-phone small,
.cmwgd-finalcta-phone strong {
    display: block;
}

.cmwgd-finalcta-phone small {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
}

.cmwgd-finalcta-phone strong {
    color: #ffffff;
    font-size: 14px;
}

/* BENEFIT POINTS */

.cmwgd-finalcta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 30px;
}

.cmwgd-finalcta-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
}

.cmwgd-finalcta-points i {
    color: #ff716a;
    font-size: 12px;
}

/* VISUAL AREA */

.cmwgd-finalcta-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 330px;
}

.cmwgd-finalcta-circle {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
}

.cmwgd-finalcta-circle-one {
    width: 320px;
    height: 320px;
}

.cmwgd-finalcta-circle-two {
    width: 245px;
    height: 245px;
}

/* ARTWORK CARD */

.cmwgd-finalcta-artwork {
    position: relative;
    z-index: 1;
    width: 270px;
    min-height: 280px;
    padding: 23px;
    background: #f8f8fc;
    border-radius: 12px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
    transform: rotate(-5deg);
}

.cmwgd-finalcta-art-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e7ef;
    color: #302a68;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cmwgd-finalcta-art-top i {
    color: #e21b12;
    font-size: 18px;
}

.cmwgd-finalcta-art-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 27px 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 800;
    line-height: 1.05;
}

.cmwgd-finalcta-art-main strong {
    color: #e21b12;
    font-size: 27px;
    letter-spacing: 5px;
}

.cmwgd-finalcta-art-highlight {
    color: #302a68;
    font-size: 33px;
}

.cmwgd-finalcta-art-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #e8e7ef;
    color: #777777;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

/* FLOATING ICONS */

.cmwgd-finalcta-floating {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    background: #ffffff;
    color: #e21b12;
    border-radius: 13px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    font-size: 19px;
}

.cmwgd-finalcta-floating-one {
    top: 25px;
    right: 25px;
    transform: rotate(10deg);
}

.cmwgd-finalcta-floating-two {
    bottom: 22px;
    left: 10px;
    color: #302a68;
    transform: rotate(-10deg);
}

.cmwgd-finalcta-floating-three {
    right: 5px;
    bottom: 35px;
    color: #e21b12;
    transform: rotate(8deg);
}

/* TABLET */

@media (max-width: 991px) {

    .cmwgd-finalcta-container {
        grid-template-columns: 1fr 0.8fr;
        gap: 25px;
        padding: 45px 35px;
    }

    .cmwgd-finalcta-content h2 {
        font-size: 31px;
    }

    .cmwgd-finalcta-visual {
        min-height: 290px;
    }

    .cmwgd-finalcta-artwork {
        width: 235px;
        min-height: 255px;
    }

    .cmwgd-finalcta-art-main {
        font-size: 32px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwgd-finalcta {
        padding: 55px 18px;
    }

    .cmwgd-finalcta-container {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 35px 25px;
    }

    .cmwgd-finalcta-content h2 {
        font-size: 30px;
    }

    .cmwgd-finalcta-content > p {
        font-size: 13px;
    }

    .cmwgd-finalcta-visual {
        min-height: 310px;
        margin-top: 5px;
    }

    .cmwgd-finalcta-points {
        flex-direction: column;
        gap: 12px;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwgd-finalcta {
        padding: 40px 14px;
    }

    .cmwgd-finalcta-container {
        padding: 30px 20px;
        border-radius: 13px;
    }

    .cmwgd-finalcta-content h2 {
        font-size: 26px;
    }

    .cmwgd-finalcta-label {
        font-size: 9px;
    }

    .cmwgd-finalcta-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .cmwgd-finalcta-btn {
        width: 100%;
        padding: 15px 12px;
        font-size: 12px;
    }

    .cmwgd-finalcta-visual {
        min-height: 275px;
    }

    .cmwgd-finalcta-circle-one {
        width: 260px;
        height: 260px;
    }

    .cmwgd-finalcta-circle-two {
        width: 205px;
        height: 205px;
    }

    .cmwgd-finalcta-artwork {
        width: 225px;
        min-height: 245px;
    }

    .cmwgd-finalcta-art-main {
        font-size: 30px;
    }

    .cmwgd-finalcta-art-highlight {
        font-size: 28px;
    }

    .cmwgd-finalcta-floating {
        width: 43px;
        height: 43px;
        font-size: 16px;
    }

}

/* ==========================================
   CREATE MY WEB - WEB & SOFTWARE INTRO
=========================================== */

.cmwsd-intro {
    width: 100%;
    padding: 85px 20px;
    overflow: hidden;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmwsd-intro-container {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    align-items: center;
    gap: 55px;
    max-width: 1250px;
    margin: 0 auto;
}

/* LEFT CONTENT */

.cmwsd-intro-content {
    width: 100%;
}

.cmwsd-intro-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 20px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-intro-content h2 {
    margin: 0 0 20px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwsd-intro-content h2 span {
    color: #e21b12;
}

.cmwsd-intro-content > p {
    margin: 0 0 15px;
    color: #666666;
    font-size: 13px;
    line-height: 1.9;
}

.cmwsd-intro-content .cmwsd-intro-lead {
    color: #444444;
    font-size: 14px;
}

/* HIGHLIGHTS */

.cmwsd-intro-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 17px;
    margin: 28px 0;
}

.cmwsd-intro-highlight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cmwsd-intro-highlight > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 10px;
    font-size: 17px;
    transition: 0.3s ease;
}

.cmwsd-intro-highlight:hover > span {
    color: #ffffff;
    background: #e21b12;
}

.cmwsd-intro-highlight h4 {
    margin: 2px 0 5px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.cmwsd-intro-highlight p {
    margin: 0;
    color: #777777;
    font-size: 11px;
    line-height: 1.6;
}

/* ACTIONS */

.cmwsd-intro-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.cmwsd-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 21px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.cmwsd-intro-btn:hover {
    color: #ffffff;
    background: #c9140c;
    transform: translateY(-3px);
}

.cmwsd-intro-call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #302a68;
    text-decoration: none;
}

.cmwsd-intro-call > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 50%;
}

.cmwsd-intro-call small,
.cmwsd-intro-call strong {
    display: block;
}

.cmwsd-intro-call small {
    margin-bottom: 3px;
    color: #777777;
    font-size: 10px;
}

.cmwsd-intro-call strong {
    color: #302a68;
    font-size: 13px;
}

/* RIGHT VISUAL */

.cmwsd-intro-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 460px;
}

.cmwsd-intro-visual-bg {
    position: absolute;
    width: 370px;
    height: 370px;
    background: #f1f0f9;
    border-radius: 50%;
}

/* MAIN CARD */

.cmwsd-intro-main-card {
    position: relative;
    z-index: 1;
    width: 390px;
    max-width: 100%;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 13px;
    box-shadow: 0 20px 55px rgba(48, 42, 104, 0.13);
    transform: rotate(-2deg);
}

.cmwsd-intro-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 5px 5px 14px;
}

.cmwsd-intro-dots {
    display: flex;
    gap: 4px;
}

.cmwsd-intro-dots span {
    width: 7px;
    height: 7px;
    background: #e21b12;
    border-radius: 50%;
}

.cmwsd-intro-dots span:nth-child(2) {
    background: #f3b63f;
}

.cmwsd-intro-dots span:nth-child(3) {
    background: #4caf78;
}

.cmwsd-intro-card-header small {
    flex: 1;
    color: #777777;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.cmwsd-intro-card-header > i {
    color: #777777;
    font-size: 13px;
}

/* BROWSER MOCKUP */

.cmwsd-intro-browser {
    overflow: hidden;
    border: 1px solid #eeeeee;
    border-radius: 7px;
}

.cmwsd-intro-browser-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #ffffff;
}

.cmwsd-intro-browser-logo {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #302a68;
    font-size: 10px;
    font-weight: 800;
}

.cmwsd-intro-browser-logo i {
    color: #e21b12;
    font-size: 15px;
}

.cmwsd-intro-browser-menu {
    display: flex;
    gap: 5px;
}

.cmwsd-intro-browser-menu span {
    width: 16px;
    height: 3px;
    background: #d8d7e1;
    border-radius: 5px;
}

/* HERO DESIGN */

.cmwsd-intro-browser-hero {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    align-items: center;
    min-height: 205px;
    padding: 22px 16px;
    background: #f3f2fa;
}

.cmwsd-intro-browser-text > span {
    display: block;
    margin-bottom: 10px;
    color: #e21b12;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.6px;
}

.cmwsd-intro-browser-text strong {
    display: block;
    margin-bottom: 12px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 1.3;
}

.cmwsd-intro-browser-text small {
    display: block;
    width: 85%;
    height: 4px;
    margin-bottom: 6px;
    background: #d9d8e5;
    border-radius: 5px;
}

.cmwsd-intro-browser-text small:nth-of-type(2) {
    width: 65%;
}

.cmwsd-intro-browser-text b {
    display: inline-block;
    margin-top: 13px;
    padding: 8px 10px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 4px;
    font-size: 7px;
    letter-spacing: 0.5px;
}

.cmwsd-intro-browser-text b i {
    margin-left: 5px;
}

.cmwsd-intro-browser-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    margin: auto;
    color: #ffffff;
    background: #302a68;
    border-radius: 25px;
    box-shadow: 12px 12px 0 rgba(226, 27, 18, 0.17);
    font-size: 43px;
    transform: rotate(8deg);
}

/* BROWSER BOTTOM */

.cmwsd-intro-browser-bottom {
    display: flex;
    justify-content: space-around;
    gap: 8px;
    padding: 13px 8px;
    background: #ffffff;
}

.cmwsd-intro-browser-bottom span {
    color: #666666;
    font-size: 8px;
    font-weight: 600;
}

.cmwsd-intro-browser-bottom i {
    margin-right: 4px;
    color: #36a66c;
}

/* FLOATING CARDS */

.cmwsd-intro-float {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 9px;
    box-shadow: 0 10px 30px rgba(48, 42, 104, 0.10);
}

.cmwsd-intro-float > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 8px;
    font-size: 15px;
}

.cmwsd-intro-float strong,
.cmwsd-intro-float small {
    display: block;
}

.cmwsd-intro-float strong {
    margin-bottom: 4px;
    color: #302a68;
    font-size: 10px;
}

.cmwsd-intro-float small {
    color: #777777;
    font-size: 8px;
}

.cmwsd-intro-float-code {
    top: 45px;
    right: -5px;
}

.cmwsd-intro-float-mobile {
    bottom: 35px;
    left: -12px;
}

/* ACCENT */

.cmwsd-intro-visual-accent {
    position: absolute;
    right: 25px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    border: 8px solid rgba(226, 27, 18, 0.15);
    border-radius: 50%;
}

/* TABLET */

@media (max-width: 991px) {

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

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

    .cmwsd-intro-visual {
        min-height: 430px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

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

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

    .cmwsd-intro-content > p {
        font-size: 13px;
    }

    .cmwsd-intro-highlights {
        gap: 18px 12px;
    }

    .cmwsd-intro-visual {
        min-height: 370px;
    }

    .cmwsd-intro-visual-bg {
        width: 300px;
        height: 300px;
    }

    .cmwsd-intro-main-card {
        width: 340px;
    }

    .cmwsd-intro-float-code {
        right: 0;
    }

    .cmwsd-intro-float-mobile {
        left: 0;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-intro {
        padding: 45px 15px;
    }

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

    .cmwsd-intro-label {
        font-size: 9px;
    }

    .cmwsd-intro-highlights {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .cmwsd-intro-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
    }

    .cmwsd-intro-btn {
        width: 100%;
    }

    .cmwsd-intro-visual {
        min-height: 310px;
    }

    .cmwsd-intro-visual-bg {
        width: 260px;
        height: 260px;
    }

    .cmwsd-intro-main-card {
        width: 100%;
        padding: 10px;
    }

    .cmwsd-intro-browser-hero {
        min-height: 165px;
        padding: 15px 10px;
    }

    .cmwsd-intro-browser-text strong {
        font-size: 18px;
    }

    .cmwsd-intro-browser-shape {
        width: 80px;
        height: 80px;
        font-size: 32px;
    }

    .cmwsd-intro-float {
        padding: 9px 10px;
    }

    .cmwsd-intro-float > span {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .cmwsd-intro-float strong {
        font-size: 9px;
    }

    .cmwsd-intro-float small {
        font-size: 7px;
    }

}

/* ==========================================
   CREATE MY WEB - WEB & SOFTWARE SERVICES
=========================================== */

.cmwsd-services {
    width: 100%;
    padding: 85px 20px;
    background: #f8f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwsd-services-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADER */

.cmwsd-services-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwsd-services-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 17px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-services-heading h2 {
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwsd-services-heading h2 span {
    display: block;
    color: #e21b12;
}

.cmwsd-services-heading p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* SERVICES GRID */

.cmwsd-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* SERVICE CARD */

.cmwsd-service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 275px;
    padding: 27px 25px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cmwsd-service-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #e21b12;
    content: "";
    transition: width 0.3s ease;
}

.cmwsd-service-card:hover {
    border-color: rgba(226, 27, 18, 0.25);
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(48, 42, 104, 0.08);
}

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

/* CARD TOP */

.cmwsd-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.cmwsd-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 11px;
    font-size: 20px;
    transition: all 0.3s ease;
}

.cmwsd-service-card:hover .cmwsd-service-icon {
    color: #ffffff;
    background: #e21b12;
}

.cmwsd-service-number {
    color: #e9e8f0;
    font-family: 'Poppins', sans-serif;
    font-size: 29px;
    font-weight: 800;
}

/* CARD CONTENT */

.cmwsd-service-card h3 {
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.cmwsd-service-card p {
    flex: 1;
    margin: 0 0 20px;
    color: #777777;
    font-size: 12px;
    line-height: 1.85;
}

/* CARD LINK */

.cmwsd-service-card > a {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 9px;
    color: #e21b12;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-service-card > a i {
    transition: transform 0.3s ease;
}

.cmwsd-service-card > a:hover {
    color: #302a68;
}

.cmwsd-service-card > a:hover i {
    transform: translateX(5px);
}

/* BOTTOM CTA */

.cmwsd-services-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
    padding: 27px 30px;
    background: #302a68;
    border-radius: 12px;
}

.cmwsd-services-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 11px;
    font-size: 21px;
}

.cmwsd-services-bottom-content {
    flex: 1;
}

.cmwsd-services-bottom-content h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.cmwsd-services-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.7;
}

.cmwsd-services-bottom > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 14px 19px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-services-bottom > a:hover {
    color: #302a68;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwsd-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwsd-services-bottom {
        flex-wrap: wrap;
    }

    .cmwsd-services-bottom > a {
        margin-left: 73px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwsd-services {
        padding: 60px 18px;
    }

    .cmwsd-services-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwsd-services-heading h2 {
        font-size: 29px;
    }

    .cmwsd-services-heading p {
        font-size: 13px;
    }

    .cmwsd-services-grid {
        gap: 15px;
    }

    .cmwsd-service-card {
        min-height: 275px;
        padding: 22px 18px;
    }

    .cmwsd-service-card h3 {
        font-size: 14px;
    }

    .cmwsd-service-card p {
        font-size: 11px;
    }

    .cmwsd-services-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 21px;
        gap: 15px;
    }

    .cmwsd-services-bottom > a {
        width: 100%;
        margin-left: 0;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-services {
        padding: 45px 15px;
    }

    .cmwsd-services-heading h2 {
        font-size: 26px;
    }

    .cmwsd-services-grid {
        grid-template-columns: 1fr;
    }

    .cmwsd-service-card {
        min-height: auto;
        padding: 24px 20px;
    }

    .cmwsd-service-card h3 {
        font-size: 16px;
    }

    .cmwsd-service-card p {
        font-size: 12px;
    }

    .cmwsd-services-bottom-content h3 {
        font-size: 16px;
    }

}

/* ==========================================
   CREATE MY WEB - WHY CHOOSE US
   WEB & SOFTWARE DEVELOPMENT
=========================================== */

.cmwsd-why {
    width: 100%;
    padding: 85px 20px;
    overflow: hidden;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmwsd-why-container {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 55px;
    max-width: 1250px;
    margin: 0 auto;
}

/* LEFT CONTENT */

.cmwsd-why-content {
    width: 100%;
}

.cmwsd-why-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 19px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-why-content h2 {
    margin: 0 0 18px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwsd-why-content h2 span {
    display: block;
    color: #e21b12;
}

.cmwsd-why-intro {
    margin: 0 0 27px;
    color: #666666;
    font-size: 13px;
    line-height: 1.9;
}

/* BENEFIT LIST */

.cmwsd-why-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cmwsd-why-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.cmwsd-why-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 10px;
    font-size: 17px;
    transition: all 0.3s ease;
}

.cmwsd-why-item:hover .cmwsd-why-item-icon {
    color: #ffffff;
    background: #e21b12;
}

.cmwsd-why-item h3 {
    margin: 1px 0 5px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.cmwsd-why-item p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.75;
}

/* CTA BUTTON */

.cmwsd-why-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 30px;
    padding: 15px 21px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-why-btn:hover {
    color: #ffffff;
    background: #c9140c;
    transform: translateY(-3px);
}

/* RIGHT VISUAL */

.cmwsd-why-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 490px;
}

.cmwsd-why-visual-bg {
    position: absolute;
    width: 390px;
    height: 390px;
    background: #f1f0f9;
    border-radius: 50%;
}

/* DASHBOARD CARD */

.cmwsd-why-dashboard {
    position: relative;
    z-index: 1;
    width: 390px;
    max-width: 100%;
    padding: 23px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 14px;
    box-shadow: 0 20px 55px rgba(48, 42, 104, 0.12);
    transform: rotate(2deg);
}

.cmwsd-why-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.cmwsd-why-dashboard-header > div > span {
    color: #e21b12;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cmwsd-why-dashboard-header h3 {
    margin: 5px 0 0;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}

.cmwsd-why-dashboard-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: #ffffff;
    background: #302a68;
    border-radius: 10px;
    font-size: 19px;
}

/* DASHBOARD TILES */

.cmwsd-why-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.cmwsd-why-tile {
    padding: 17px 14px;
    background: #f8f8fc;
    border: 1px solid #eeeeee;
    border-radius: 9px;
}

.cmwsd-why-tile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    border-radius: 8px;
    font-size: 14px;
}

.cmwsd-why-tile-icon.red {
    color: #e21b12;
    background: rgba(226, 27, 18, 0.09);
}

.cmwsd-why-tile-icon.navy {
    color: #302a68;
    background: rgba(48, 42, 104, 0.09);
}

.cmwsd-why-tile strong,
.cmwsd-why-tile small {
    display: block;
}

.cmwsd-why-tile strong {
    margin-bottom: 5px;
    color: #302a68;
    font-size: 11px;
}

.cmwsd-why-tile small {
    color: #888888;
    font-size: 9px;
}

/* CODE VISUAL */

.cmwsd-why-code {
    margin-top: 17px;
    overflow: hidden;
    background: #201e35;
    border-radius: 8px;
}

.cmwsd-why-code-header {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 12px 13px;
    background: #29263f;
}

.cmwsd-why-code-header > span {
    width: 7px;
    height: 7px;
    background: #e21b12;
    border-radius: 50%;
}

.cmwsd-why-code-header > span:nth-child(2) {
    background: #f1b84a;
}

.cmwsd-why-code-header > span:nth-child(3) {
    background: #53b77a;
}

.cmwsd-why-code-header small {
    margin-left: 8px;
    color: #bdb9d1;
    font-size: 8px;
}

.cmwsd-why-code-lines {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 15px;
    color: #ffffff;
    font-family: monospace;
    font-size: 10px;
}

.cmwsd-why-code-lines span {
    white-space: nowrap;
}

.cmwsd-why-code-lines b {
    display: inline-block;
    width: 20px;
    color: #85819d;
    font-weight: 400;
}

.cmwsd-why-code-lines i {
    color: #ff716a;
    font-style: normal;
}

.cmwsd-why-code-lines em {
    color: #8ecbff;
    font-style: normal;
}

/* FLOATING ELEMENTS */

.cmwsd-why-floating {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    color: #302a68;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 9px;
    box-shadow: 0 10px 30px rgba(48, 42, 104, 0.10);
    font-size: 10px;
    font-weight: 700;
}

.cmwsd-why-floating i {
    color: #e21b12;
    font-size: 16px;
}

.cmwsd-why-floating-one {
    top: 55px;
    right: -10px;
}

.cmwsd-why-floating-two {
    bottom: 50px;
    left: -10px;
}

.cmwsd-why-decoration {
    position: absolute;
    right: 25px;
    bottom: 15px;
    width: 55px;
    height: 55px;
    border: 8px solid rgba(226, 27, 18, 0.14);
    border-radius: 50%;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwsd-why-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cmwsd-why-content {
        max-width: 760px;
    }

    .cmwsd-why-visual {
        min-height: 470px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwsd-why {
        padding: 60px 18px;
    }

    .cmwsd-why-content h2 {
        font-size: 30px;
    }

    .cmwsd-why-intro {
        font-size: 13px;
    }

    .cmwsd-why-list {
        gap: 18px;
    }

    .cmwsd-why-visual {
        min-height: 430px;
    }

    .cmwsd-why-visual-bg {
        width: 330px;
        height: 330px;
    }

    .cmwsd-why-dashboard {
        width: 370px;
    }

    .cmwsd-why-floating-one {
        right: 0;
    }

    .cmwsd-why-floating-two {
        left: 0;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-why {
        padding: 45px 15px;
    }

    .cmwsd-why-content h2 {
        font-size: 26px;
    }

    .cmwsd-why-label {
        font-size: 9px;
    }

    .cmwsd-why-item {
        gap: 12px;
    }

    .cmwsd-why-item-icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .cmwsd-why-item h3 {
        font-size: 13px;
    }

    .cmwsd-why-item p {
        font-size: 11px;
    }

    .cmwsd-why-btn {
        width: 100%;
        padding: 14px 12px;
        font-size: 11px;
    }

    .cmwsd-why-visual {
        min-height: 385px;
    }

    .cmwsd-why-visual-bg {
        width: 270px;
        height: 270px;
    }

    .cmwsd-why-dashboard {
        padding: 16px;
    }

    .cmwsd-why-tile {
        padding: 13px 11px;
    }

    .cmwsd-why-floating {
        padding: 10px;
        font-size: 9px;
    }

    .cmwsd-why-floating i {
        font-size: 13px;
    }

}

/* ==========================================
   CREATE MY WEB - WEB & SOFTWARE PROCESS
=========================================== */

.cmwsd-process {
    width: 100%;
    padding: 85px 20px;
    background: #f8f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwsd-process-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwsd-process-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwsd-process-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 17px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-process-heading h2 {
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwsd-process-heading h2 span {
    display: block;
    color: #e21b12;
}

.cmwsd-process-heading p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* PROCESS GRID */

.cmwsd-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* PROCESS CARD */

.cmwsd-process-card {
    position: relative;
    min-height: 230px;
    padding: 27px 25px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cmwsd-process-card:hover {
    border-color: rgba(226, 27, 18, 0.3);
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(48, 42, 104, 0.07);
}

/* CARD TOP */

.cmwsd-process-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.cmwsd-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 11px;
    font-size: 20px;
    transition: all 0.3s ease;
}

.cmwsd-process-card:hover .cmwsd-process-icon {
    color: #ffffff;
    background: #e21b12;
}

.cmwsd-process-number {
    color: #e9e8f0;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 800;
}

/* CARD TEXT */

.cmwsd-process-card h3 {
    margin: 0 0 11px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.cmwsd-process-card p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.85;
}

/* BOTTOM CTA */

.cmwsd-process-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
    padding: 27px 30px;
    background: #302a68;
    border-radius: 12px;
}

.cmwsd-process-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 11px;
    font-size: 21px;
}

.cmwsd-process-cta-content {
    flex: 1;
}

.cmwsd-process-cta-content h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.cmwsd-process-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    line-height: 1.7;
}

.cmwsd-process-cta > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 14px 20px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-process-cta > a:hover {
    color: #302a68;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwsd-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .cmwsd-process-cta {
        flex-wrap: wrap;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwsd-process {
        padding: 60px 18px;
    }

    .cmwsd-process-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwsd-process-heading h2 {
        font-size: 29px;
    }

    .cmwsd-process-heading p {
        font-size: 13px;
    }

    .cmwsd-process-grid {
        gap: 15px;
    }

    .cmwsd-process-card {
        min-height: 230px;
        padding: 22px 18px;
    }

    .cmwsd-process-card h3 {
        font-size: 14px;
    }

    .cmwsd-process-card p {
        font-size: 11px;
    }

    .cmwsd-process-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 21px;
        gap: 15px;
    }

    .cmwsd-process-cta > a {
        width: 100%;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-process {
        padding: 45px 15px;
    }

    .cmwsd-process-heading h2 {
        font-size: 26px;
    }

    .cmwsd-process-grid {
        grid-template-columns: 1fr;
    }

    .cmwsd-process-card {
        min-height: auto;
        padding: 24px 20px;
    }

    .cmwsd-process-card h3 {
        font-size: 16px;
    }

    .cmwsd-process-card p {
        font-size: 12px;
    }

    .cmwsd-process-cta-content h3 {
        font-size: 16px;
    }

}

/* ==========================================
   CREATE MY WEB - TECHNOLOGIES & CAPABILITIES
=========================================== */

.cmwsd-tech {
    width: 100%;
    padding: 85px 20px;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmwsd-tech-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwsd-tech-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwsd-tech-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 17px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-tech-heading h2 {
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwsd-tech-heading h2 span {
    display: block;
    color: #e21b12;
}

.cmwsd-tech-heading p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* TECHNOLOGY GRID */

.cmwsd-tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* TECHNOLOGY CARD */

.cmwsd-tech-card {
    padding: 25px 23px;
    background: #f8f8fc;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cmwsd-tech-card:hover {
    background: #ffffff;
    border-color: rgba(226, 27, 18, 0.3);
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(48, 42, 104, 0.07);
}

/* CARD HEADING */

.cmwsd-tech-card-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
}

.cmwsd-tech-category-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.09);
    border-radius: 10px;
    font-size: 18px;
    transition: all 0.3s ease;
}

.cmwsd-tech-card:hover .cmwsd-tech-category-icon {
    color: #ffffff;
    background: #302a68;
}

.cmwsd-tech-card-heading h3 {
    margin: 0 0 5px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.cmwsd-tech-card-heading p {
    margin: 0;
    color: #888888;
    font-size: 10px;
    line-height: 1.5;
}

/* TECHNOLOGY TAGS */

.cmwsd-tech-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.cmwsd-tech-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    color: #555555;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cmwsd-tech-tags span i {
    color: #e21b12;
    font-size: 13px;
}

.cmwsd-tech-tags span:hover {
    color: #302a68;
    border-color: rgba(48, 42, 104, 0.3);
}

/* BOTTOM NOTE */

.cmwsd-tech-note {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 32px;
    padding: 25px 27px;
    background: #302a68;
    border-radius: 12px;
}

.cmwsd-tech-note-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    flex-shrink: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    font-size: 20px;
}

.cmwsd-tech-note > div {
    flex: 1;
}

.cmwsd-tech-note h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.cmwsd-tech-note p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 11px;
    line-height: 1.8;
}

.cmwsd-tech-note > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex-shrink: 0;
    padding: 13px 17px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-tech-note > a:hover {
    color: #302a68;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwsd-tech-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 17px;
    }

    .cmwsd-tech-note {
        flex-wrap: wrap;
    }

    .cmwsd-tech-note > a {
        margin-left: 69px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwsd-tech {
        padding: 60px 18px;
    }

    .cmwsd-tech-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwsd-tech-heading h2 {
        font-size: 29px;
    }

    .cmwsd-tech-heading p {
        font-size: 13px;
    }

    .cmwsd-tech-grid {
        gap: 15px;
    }

    .cmwsd-tech-card {
        padding: 21px 17px;
    }

    .cmwsd-tech-card-heading {
        align-items: flex-start;
    }

    .cmwsd-tech-card-heading h3 {
        font-size: 13px;
    }

    .cmwsd-tech-tags {
        gap: 7px;
    }

    .cmwsd-tech-tags span {
        padding: 8px 9px;
        font-size: 9px;
    }

    .cmwsd-tech-note {
        align-items: flex-start;
        flex-direction: column;
        padding: 23px 20px;
        gap: 14px;
    }

    .cmwsd-tech-note > a {
        width: 100%;
        margin-left: 0;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-tech {
        padding: 45px 15px;
    }

    .cmwsd-tech-heading h2 {
        font-size: 26px;
    }

    .cmwsd-tech-grid {
        grid-template-columns: 1fr;
    }

    .cmwsd-tech-card {
        padding: 23px 19px;
    }

    .cmwsd-tech-card-heading h3 {
        font-size: 14px;
    }

    .cmwsd-tech-tags span {
        font-size: 10px;
    }

    .cmwsd-tech-note h3 {
        font-size: 15px;
    }

}

/* ==========================================
   CREATE MY WEB - INDUSTRIES WE SERVE
   WEB & SOFTWARE DEVELOPMENT
=========================================== */

.cmwsd-industries {
    width: 100%;
    padding: 85px 20px;
    background: #f8f8fc;
    font-family: 'Inter', sans-serif;
}

.cmwsd-industries-container {
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.cmwsd-industries-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.cmwsd-industries-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 17px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-industries-heading h2 {
    margin: 0 0 15px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35;
}

.cmwsd-industries-heading h2 span {
    display: block;
    color: #e21b12;
}

.cmwsd-industries-heading p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.9;
}

/* INDUSTRIES GRID */

.cmwsd-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* INDUSTRY CARD */

.cmwsd-industry-card {
    position: relative;
    min-height: 230px;
    padding: 26px 24px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cmwsd-industry-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #e21b12;
    content: "";
    transition: width 0.3s ease;
}

.cmwsd-industry-card:hover {
    border-color: rgba(226, 27, 18, 0.3);
    transform: translateY(-5px);
    box-shadow: 0 13px 30px rgba(48, 42, 104, 0.07);
}

.cmwsd-industry-card:hover::before {
    width: 100%;
}

/* INDUSTRY ICON */

.cmwsd-industry-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 19px;
    color: #e21b12;
    background: rgba(226, 27, 18, 0.08);
    border-radius: 11px;
    font-size: 20px;
    transition: all 0.3s ease;
}

.cmwsd-industry-card:hover .cmwsd-industry-icon {
    color: #ffffff;
    background: #302a68;
}

/* NUMBER */

.cmwsd-industry-number {
    position: absolute;
    top: 25px;
    right: 23px;
    color: #e9e8f0;
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    font-weight: 800;
}

/* CARD TEXT */

.cmwsd-industry-card h3 {
    margin: 0 0 10px;
    color: #302a68;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.cmwsd-industry-card p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.85;
}

/* BOTTOM CTA */

.cmwsd-industries-cta {
    display: flex;
    align-items: center;
    gap: 19px;
    margin-top: 35px;
    padding: 27px 30px;
    background: #302a68;
    border-radius: 12px;
}

.cmwsd-industries-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 11px;
    font-size: 21px;
}

.cmwsd-industries-cta-content {
    flex: 1;
}

.cmwsd-industries-cta-content h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.cmwsd-industries-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    line-height: 1.7;
}

.cmwsd-industries-cta > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex-shrink: 0;
    padding: 14px 19px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-industries-cta > a:hover {
    color: #302a68;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 991px) {

    .cmwsd-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 17px;
    }

    .cmwsd-industries-cta {
        flex-wrap: wrap;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwsd-industries {
        padding: 60px 18px;
    }

    .cmwsd-industries-heading {
        margin-bottom: 35px;
        text-align: left;
    }

    .cmwsd-industries-heading h2 {
        font-size: 29px;
    }

    .cmwsd-industries-heading p {
        font-size: 13px;
    }

    .cmwsd-industries-grid {
        gap: 15px;
    }

    .cmwsd-industry-card {
        min-height: 220px;
        padding: 22px 18px;
    }

    .cmwsd-industry-card h3 {
        font-size: 14px;
    }

    .cmwsd-industry-card p {
        font-size: 11px;
    }

    .cmwsd-industries-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 21px;
        gap: 15px;
    }

    .cmwsd-industries-cta > a {
        width: 100%;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-industries {
        padding: 45px 15px;
    }

    .cmwsd-industries-heading h2 {
        font-size: 26px;
    }

    .cmwsd-industries-grid {
        grid-template-columns: 1fr;
    }

    .cmwsd-industry-card {
        min-height: auto;
        padding: 24px 20px;
    }

    .cmwsd-industry-card h3 {
        font-size: 16px;
    }

    .cmwsd-industry-card p {
        font-size: 12px;
    }

    .cmwsd-industries-cta-content h3 {
        font-size: 16px;
    }

}

/* ==========================================
   CREATE MY WEB - WEB & SOFTWARE FINAL CTA
=========================================== */

.cmwsd-finalcta {
    width: 100%;
    padding: 85px 20px;
    overflow: hidden;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.cmwsd-finalcta-container {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 45px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 55px 60px;
    overflow: hidden;
    background: #302a68;
    border-radius: 17px;
}

/* LEFT CONTENT */

.cmwsd-finalcta-content {
    position: relative;
    z-index: 2;
}

.cmwsd-finalcta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    margin-bottom: 21px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cmwsd-finalcta-label i {
    color: #ff716a;
}

.cmwsd-finalcta-content h2 {
    margin: 0 0 19px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.3;
}

.cmwsd-finalcta-content h2 span {
    display: block;
    color: #ff716a;
}

.cmwsd-finalcta-content > p {
    max-width: 570px;
    margin: 0 0 27px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.9;
}

/* ACTION BUTTONS */

.cmwsd-finalcta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.cmwsd-finalcta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 21px;
    color: #ffffff;
    background: #e21b12;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cmwsd-finalcta-btn:hover {
    color: #302a68;
    background: #ffffff;
    transform: translateY(-3px);
}

.cmwsd-finalcta-phone {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #ffffff;
    text-decoration: none;
}

.cmwsd-finalcta-phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    font-size: 15px;
}

.cmwsd-finalcta-phone small,
.cmwsd-finalcta-phone strong {
    display: block;
}

.cmwsd-finalcta-phone small {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
}

.cmwsd-finalcta-phone strong {
    color: #ffffff;
    font-size: 14px;
}

/* HIGHLIGHTS */

.cmwsd-finalcta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 29px;
}

.cmwsd-finalcta-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 10px;
}

.cmwsd-finalcta-points i {
    color: #ff716a;
    font-size: 12px;
}

/* RIGHT VISUAL */

.cmwsd-finalcta-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
}

.cmwsd-finalcta-circle {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
}

.cmwsd-finalcta-circle-one {
    width: 330px;
    height: 330px;
}

.cmwsd-finalcta-circle-two {
    width: 250px;
    height: 250px;
}

/* CODE CARD */

.cmwsd-finalcta-code-card {
    position: relative;
    z-index: 1;
    width: 330px;
    max-width: 100%;
    overflow: hidden;
    background: #201e35;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 12px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
    transform: rotate(-4deg);
}

.cmwsd-finalcta-code-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 17px;
    background: #29263f;
}

.cmwsd-finalcta-dots {
    display: flex;
    gap: 5px;
}

.cmwsd-finalcta-dots span {
    width: 8px;
    height: 8px;
    background: #e21b12;
    border-radius: 50%;
}

.cmwsd-finalcta-dots span:nth-child(2) {
    background: #f1b84a;
}

.cmwsd-finalcta-dots span:nth-child(3) {
    background: #53b77a;
}

.cmwsd-finalcta-code-header small {
    flex: 1;
    color: #c5c1d7;
    font-size: 10px;
}

.cmwsd-finalcta-code-header > i {
    color: #ff716a;
    font-size: 14px;
}

/* CODE BODY */

.cmwsd-finalcta-code-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 26px 18px;
    min-height: 195px;
    justify-content: center;
}

.cmwsd-finalcta-code-line {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ffffff;
    font-family: monospace;
    font-size: 10px;
    white-space: nowrap;
}

.cmwsd-finalcta-code-line b {
    width: 24px;
    color: #77738f;
    font-weight: 400;
}

.cmwsd-code-purple {
    color: #c5a7ff;
}

.cmwsd-code-blue {
    color: #8ecbff;
}

.cmwsd-code-green {
    color: #a6dc9c;
}

/* CODE FOOTER */

.cmwsd-finalcta-code-footer {
    padding: 13px 17px;
    background: #29263f;
}

.cmwsd-finalcta-code-footer span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #bdb9d1;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.cmwsd-finalcta-code-footer i {
    color: #53b77a;
}

/* FLOATING ICONS */

.cmwsd-finalcta-floating {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    color: #e21b12;
    background: #ffffff;
    border-radius: 13px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    font-size: 19px;
}

.cmwsd-finalcta-floating-one {
    top: 25px;
    right: 15px;
    transform: rotate(9deg);
}

.cmwsd-finalcta-floating-two {
    bottom: 20px;
    left: 10px;
    color: #302a68;
    transform: rotate(-9deg);
}

.cmwsd-finalcta-floating-three {
    right: 0;
    bottom: 35px;
    color: #e21b12;
    transform: rotate(8deg);
}

/* TABLET */

@media (max-width: 991px) {

    .cmwsd-finalcta-container {
        grid-template-columns: 1fr 0.8fr;
        gap: 25px;
        padding: 45px 35px;
    }

    .cmwsd-finalcta-content h2 {
        font-size: 31px;
    }

    .cmwsd-finalcta-visual {
        min-height: 310px;
    }

    .cmwsd-finalcta-code-card {
        width: 290px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .cmwsd-finalcta {
        padding: 60px 18px;
    }

    .cmwsd-finalcta-container {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 35px 25px;
    }

    .cmwsd-finalcta-content h2 {
        font-size: 30px;
    }

    .cmwsd-finalcta-content > p {
        font-size: 13px;
    }

    .cmwsd-finalcta-points {
        flex-direction: column;
        gap: 12px;
    }

    .cmwsd-finalcta-visual {
        min-height: 320px;
    }

}

/* SMALL MOBILE */

@media (max-width: 480px) {

    .cmwsd-finalcta {
        padding: 45px 15px;
    }

    .cmwsd-finalcta-container {
        padding: 30px 20px;
        border-radius: 13px;
    }

    .cmwsd-finalcta-content h2 {
        font-size: 26px;
    }

    .cmwsd-finalcta-label {
        font-size: 9px;
    }

    .cmwsd-finalcta-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
    }

    .cmwsd-finalcta-btn {
        width: 100%;
        padding: 15px 12px;
        font-size: 11px;
    }

    .cmwsd-finalcta-visual {
        min-height: 270px;
    }

    .cmwsd-finalcta-circle-one {
        width: 260px;
        height: 260px;
    }

    .cmwsd-finalcta-circle-two {
        width: 200px;
        height: 200px;
    }

    .cmwsd-finalcta-code-card {
        width: 100%;
    }

    .cmwsd-finalcta-code-body {
        gap: 13px;
        padding: 22px 12px;
    }

    .cmwsd-finalcta-code-line {
        font-size: 9px;
    }

    .cmwsd-finalcta-floating {
        width: 43px;
        height: 43px;
        font-size: 16px;
    }

}