/*Modal Start*/
.mmcrm-demo-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 25px;
    background: rgba(10, 15, 40, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

    .mmcrm-demo-overlay.mmcrm-demo-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

.mmcrm-demo-modal {
    position: relative;
    width: 100%;
    max-width: 1050px;
    max-height: 92vh;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 35px 100px rgba(0, 0, 0, 0.25);
    transform: translateY(25px) scale(0.97);
    transition: transform 0.35s ease;
}

.mmcrm-demo-overlay.mmcrm-demo-active
.mmcrm-demo-modal {
    transform: translateY(0) scale(1);
}

.mmcrm-demo-layout {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    min-height: 610px;
}

.mmcrm-demo-brand-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 30px 30px;
    background: radial-gradient( circle at 100% 0%, rgba(170, 150, 255, 0.30), transparent 45% ), linear-gradient( 145deg, #5140df 0%, #6655f5 48%, #3929b8 100% );
}

.mmcrm-demo-brand-content {
    position: relative;
    z-index: 2;
}

.mmcrm-demo-small-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #dcd7ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mmcrm-demo-brand-panel h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 30px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
}

    .mmcrm-demo-brand-panel h2 span {
        display: block;
        color: #e0dbff;
    }

.mmcrm-demo-brand-panel > div > p {
    max-width: 435px;
    margin: 25px 0 40px;
    color: #e5e2ff;
    font-size: 14px;
    line-height: 1.85;
}

.mmcrm-demo-benefits {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.mmcrm-demo-benefit {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.mmcrm-demo-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.13);
}

    .mmcrm-demo-benefit-icon svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: #ffffff;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmcrm-demo-benefit h4 {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.mmcrm-demo-benefit p {
    margin: 0;
    color: #d4ceff;
    font-size: 11px;
    line-height: 1.5;
}

.mmcrm-demo-brand-circle {
    position: absolute;
    right: -170px;
    bottom: -190px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
}

.mmcrm-demo-brand-circle-small {
    position: absolute;
    top: -100px;
    right: -80px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.mmcrm-demo-form-panel {
    position: relative;
    overflow-y: auto;
    padding: 22px 28px 22px;
    background: #ffffff;
}

.mmcrm-demo-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e4e5f0;
    border-radius: 50%;
    background: #ffffff;
    color: #5d6784;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .mmcrm-demo-close:hover {
        border-color: #6655f5;
        background: #6655f5;
        color: #ffffff;
        transform: rotate(90deg);
    }

.mmcrm-demo-form-heading {
    margin-bottom: 12px;
}

.mmcrm-demo-form-eyebrow {
    display: inline-block;
    margin-bottom: 0px;
    color: #6655f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mmcrm-demo-form-heading h3 {
    margin: 0;
    color: #111c42;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

    .mmcrm-demo-form-heading h3 span {
       
        color: #6655f5;
    }

.mmcrm-demo-form-heading p {
    margin: 13px 0 0;
    color: #7c86a1;
    font-size: 13px;
    line-height: 1.7;
}

.mmcrm-demo-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mmcrm-demo-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mmcrm-demo-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .mmcrm-demo-field label {
        color: #293555;
        font-size: 12px;
        font-weight: 700;
    }

        .mmcrm-demo-field label span {
            color: #6655f5;
        }

    .mmcrm-demo-field input,
    .mmcrm-demo-field select,
    .mmcrm-demo-field textarea {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 13px 14px;
        border: 1px solid #e1e3ef;
        border-radius: 8px;
        outline: none;
        background: #fbfbfe;
        color: #293555;
        font-family: inherit;
        font-size: 12px;
        line-height: 1.5;
        transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    }

        .mmcrm-demo-field input::placeholder,
        .mmcrm-demo-field textarea::placeholder {
            color: #a3abc0;
        }

    .mmcrm-demo-field select {
        cursor: pointer;
    }

    .mmcrm-demo-field textarea {
        resize: vertical;
        min-height: 85px;
    }

        .mmcrm-demo-field input:focus,
        .mmcrm-demo-field select:focus,
        .mmcrm-demo-field textarea:focus {
            border-color: #8c7ff8;
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(102, 85, 245, 0.09);
        }

.mmcrm-demo-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    min-height: 34px;
    margin-top: -3px;
    padding: 10px 20px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #6655f5, #5140df);
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(102, 85, 245, 0.18);
    transition: all 0.3s ease;
}

    .mmcrm-demo-submit span {
        font-size: 20px;
        transition: transform 0.3s ease;
    }

    .mmcrm-demo-submit:hover {
        background: linear-gradient( 135deg, #5745e8, #4533ce );
        box-shadow: 0 12px 28px rgba(102, 85, 245, 0.28);
    }

        .mmcrm-demo-submit:hover span {
            transform: translateX(5px);
        }

.mmcrm-demo-form-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    color: #929bb2;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

    .mmcrm-demo-form-note svg {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

@media (max-width: 991px) {

    .mmcrm-demo-modal {
        max-width: 720px;
    }

    .mmcrm-demo-layout {
        grid-template-columns: 1fr;
    }

    .mmcrm-demo-brand-panel {
        padding: 35px 40px;
    }

        .mmcrm-demo-brand-panel > div > p {
            max-width: 600px;
            margin-bottom: 25px;
        }

    .mmcrm-demo-benefits {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
    }

    .mmcrm-demo-benefit {
        flex-direction: column;
        gap: 10px;
    }

    .mmcrm-demo-form-panel {
        padding: 40px;
    }
}

@media (max-width: 575px) {

    .mmcrm-demo-overlay {
        align-items: flex-start;
        padding: 12px;
        overflow-y: auto;
    }

    .mmcrm-demo-modal {
        max-height: none;
        margin: auto 0;
        border-radius: 16px;
    }

    .mmcrm-demo-brand-panel {
        padding: 35px 25px 30px;
    }

    .mmcrm-demo-small-label {
        margin-bottom: 18px;
    }

    .mmcrm-demo-brand-panel h2 {
        font-size: 30px;
        letter-spacing: -0.6px;
    }

    .mmcrm-demo-brand-panel > div > p {
        margin: 18px 0 25px;
        font-size: 13px;
    }

    .mmcrm-demo-benefits {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .mmcrm-demo-benefit {
        flex-direction: row;
        align-items: flex-start;
    }

    .mmcrm-demo-form-panel {
        padding: 35px 22px 25px;
    }

    .mmcrm-demo-form-heading h3 {
        font-size: 27px;
    }

    .mmcrm-demo-form-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .mmcrm-demo-form {
        gap: 17px;
    }

    .mmcrm-demo-close {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 21px;
    }
}

@media (max-width: 360px) {

    .mmcrm-demo-brand-panel h2 {
        font-size: 27px;
    }

    .mmcrm-demo-form-heading h3 {
        font-size: 24px;
    }
}
/*Modal Start*/
/*Industries Page Start*/
.mmx-crm-hero-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 25px 0 85px;
}

.mmx-crm-hero-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.mmx-crm-breadcrumb-wrap {
    padding: 12px 0 22px;
}

.mmx-crm-breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .mmx-crm-breadcrumb-list li {
        font-size: 14px;
        font-weight: 500;
    }

    .mmx-crm-breadcrumb-list a {
        color: #6b7280;
        text-decoration: none;
    }

        .mmx-crm-breadcrumb-list a:hover {
            color: #6655f5;
        }

.mmx-crm-breadcrumb-divider {
    color: #b5b5c5;
}

.mmx-crm-breadcrumb-active {
    color: #6655f5;
}

.mmx-crm-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.08fr);
    align-items: center;
    column-gap: 55px;
    width: 100%;
}

.mmx-crm-hero-left {
    min-width: 0;
    width: 100%;
    text-align: left;
}

.mmx-crm-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid #e5e0ff;
    border-radius: 50px;
    background: #f1efff;
    color: #6655f5;
    font-size: 13px;
    font-weight: 600;
}

.mmx-crm-hero-title {
    margin: 10px 0 15px;
    color: #101a3a;
    font-size: clamp(30px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

    .mmx-crm-hero-title span {
        color: #6655f5;
    }

.mmx-crm-hero-description {
    max-width: 638px;
    margin: 0 0 30px;
    color: #68718a;
    font-size: 16px;
    line-height: 1.85;
}

.mmx-crm-hero-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.mmx-crm-btn-primary,
.mmx-crm-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 13px 23px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mmx-crm-btn-primary {
    background: #6655f5;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(102, 85, 245, 0.2);
}

    .mmx-crm-btn-primary:hover {
        background: #5140df;
        color: #ffffff;
        transform: translateY(-2px);
    }

.mmx-crm-btn-secondary {
    border: 1px solid #dddaf5;
    background: #ffffff;
    color: #252b49;
}

    .mmx-crm-btn-secondary:hover {
        border-color: #6655f5;
        color: #6655f5;
        transform: translateY(-2px);
    }

.mmx-crm-hero-trust {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 34px;
}

.mmx-crm-trust-icons {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

    .mmx-crm-trust-icons span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        margin-left: -7px;
        border: 2px solid #ffffff;
        border-radius: 50%;
        background: #e9e6ff;
        font-size: 15px;
    }

        .mmx-crm-trust-icons span:first-child {
            margin-left: 0;
        }

.mmx-crm-hero-trust p {
    max-width: 220px;
    margin: 0;
    color: #747b91;
    font-size: 12px;
    line-height: 1.5;
}

.mmx-crm-hero-right {
    min-width: 0;
    width: 100%;
}

.mmx-crm-dashboard-wrapper {
    position: relative;
    width: 100%;
    padding: 18px;
}

.mmx-crm-dashboard-card {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e9e7f8;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 25px 70px rgba(44, 39, 110, 0.12);
}

.mmx-crm-dashboard-topbar {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 17px 20px;
    border-bottom: 1px solid #f0eef8;
}

.mmx-crm-dashboard-brand {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #25305a;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

    .mmx-crm-dashboard-brand i {
        color: #6655f5;
    }

.mmx-crm-dashboard-search {
    flex: 1;
    min-width: 0;
    padding: 9px 12px;
    border: 1px solid #eeeef6;
    border-radius: 6px;
    color: #a2a6b8;
    font-size: 10px;
}

.mmx-crm-dashboard-user {
    color: #8b8fa4;
    font-size: 13px;
}

.mmx-crm-dashboard-body {
    display: flex;
    width: 100%;
    min-height: 330px;
}

.mmx-crm-dashboard-sidebar {
    width: 145px;
    flex: 0 0 145px;
    padding: 18px 10px;
    border-right: 1px solid #f0eef8;
    background: #fcfcff;
}

    .mmx-crm-dashboard-sidebar a {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 8px;
        padding: 10px 8px;
        border-radius: 6px;
        color: #9296aa;
        font-size: 10px;
        text-decoration: none;
    }

        .mmx-crm-dashboard-sidebar a i {
            width: 14px;
            flex-shrink: 0;
            text-align: center;
        }

    .mmx-crm-dashboard-sidebar
    .mmx-crm-sidebar-active {
        background: #eeebff;
        color: #6655f5;
        font-weight: 600;
    }

.mmx-crm-dashboard-main {
    position: relative;
    flex: 1;
    min-width: 0;
    padding: 20px;
}

    .mmx-crm-dashboard-main h4 {
        margin: 0 0 18px;
        color: #252b49;
        font-size: 14px;
        font-weight: 700;
    }

.mmx-crm-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.mmx-crm-stat-box {
    min-width: 0;
    padding: 12px;
    border: 1px solid #f0eef8;
    border-radius: 8px;
    background: #ffffff;
}

    .mmx-crm-stat-box small {
        display: block;
        margin-bottom: 7px;
        color: #969bb0;
        font-size: 9px;
    }

    .mmx-crm-stat-box strong {
        display: block;
        overflow-wrap: anywhere;
        color: #252b49;
        font-size: 15px;
        font-weight: 800;
    }

    .mmx-crm-stat-box span {
        display: block;
        margin-top: 5px;
        color: #24b47e;
        font-size: 9px;
    }

.mmx-crm-chart-box {
    position: relative;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #f0eef8;
    border-radius: 8px;
}

.mmx-crm-chart-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .mmx-crm-chart-heading strong {
        color: #252b49;
        font-size: 11px;
    }

    .mmx-crm-chart-heading span {
        color: #a0a4b7;
        font-size: 9px;
    }

.mmx-crm-chart-lines {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 22px;
}

    .mmx-crm-chart-lines span {
        display: block;
        width: 100%;
        height: 1px;
        background: #f0eef8;
    }

.mmx-crm-sales-chart {
    position: absolute;
    right: 15px;
    bottom: 12px;
    left: 15px;
    width: calc(100% - 30px);
    height: 125px;
}

.mmx-crm-recent-activity {
    margin-top: 15px;
    padding: 13px;
    border: 1px solid #f0eef8;
    border-radius: 8px;
}

    .mmx-crm-recent-activity strong {
        color: #252b49;
        font-size: 11px;
    }

    .mmx-crm-recent-activity p {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 10px 0 0;
        color: #8c91a6;
        font-size: 9px;
    }

    .mmx-crm-recent-activity i {
        color: #6655f5;
    }

.mmx-crm-floating-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border: 1px solid #e7e4ff;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(44, 39, 110, 0.12);
}

    .mmx-crm-floating-badge > i {
        color: #6655f5;
        font-size: 20px;
    }

    .mmx-crm-floating-badge strong {
        display: block;
        color: #252b49;
        font-size: 11px;
    }

    .mmx-crm-floating-badge small {
        display: block;
        margin-top: 3px;
        color: #8e93aa;
        font-size: 9px;
    }

@media (max-width: 1199px) {

    .mmx-crm-hero-grid {
        column-gap: 30px;
    }

    .mmx-crm-dashboard-sidebar {
        width: 115px;
        flex-basis: 115px;
    }

    .mmx-crm-dashboard-main {
        padding: 15px;
    }

    .mmx-crm-stat-box {
        padding: 9px;
    }

        .mmx-crm-stat-box strong {
            font-size: 12px;
        }
}

@media (max-width: 991px) {

    .mmx-crm-hero-section {
        padding-bottom: 60px;
    }

    .mmx-crm-breadcrumb-wrap {
        padding-bottom: 35px;
    }


    .mmx-crm-hero-grid {
        grid-template-columns: 1fr;
        row-gap: 50px;
    }

    .mmx-crm-hero-left {
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .mmx-crm-hero-description {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

    .mmx-crm-hero-buttons {
        justify-content: center;
    }

    .mmx-crm-hero-trust {
        justify-content: center;
    }

    .mmx-crm-hero-right {
        max-width: 680px;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {

    .mmx-crm-hero-section {
        padding: 15px 0 45px;
    }

    .mmx-crm-hero-container {
        padding: 0 15px;
    }

    .mmx-crm-breadcrumb-wrap {
        padding-bottom: 28px;
    }

    .mmx-crm-breadcrumb-list li {
        font-size: 12px;
    }

    .mmx-crm-hero-badge {
        font-size: 11px;
    }

    .mmx-crm-hero-title {
        margin-top: 20px;
        font-size: 32px;
        letter-spacing: -0.8px;
    }

    .mmx-crm-hero-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .mmx-crm-hero-buttons {
        flex-direction: column;
        width: 100%;
    }

    .mmx-crm-btn-primary,
    .mmx-crm-btn-secondary {
        width: 100%;
        min-height: 48px;
    }

    .mmx-crm-dashboard-wrapper {
        padding: 5px;
    }

    .mmx-crm-dashboard-topbar {
        gap: 8px;
        padding: 12px;
    }

    .mmx-crm-dashboard-search {
        display: none;
    }

    .mmx-crm-dashboard-sidebar {
        width: 78px;
        flex-basis: 78px;
        padding: 12px 5px;
    }

        .mmx-crm-dashboard-sidebar a {
            flex-direction: column;
            gap: 5px;
            padding: 10px 3px;
            font-size: 9px;
            text-align: center;
        }

    .mmx-crm-dashboard-main {
        padding: 10px;
    }

        .mmx-crm-dashboard-main h4 {
            font-size: 11px;
        }

    .mmx-crm-stat-grid {
        gap: 5px;
    }

    .mmx-crm-stat-box {
        padding: 7px;
    }

        .mmx-crm-stat-box small {
            font-size: 8px;
        }

        .mmx-crm-stat-box strong {
            font-size: 10px;
        }

        .mmx-crm-stat-box span {
            font-size: 8px;
        }

    .mmx-crm-chart-box {
        padding: 10px;
    }

    .mmx-crm-sales-chart {
        height: 90px;
    }

    .mmx-crm-floating-badge {
        top: -12px;
        right: -3px;
        padding: 9px 12px;
    }

        .mmx-crm-floating-badge > i {
            font-size: 15px;
        }

        .mmx-crm-floating-badge strong {
            font-size: 9px;
        }

        .mmx-crm-floating-badge small {
            font-size: 8px;
        }

    .mmx-crm-recent-activity {
        display: none;
    }
}

.mmx-crm-dashboard-image-wrapper {
    position: relative;
    width: 100%;
    padding: 10px;
}

.mmx-crm-dashboard-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 14px;
    box-shadow: 0 25px 70px rgba(44, 39, 110, 0.12);
}

@media (max-width: 991px) {

    .mmx-crm-dashboard-image-wrapper {
        max-width: 680px;
        margin: 0 auto;
    }
}


@media (max-width: 575px) {

    .mmx-crm-dashboard-image-wrapper {
        padding: 5px;
    }

    .mmx-crm-dashboard-image {
        border-radius: 10px;
    }
}

.mmcrm-features-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 50px 0;
    background: radial-gradient( circle at 0% 0%, rgba(102, 85, 245, 0.055), transparent 35% ), #ffffff;
}

.mmcrm-features-inner {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.mmcrm-features-heading {
    max-width: 880px;
    margin: 0 auto 28px;
    text-align: center;
}

.mmcrm-features-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmcrm-features-eyebrow::before {
        content: "";
        width: 25px;
        height: 2px;
        background: #6655f5;
    }

.mmcrm-features-heading h2 {
    margin: 0;
    color: #101a3a;
    font-size: clamp(30px, 3.2vw, 35px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
}

    .mmcrm-features-heading h2 span {
        display: inline-block;
        color: #6655f5;
    }

.mmcrm-features-heading p {
    max-width: 600px;
    margin: 20px auto 0;
    color: #737b91;
    font-size: 15px;
    line-height: 1.85;
}

.mmcrm-features-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.mmcrm-feature-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 325px;
    padding: 24px;
    border: 1px solid #e9e7f4;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 35px rgba(38, 31, 100, 0.035);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.mmcrm-feature-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}

.mmcrm-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border: 1px solid #e4dfff;
    border-radius: 14px;
    background: linear-gradient( 145deg, #f0edff, #faf9ff );
    transition: all 0.35s ease;
}

    .mmcrm-feature-icon svg {
        width: 27px;
        height: 27px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmcrm-feature-number {
    color: #d7d3eb;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mmcrm-feature-card h3 {
    margin: 0 0 14px;
    color: #182142;
    font-size: 19px;
    font-weight: 750;
    line-height: 1.4;
}

.mmcrm-feature-card p {
    margin: 0;
    color: #7b8399;
    font-size: 13px;
    line-height: 1.85;
}

.mmcrm-feature-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    padding-top: 25px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: gap 0.3s ease;
}

    .mmcrm-feature-link span {
        font-size: 17px;
        line-height: 1;
    }

.mmcrm-feature-card:hover {
    border-color: #d9d2ff;
    box-shadow: 0 18px 45px rgba(74, 59, 180, 0.10);
    transform: translateY(-7px);
}

    .mmcrm-feature-card:hover .mmcrm-feature-icon {
        background: #6655f5;
        border-color: #6655f5;
        transform: translateY(-2px);
    }

        .mmcrm-feature-card:hover .mmcrm-feature-icon svg {
            stroke: #ffffff;
        }

    .mmcrm-feature-card:hover .mmcrm-feature-link {
        gap: 15px;
    }

.mmcrm-features-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 45px;
    padding-top: 30px;
    border-top: 1px solid #eeeef6;
}

    .mmcrm-features-bottom p {
        margin: 0;
        color: #7c8499;
        font-size: 13px;
    }

.mmcrm-features-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #6655f5;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

    .mmcrm-features-cta span {
        font-size: 19px;
        transition: transform 0.3s ease;
    }

    .mmcrm-features-cta:hover span {
        transform: translateX(5px);
    }

@media (max-width: 1199px) {

    .mmcrm-features-grid {
        gap: 18px;
    }

    .mmcrm-feature-card {
        padding: 25px;
    }
}

@media (max-width: 991px) {

    .mmcrm-features-section {
        padding: 75px 0;
    }

    .mmcrm-features-heading {
        margin-bottom: 40px;
    }

    .mmcrm-features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {

    .mmcrm-features-section {
        padding: 30px 0;
    }

    .mmcrm-features-inner {
        padding: 0 15px;
    }

    .mmcrm-features-heading {
        margin-bottom: 32px;
    }

        .mmcrm-features-heading h2 {
            font-size: 30px;
            letter-spacing: -0.5px;
        }

        .mmcrm-features-heading p {
            font-size: 13px;
            line-height: 1.75;
        }

    .mmcrm-features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mmcrm-feature-card {
        min-height: 0;
        padding: 25px;
        border-radius: 14px;
    }

    .mmcrm-feature-top {
        margin-bottom: 22px;
    }

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

    .mmcrm-feature-card p {
        font-size: 13px;
    }

    .mmcrm-features-bottom {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
}

.mmcrm-pricing-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 50px 0 50px;
    background: radial-gradient( circle at 0% 100%, rgba(102, 85, 245, 0.10), transparent 32% ), radial-gradient( circle at 100% 0%, rgba(102, 85, 245, 0.10), transparent 35% ), #fafaff;
}

.mmcrm-pricing-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 25px;
}

.mmcrm-pricing-bg-circle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    border: 1px solid rgba(102, 85, 245, 0.08);
}

.mmcrm-pricing-bg-circle-one {
    width: 430px;
    height: 430px;
    top: -250px;
    right: -180px;
    background: rgba(102, 85, 245, 0.055);
}

.mmcrm-pricing-bg-circle-two {
    width: 360px;
    height: 360px;
    bottom: -220px;
    left: -170px;
    background: rgba(102, 85, 245, 0.04);
}

.mmcrm-pricing-heading {
    max-width: 900px;
    margin: 0 auto 28px;
    text-align: center;
}

.mmcrm-pricing-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 14px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

    .mmcrm-pricing-eyebrow span {
        display: inline-block;
        width: 35px;
        height: 2px;
        background: #6655f5;
        border-radius: 5px;
    }

.mmcrm-pricing-heading h2 {
    margin: 0;
    color: #111c42;
    font-size: clamp(29px, 4vw, 35px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.4px;
}

    .mmcrm-pricing-heading h2 strong {
       
        color: #6655f5;
        font-weight: 800;
    }

.mmcrm-pricing-heading p {
    max-width: 800px;
    margin: 18px auto 0;
    color: #6d7898;
    font-size: 16px;
    line-height: 1.8;
}

.mmcrm-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    align-items: stretch;
}

.mmcrm-pricing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px 26px 26px;
    border: 1px solid #dedff1;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 15px 55px rgba(48, 40, 130, 0.045);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

    .mmcrm-pricing-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 25px 65px rgba(48, 40, 130, 0.10);
    }

.mmcrm-pricing-card-featured {
    border: 2px solid #a79cff;
    box-shadow: 0 20px 65px rgba(102, 85, 245, 0.12);
}

.mmcrm-pricing-popular {
    position: absolute;
    top: -1px;
    right: 28px;
    padding: 10px 22px;
    border-radius: 0 0 12px 12px;
    background: linear-gradient( 135deg, #6655f5, #5140df );
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.mmcrm-plan-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
    padding-right: 90px;
}

.mmcrm-plan-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 16px;
    background: linear-gradient( 145deg, #e5e0ff, #f3f1ff );
}

    .mmcrm-plan-icon svg {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmcrm-plan-header h3 {
    margin: 0 0 7px;
    color: #111c42;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;
}

.mmcrm-plan-header p {
    margin: 0;
    color: #7883a2;
    font-size: 13px;
    line-height: 1.5;
}

.mmcrm-plan-price {
    display: flex;
    align-items: baseline;
    gap: 4px;
    min-height: 52px;
}

.mmcrm-price-symbol {
    color: #111c42;
    font-size: 25px;
    font-weight: 700;
}

.mmcrm-price-number {
    color: #111c42;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1;
}

.mmcrm-price-period {
    color: #77829e;
    font-size: 15px;
    font-weight: 500;
}

.mmcrm-price-custom {
    color: #111c42;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.1;
}

.mmcrm-plan-billing {
    margin: 12px 0 0;
    color: #7b86a1;
    font-size: 13px;
    line-height: 1.6;
}

.mmcrm-plan-user-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 8px 15px;
    border-radius: 10px;
    background: #f1efff;
    color: #45518a;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

    .mmcrm-plan-user-info svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmcrm-plan-custom-note {
    margin-top: 22px;
    color: #7b86a1;
    font-size: 13px;
    line-height: 1.7;
}

.mmcrm-plan-divider {
    width: 100%;
    height: 1px;
    margin: 20px 0 20px;
    background: #e7e7f2;
}

.mmcrm-plan-features-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

    .mmcrm-plan-features-grid ul {
        display: flex;
        flex-direction: column;
        gap: 17px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mmcrm-plan-features-grid li {
        position: relative;
        padding-left: 25px;
        color: #617092;
        font-size: 13px;
        line-height: 1.5;
    }

        .mmcrm-plan-features-grid li::before {
            content: "✓";
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            background: #6b5cf5;
            color: #ffffff;
            font-size: 10px;
            font-weight: 800;
        }

.mmcrm-plan-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    min-height: 42px;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mmcrm-plan-button span {
        font-size: 22px;
        line-height: 1;
        transition: transform 0.3s ease;
    }

    .mmcrm-plan-button:hover span {
        transform: translateX(5px);
    }

.mmcrm-plan-button-primary {
    background: linear-gradient( 135deg, #6655f5, #5140df );
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(102, 85, 245, 0.20);
}

    .mmcrm-plan-button-primary:hover {
        background: #4533ce;
        color: #ffffff;
    }

.mmcrm-plan-button-outline {
    border: 1.5px solid #6655f5;
    background: #ffffff;
    color: #6655f5;
}

    .mmcrm-plan-button-outline:hover {
        background: #6655f5;
        color: #ffffff;
    }

.mmcrm-pricing-trust-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
    margin-top: 65px;
    padding-top: 35px;
    border-top: 1px solid #e3e3f1;
}

.mmcrm-trust-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.mmcrm-trust-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #ece9ff;
}

    .mmcrm-trust-icon svg {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmcrm-trust-item h4 {
    margin: 0 0 5px;
    color: #243052;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.mmcrm-trust-item p {
    margin: 0;
    color: #8a94ae;
    font-size: 11px;
    line-height: 1.5;
}

@media (max-width: 1199px) {

    .mmcrm-pricing-inner {
        max-width: 1100px;
    }

    .mmcrm-pricing-card {
        padding: 32px 28px 28px;
    }

    .mmcrm-plan-features-grid {
        gap: 15px;
    }

        .mmcrm-plan-features-grid li {
            font-size: 12px;
        }
}

@media (max-width: 991px) {

    .mmcrm-pricing-section {
        padding: 80px 0;
    }

    .mmcrm-pricing-heading {
        margin-bottom: 45px;
    }

    .mmcrm-pricing-grid {
        grid-template-columns: 1fr;
        max-width: 700px;
        margin: 0 auto;
    }

    .mmcrm-pricing-trust-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
}

@media (max-width: 575px) {

    .mmcrm-pricing-section {
        padding: 30px 0;
    }

    .mmcrm-pricing-inner {
        padding: 0 15px;
    }

    .mmcrm-pricing-heading {
        margin-bottom: 38px;
    }

    .mmcrm-pricing-eyebrow {
        gap: 8px;
        font-size: 9px;
        letter-spacing: 1px;
    }

        .mmcrm-pricing-eyebrow span {
            width: 20px;
        }

    .mmcrm-pricing-heading h2 {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .mmcrm-pricing-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .mmcrm-pricing-card {
        padding: 28px 22px 25px;
        border-radius: 16px;
    }

    .mmcrm-pricing-popular {
        right: 20px;
        padding: 8px 14px;
        font-size: 10px;
    }

    .mmcrm-plan-header {
        gap: 13px;
        padding-right: 55px;
    }

    .mmcrm-plan-icon {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }

        .mmcrm-plan-icon svg {
            width: 24px;
            height: 24px;
        }

    .mmcrm-plan-header h3 {
        font-size: 18px;
    }

    .mmcrm-plan-header p {
        font-size: 11px;
    }

    .mmcrm-price-number {
        font-size: 39px;
    }

    .mmcrm-price-custom {
        font-size: 35px;
    }

    .mmcrm-plan-features-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

        .mmcrm-plan-features-grid ul {
            gap: 14px;
        }

        .mmcrm-plan-features-grid li {
            font-size: 13px;
        }

    .mmcrm-pricing-trust-row {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 45px;
    }

    .mmcrm-plan-button {
        min-height: 38px;
    }
}

@media (max-width: 360px) {

    .mmcrm-pricing-heading h2 {
        font-size: 27px;
    }

    .mmcrm-plan-header {
        padding-right: 35px;
    }

        .mmcrm-plan-header h3 {
            font-size: 16px;
        }
}

.mmcrm-industry-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 5px 0 50px;
    background: radial-gradient( circle at 10% 10%, rgba(102, 85, 245, 0.09), transparent 32% ), radial-gradient( circle at 90% 90%, rgba(142, 92, 246, 0.07), transparent 32% ), #fafaff;
}

    .mmcrm-industry-section::before {
        content: "";
        position: absolute;
        top: -180px;
        right: -180px;
        width: 450px;
        height: 450px;
        border: 1px solid rgba(102, 85, 245, 0.08);
        border-radius: 50%;
        pointer-events: none;
    }

    .mmcrm-industry-section::after {
        content: "";
        position: absolute;
        bottom: -220px;
        left: -180px;
        width: 430px;
        height: 430px;
        border: 1px solid rgba(102, 85, 245, 0.07);
        border-radius: 50%;
        pointer-events: none;
    }

.mmcrm-industry-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 25px;
}

.mmcrm-industry-heading {
    max-width: 780px;
    margin: 0 auto 28px;
    text-align: center;
}

.mmcrm-industry-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

    .mmcrm-industry-eyebrow::before,
    .mmcrm-industry-eyebrow::after {
        content: "";
        width: 28px;
        height: 2px;
        border-radius: 5px;
        background: #6655f5;
    }

.mmcrm-industry-heading h2 {
    margin: 0;
    color: #111c42;
    font-size: clamp(34px, 4vw, 35px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.5px;
}

    .mmcrm-industry-heading h2 span {
        
        color: #6655f5;
    }

.mmcrm-industry-heading p {
    max-width: 600px;
    margin: 10px auto 0;
    color: #727d9b;
    font-size: 15px;
    line-height: 1.85;
}

.mmcrm-industry-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 13px;
    max-width: 1120px;
    margin: 0 auto;
}

.mmcrm-industry-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    max-width: 100%;
    padding: 10px 19px;
    border: 1px solid #dedff0;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.92);
    color: #263354;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(49, 39, 130, 0.025);
    transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

    .mmcrm-industry-pill span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: #f0eeff;
        color: #6655f5;
        font-size: 13px;
        opacity: 0;
        transform: translateX(-5px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .mmcrm-industry-pill:hover {
        border-color: #bcb2ff;
        background: #f3f0ff;
        color: #5745e8;
        transform: translateY(-3px);
        box-shadow: 0 8px 24px rgba(102, 85, 245, 0.09);
    }

        .mmcrm-industry-pill:hover span {
            opacity: 1;
            transform: translateX(0);
        }

.mmcrm-industry-pill-featured {
    border-color: #6655f5;
    background: linear-gradient( 135deg, #6655f5, #5140df );
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(102, 85, 245, 0.20);
}

    .mmcrm-industry-pill-featured span {
        background: rgba(255, 255, 255, 0.18);
        color: #ffffff;
        opacity: 1;
        transform: none;
    }

    .mmcrm-industry-pill-featured:hover {
        border-color: #4533ce;
        background: linear-gradient( 135deg, #5745e8, #4533ce );
        color: #ffffff;
        box-shadow: 0 12px 30px rgba(102, 85, 245, 0.28);
    }

.mmcrm-industry-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 52px;
    padding-top: 32px;
    border-top: 1px solid #e5e4f2;
    text-align: center;
}

    .mmcrm-industry-bottom p {
        margin: 0;
        color: #78839f;
        font-size: 14px;
        line-height: 1.6;
    }

    .mmcrm-industry-bottom strong {
        color: #344267;
        font-weight: 700;
    }

.mmcrm-industry-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 22px;
    border: 1px solid #d8d2ff;
    border-radius: 8px;
    background: #ffffff;
    color: #6655f5;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mmcrm-industry-cta span {
        font-size: 19px;
        transition: transform 0.3s ease;
    }

    .mmcrm-industry-cta:hover {
        border-color: #6655f5;
        background: #6655f5;
        color: #ffffff;
    }

        .mmcrm-industry-cta:hover span {
            transform: translateX(5px);
        }

@media (max-width: 991px) {

    .mmcrm-industry-section {
        padding: 80px 0;
    }

    .mmcrm-industry-container {
        padding: 0 20px;
    }

    .mmcrm-industry-heading {
        margin-bottom: 38px;
    }

    .mmcrm-industry-pills {
        gap: 11px;
    }

    .mmcrm-industry-pill {
        font-size: 12px;
        padding: 10px 16px;
        min-height: 44px;
    }
}

@media (max-width: 575px) {

    .mmcrm-industry-section {
        padding: 30px 0;
    }

    .mmcrm-industry-container {
        padding: 0 15px;
    }

    .mmcrm-industry-heading {
        margin-bottom: 32px;
    }

    .mmcrm-industry-eyebrow {
        gap: 7px;
        font-size: 9px;
        letter-spacing: 1.1px;
    }

        .mmcrm-industry-eyebrow::before,
        .mmcrm-industry-eyebrow::after {
            width: 18px;
        }

    .mmcrm-industry-heading h2 {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .mmcrm-industry-heading p {
        margin-top: 17px;
        font-size: 13px;
        line-height: 1.75;
    }

    .mmcrm-industry-pills {
        gap: 9px;
    }

    .mmcrm-industry-pill {
        flex: 0 1 auto;
        min-height: 42px;
        padding: 9px 13px;
        font-size: 11px;
        gap: 6px;
    }

        .mmcrm-industry-pill span {
            display: none;
        }

    .mmcrm-industry-bottom {
        flex-direction: column;
        gap: 15px;
        margin-top: 38px;
        padding-top: 25px;
    }

        .mmcrm-industry-bottom p {
            font-size: 12px;
        }

    .mmcrm-industry-cta {
        width: 100%;
        max-width: 280px;
        justify-content: center;
        padding: 13px 18px;
    }
}

@media (max-width: 360px) {

    .mmcrm-industry-heading h2 {
        font-size: 27px;
    }

    .mmcrm-industry-pill {
        font-size: 10px;
        padding: 8px 11px;
    }
}
/*Industries Page End*/
/*Features Page Start*/
.mmcrm-features-explorer {
    width: 100%;
    padding: 50px 0;
    background: #fafaff;
}

.mmcrm-features-layout {
    width: 100%;
    max-width: 1250px;
    height: 700px;
    margin: 0 auto;
    padding: 0 25px;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 55px;
}

.mmcrm-features-left {
    height: 100%;
}

.mmcrm-features-left-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mmcrm-features-label {
    display: block;
    margin-bottom: 22px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.mmcrm-features-nav {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #dedfea;
}


.mmcrm-feature-nav-item {
    position: relative;
    display: block;
    padding: 11px 15px;
    color: #68728d;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, padding-left .25s ease;
}

    .mmcrm-feature-nav-item::before {
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        bottom: 0;
        width: 3px;
        background: #6655f5;
        transform: scaleY(0);
        transition: transform .25s ease;
    }

    .mmcrm-feature-nav-item:hover {
        color: #6655f5;
        background: rgba(102, 85, 245, .045);
        padding-left: 20px;
    }

    .mmcrm-feature-nav-item.mmcrm-feature-active {
        color: #172044;
        font-weight: 700;
        background: rgba(102, 85, 245, .07);
    }


        .mmcrm-feature-nav-item.mmcrm-feature-active::before {
            transform: scaleY(1);
        }

.mmcrm-features-right {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 18px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #c9c5f8 transparent;
}

    .mmcrm-features-right::-webkit-scrollbar {
        width: 6px;
    }


    .mmcrm-features-right::-webkit-scrollbar-track {
        background: transparent;
    }


    .mmcrm-features-right::-webkit-scrollbar-thumb {
        background: #c9c5f8;
        border-radius: 20px;
    }


        .mmcrm-features-right::-webkit-scrollbar-thumb:hover {
            background: #6655f5;
        }

.mmcrm-feature-content-block {
    min-height: 76%;
    padding: 5px 15px 22px 5px;
    box-sizing: border-box;
    scroll-margin-top: 0;
}


    .mmcrm-feature-content-block + .mmcrm-feature-content-block {
        padding-top: 20px;
        border-top: 1px solid #e7e7ef;
    }

.mmcrm-feature-section-heading {
    max-width: 833px;
    margin-bottom: 20px;
}


.mmcrm-feature-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 26px;
    margin-bottom: 17px;
    border-radius: 20px;
    border: 1px solid #d8d3ff;
    background: #f1efff;
    color: #6655f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}


.mmcrm-feature-section-heading h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(32px, 4vw, 35px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.mmcrm-feature-section-heading p {
    max-width: 833px;
    margin: 8px 0 0;
    color: #707a94;
    font-size: 13px;
    line-height: 1.8;
}

.mmcrm-feature-points-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.mmcrm-feature-point {
    display: flex;
    gap: 16px;
    padding: 16px;
    border: 1px solid #e5e4ef;
    border-radius: 14px;
    background: #ffffff;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}


    .mmcrm-feature-point:hover {
        transform: translateY(-4px);
        border-color: #d3ceff;
        box-shadow: 0 15px 35px rgba(73, 57, 180, .08);
    }

.mmcrm-feature-point-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: linear-gradient( 135deg, #eeeaff, #f8f7ff );
    color: #6655f5;
    font-size: 10px;
    font-weight: 800;
}


.mmcrm-feature-point h3 {
    margin: 0 0 8px;
    color: #172044;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.4;
}


.mmcrm-feature-point p {
    margin: 0 0 13px;
    color: #737d97;
    font-size: 13px;
    line-height: 1.75;
}


.mmcrm-feature-point a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}


    .mmcrm-feature-point a span {
        font-size: 17px;
        transition: transform .25s ease;
    }


    .mmcrm-feature-point a:hover span {
        transform: translateX(4px);
    }

@media (max-width: 991px) {

    .mmcrm-features-layout {
        height: 650px;
        grid-template-columns: 210px minmax(0, 1fr);
        gap: 30px;
        padding: 0 20px;
    }


    .mmcrm-feature-nav-item {
        font-size: 12px;
        padding: 9px 12px;
    }


    .mmcrm-feature-points-grid {
        grid-template-columns: 1fr;
    }


    .mmcrm-feature-section-heading h2 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {

    .mmcrm-features-explorer {
        padding: 30px 0;
    }


    .mmcrm-features-layout {
        display: block;
        height: auto;
        padding: 0 15px;
    }

    .mmcrm-features-left {
        position: sticky;
        top: 0;
        z-index: 100;
        height: auto;
        margin: 0 -15px 30px;
        padding: 13px 15px;
        background: rgba( 250, 250, 255, .94 );
        border-bottom: 1px solid #e5e5ef;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }


    .mmcrm-features-left-inner {
        height: auto;
    }


    .mmcrm-features-label {
        margin-bottom: 10px;
        font-size: 10px;
    }


    .mmcrm-features-nav {
        flex-direction: row;
        overflow-x: auto;
        gap: 7px;
        border: 0;
        scrollbar-width: none;
    }


        .mmcrm-features-nav::-webkit-scrollbar {
            display: none;
        }


    .mmcrm-feature-nav-item {
        flex: 0 0 auto;
        padding: 8px 13px;
        border: 1px solid #e1e1eb;
        border-radius: 30px;
        background: #ffffff;
        font-size: 11px;
        white-space: nowrap;
    }


        .mmcrm-feature-nav-item::before {
            display: none;
        }


        .mmcrm-feature-nav-item:hover {
            padding-left: 13px;
        }


        .mmcrm-feature-nav-item.mmcrm-feature-active {
            background: #6655f5;
            border-color: #6655f5;
            color: #ffffff;
        }

    .mmcrm-features-right {
        height: auto;
        overflow: visible;
        padding: 0;
    }


    .mmcrm-feature-content-block {
        min-height: auto;
        padding: 0 0 25px;
    }


        .mmcrm-feature-content-block + .mmcrm-feature-content-block {
            padding-top: 25px;
        }


    .mmcrm-feature-section-heading {
        margin-bottom: 30px;
    }


        .mmcrm-feature-section-heading h2 {
            font-size: 30px;
            letter-spacing: -.7px;
        }


        .mmcrm-feature-section-heading p {
            font-size: 13px;
        }


    .mmcrm-feature-points-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }


    .mmcrm-feature-point {
        padding: 20px 17px;
    }


        .mmcrm-feature-point h3 {
            font-size: 15px;
        }

        .mmcrm-feature-point p {
            font-size: 12px;
        }
}

.mmfd-features-details {
    --mmfd-header-height: 80px;
    width: 100%;
    background: #f7f8fb;
    color: #111b40;
    position: relative;
}

.mmfd-fd-intro {
    width: min(900px, calc(100% - 40px));
    margin: 0 auto;
    padding: 50px 20px 28px;
    text-align: center;
}


.mmfd-fd-eyebrow {
    display: inline-block;
    margin-bottom: 7px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}


.mmfd-fd-intro h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(32px, 4vw, 35px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}


.mmfd-fd-intro p {
    max-width: 806px;
    margin: 12px auto 0;
    color: #737c94;
    font-size: 15px;
    line-height: 1.8;
}

.mmfd-fd-sticky-nav {
    position: relative;
    width: 100%;
    z-index: 9999;
    background: rgba(247, 248, 251, 0.97);
    border-top: 1px solid rgba(220, 223, 232, 0.7);
    border-bottom: 1px solid #e2e5ec;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 8px 25px rgba(22, 28, 60, 0.05);
    transition: box-shadow .25s ease, background .25s ease;
}

    .mmfd-fd-sticky-nav.mmfd-nav-is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        box-shadow: 0 8px 25px rgba(22, 28, 60, 0.10);
    }

.mmfd-fd-nav-spacer {
    display: none;
    width: 100%;
}

    .mmfd-fd-nav-spacer.mmfd-spacer-active {
        display: block;
    }

.mmfd-fd-nav-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

.mmfd-fd-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
    align-items: stretch;
}

.mmfd-fd-nav-item {
    position: relative;
    min-height: 64px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #59647d;
    background: transparent;
    text-decoration: none;
    font-size: 12px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .25px;
    text-align: center;
    cursor: pointer;
    transition: color .25s ease, background .25s ease;
}


    .mmfd-fd-nav-item:hover {
        color: #6655f5;
        background: rgba(102, 85, 245, .04);
    }

.mmfd-fd-number {
    display: none;
    color: #6655f5;
    font-size: 10px;
    font-weight: 800;
}

.mmfd-fd-nav-item::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 2px;
    border-radius: 10px;
    background: #6655f5;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s ease;
}

.mmfd-fd-nav-item.mmfd-fd-active {
    color: #111b40;
}

    .mmfd-fd-nav-item.mmfd-fd-active::after {
        transform: scaleX(1);
    }

.mmfd-fd-details {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

.mmfd-fd-item {
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 50px;
    padding: 40px 20px;
    scroll-margin-top: calc( var(--mmfd-header-height) + 100px );
    border-bottom: 1px solid #e7e8ee;
}

    .mmfd-fd-item:last-child {
        border-bottom: 0;
    }

.mmfd-fd-left
.mmfd-fd-content {
    order: 1;
}


.mmfd-fd-left
.mmfd-fd-image-box {
    order: 2;
}


.mmfd-fd-right
.mmfd-fd-content {
    order: 2;
}


.mmfd-fd-right
.mmfd-fd-image-box {
    order: 1;
}

.mmfd-fd-content {
    max-width: 510px;
}


.mmfd-fd-feature-label {
    display: inline-flex;
    align-items: center;
    height: 27px;
    padding: 0 12px;
    margin-bottom: 10px;
    border: 1px solid #dcd8ff;
    border-radius: 30px;
    background: #f0eeff;
    color: #6655f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;
}


.mmfd-fd-content h3 {
    margin: 0;
    color: #101a3d;
    font-size: clamp(30px, 3.2vw, 35px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.2px;
}


.mmfd-fd-description {
    margin: 20px 0 28px;
    color: #6f7891;
    font-size: 15px;
    line-height: 1.8;
}

.mmfd-fd-points {
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.mmfd-fd-point {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}


.mmfd-fd-check {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    border-radius: 50%;
    background: #ece9ff;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
}


.mmfd-fd-point h4 {
    margin: 0 0 3px;
    color: #1a2447;
    font-size: 14px;
    font-weight: 750;
}


.mmfd-fd-point p {
    margin: 0;
    color: #7a8298;
    font-size: 12px;
    line-height: 1.6;
}

.mmfd-fd-image-box {
    position: relative;
    width: 100%;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border: 1px solid #e4e5ed;
    border-radius: 22px;
    background: linear-gradient( 145deg, #ffffff, #f2f1ff );
    box-shadow: 0 25px 60px rgba(39, 35, 90, .08);
    overflow: hidden;
}

    .mmfd-fd-image-box::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        top: -110px;
        right: -90px;
        border-radius: 50%;
        background: rgba(102, 85, 245, .08);
    }


    .mmfd-fd-image-box::after {
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        bottom: -90px;
        left: -60px;
        border-radius: 50%;
        background: rgba(102, 85, 245, .055);
    }


    .mmfd-fd-image-box img {
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        max-width: 500px;
        height: auto;
        max-height: 390px;
        object-fit: contain;
        border-radius: 12px;
        filter: drop-shadow( 0 20px 30px rgba(30, 30, 70, .10) );
    }

@media (max-width: 991px) {

    .mmfd-fd-nav-container {
        width: calc(100% - 25px);
    }


    .mmfd-fd-nav-item {
        padding: 9px 8px;
        font-size: 10px;
    }


    .mmfd-fd-item {
        gap: 45px;
        padding: 75px 10px;
        min-height: 580px;
    }


    .mmfd-fd-content h3 {
        font-size: 32px;
    }


    .mmfd-fd-image-box {
        min-height: 350px;
    }
}

@media (max-width: 767px) {

    .mmfd-features-details {
        --mmfd-header-height: 60px;
    }

    .mmfd-fd-intro {
        width: calc(100% - 30px);
        padding: 30px 15px 30px;
    }


        .mmfd-fd-intro h2 {
            font-size: 31px;
            line-height: 1.15;
            letter-spacing: -.8px;
        }


        .mmfd-fd-intro p {
            font-size: 13px;
            line-height: 1.7;
        }

    .mmfd-fd-sticky-nav {
        position: sticky;
        top: var(--mmfd-header-height);
        z-index: 9999;
        width: 100%;
        padding: 7px 0;
        overflow: hidden;
    }

    .mmfd-fd-nav-container {
        width: 100%;
        margin: 0;
    }

    .mmfd-fd-nav {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        gap: 5px;
        padding: 0 12px;
        overflow-x: auto;
        overflow-y: hidden;
        touch-action: pan-x pan-y;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }


        .mmfd-fd-nav::-webkit-scrollbar {
            display: none;
        }

    .mmfd-fd-nav-item {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 7px 14px;
        border-radius: 30px;
        font-size: 10px;
        white-space: nowrap;
        text-transform: uppercase;
        background: transparent;
    }

        .mmfd-fd-nav-item::after {
            display: none;
        }

    .mmfd-fd-number {
        display: inline-block;
    }

    .mmfd-fd-nav-item.mmfd-fd-active {
        color: #ffffff;
        background: #6655f5;
        box-shadow: 0 6px 16px rgba(102, 85, 245, .22);
    }


        .mmfd-fd-nav-item.mmfd-fd-active
        .mmfd-fd-number {
            color: #ffffff;
        }

    .mmfd-fd-details {
        width: calc(100% - 30px);
        margin: 0 auto;
    }


    .mmfd-fd-item {
        display: flex;
        flex-direction: column;
        gap: 35px;
        min-height: auto;
        padding: 30px 5px 30px;
        scroll-margin-top: calc( var(--mmfd-header-height) + 75px );
    }

    .mmfd-fd-left
    .mmfd-fd-content,
    .mmfd-fd-right
    .mmfd-fd-content {
        order: 1;
        max-width: none;
    }


    .mmfd-fd-left
    .mmfd-fd-image-box,
    .mmfd-fd-right
    .mmfd-fd-image-box {
        order: 2;
    }

    .mmfd-fd-content h3 {
        font-size: 29px;
        line-height: 1.18;
        letter-spacing: -.7px;
    }


    .mmfd-fd-description {
        font-size: 13px;
        line-height: 1.75;
    }

    .mmfd-fd-point h4 {
        font-size: 13px;
    }


    .mmfd-fd-point p {
        font-size: 11px;
    }

    .mmfd-fd-image-box {
        min-height: 250px;
        padding: 15px;
        border-radius: 17px;
    }


        .mmfd-fd-image-box img {
            max-height: 270px;
        }
}
/*Features Page End*/
/*Awards & Success Stories Page Start*/
.mmas-award-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: linear-gradient( 135deg, #f8f9fc 0%, #ffffff 52%, #f3f1ff 100% );
    border-bottom: 1px solid #e8e9ef;
    padding: 45px 0px 0px;
}


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

    .mmas-award-hero::before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        right: -180px;
        top: -230px;
        border-radius: 50%;
        background: rgba(102, 85, 245, 0.055);
        pointer-events: none;
    }


    .mmas-award-hero::after {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        left: -180px;
        bottom: -170px;
        border-radius: 50%;
        background: rgba(102, 85, 245, 0.035);
        pointer-events: none;
    }


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

.mmas-award-hero-inner {
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 50px));
    min-height: 570px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: center;
    gap: 70px;
    padding: 70px 0;
}


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

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


.mmas-award-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}


    .mmas-award-hero-eyebrow::before {
        content: "";
        width: 25px;
        height: 2px;
        border-radius: 10px;
        background: #6655f5;
    }


.mmas-award-hero-content h1 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 5vw, 35px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
}


    .mmas-award-hero-content h1 span {
        color: #6655f5;
    }


.mmas-award-hero-content > p {
    max-width: 640px;
    margin: 15px 0 0;
    color: #707991;
    font-size: 15px;
    line-height: 1.8;
}


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

.mmas-award-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 34px;
}


.mmas-award-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}


.mmas-award-primary-btn {
    color: #ffffff;
    background: #6655f5;
    box-shadow: 0 12px 25px rgba(102, 85, 245, .22);
}


    .mmas-award-primary-btn:hover {
        color: #ffffff;
        background: #5746e8;
        transform: translateY(-2px);
        box-shadow: 0 16px 30px rgba(102, 85, 245, .28);
    }


    .mmas-award-primary-btn span {
        font-size: 18px;
        line-height: 1;
    }


.mmas-award-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1c2648;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}


    .mmas-award-hero-link span {
        color: #6655f5;
        font-size: 17px;
    }


    .mmas-award-hero-link:hover {
        color: #6655f5;
    }


/* =========================================================
   RIGHT VISUAL
========================================================= */

.mmas-award-hero-visual {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   ORBITS
========================================================= */

.mmas-award-orbit {
    position: absolute;
    border: 1px solid rgba(102, 85, 245, .12);
    border-radius: 50%;
}


.mmas-orbit-one {
    width: 400px;
    height: 400px;
}


.mmas-orbit-two {
    width: 510px;
    height: 510px;
}


/* =========================================================
   MAIN AWARD CARD
========================================================= */

.mmas-award-main-card {
    position: relative;
    z-index: 3;
    width: min(390px, 75%);
    min-height: 350px;
    padding: 22px;
    border: 1px solid rgba(102, 85, 245, .12);
    border-radius: 22px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 30px 70px rgba(32, 35, 75, .12);
    backdrop-filter: blur(12px);
}


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

.mmas-award-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.mmas-award-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #6655f5;
    background: #eeecff;
}


    .mmas-award-icon svg {
        width: 27px;
        height: 27px;
    }


.mmas-award-year {
    color: #8a91a5;
    font-size: 12px;
    font-weight: 700;
}


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

.mmas-award-card-content {
    padding: 8px 0 18px;
}


.mmas-award-label {
    color: #6655f5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}


.mmas-award-card-content h3 {
    max-width: 330px;
    margin: 5px 0 14px;
    color: #111b40;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -.6px;
}


.mmas-award-card-content p {
    margin: 0;
    color: #747d95;
    font-size: 12px;
    line-height: 1.7;
}


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

.mmas-award-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 1px solid #ececf1;
    color: #858ca0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .7px;
}


.mmas-award-footer-mark {
    color: #6655f5;
    font-size: 18px;
}


/* =========================================================
   FLOATING CARDS
========================================================= */

.mmas-award-floating-card {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    border: 1px solid #e8e8ef;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(31, 35, 70, .10);
}


.mmas-floating-top {
    top: 0px;
    right: 5px;
}


.mmas-floating-bottom {
    bottom: -10px;
    left: 5px;
}


.mmas-award-floating-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #6655f5;
    background: #eeecff;
    font-size: 13px;
    font-weight: 800;
}


.mmas-award-floating-card strong {
    display: block;
    color: #1a2447;
    font-size: 15px;
    line-height: 1.3;
}


.mmas-award-floating-card span {
    display: block;
    margin-top: 2px;
    color: #8990a3;
    font-size: 9px;
}


.mmas-award-success-number {
    color: #6655f5;
    font-size: 20px;
    font-weight: 800;
}


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

@media (max-width: 991px) {

    .mmas-award-hero-inner {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }


    .mmas-award-hero-content h1 {
        font-size: 47px;
    }


    .mmas-award-main-card {
        width: 82%;
    }


    .mmas-orbit-two {
        width: 430px;
        height: 430px;
    }


    .mmas-floating-top {
        right: -5px;
    }


    .mmas-floating-bottom {
        left: -5px;
    }
}


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

@media (max-width: 767px) {

    .mmas-award-hero-inner {
        width: calc(100% - 30px);
        min-height: auto;
        display: flex;
        flex-direction: column;
        gap: 45px;
        padding: 80px 0 25px;
    }


    .mmas-award-hero-content {
        max-width: none;
        text-align: center;
    }


    .mmas-award-hero-eyebrow {
        justify-content: center;
        font-size: 9px;
        letter-spacing: 1.5px;
    }


    .mmas-award-hero-content h1 {
        font-size: clamp(28px, 5vw, 47px);
        line-height: 1.12;
        letter-spacing: -1.5px;
    }


    .mmas-award-hero-content > p {
        margin-top: 18px;
        font-size: 13px;
        line-height: 1.75;
    }


    .mmas-award-hero-actions {
        justify-content: center;
        gap: 18px;
        margin-top: 28px;
    }


    .mmas-award-hero-btn {
        min-height: 45px;
        padding: 0 18px;
        font-size: 11px;
    }


    .mmas-award-hero-link {
        font-size: 11px;
    }


    /* -----------------------------------------
       MOBILE VISUAL
    ----------------------------------------- */

    .mmas-award-hero-visual {
        width: 100%;
        min-height: 390px;
    }


    .mmas-orbit-one {
        width: 290px;
        height: 290px;
    }


    .mmas-orbit-two {
        width: 360px;
        height: 360px;
    }


    .mmas-award-main-card {
        width: min(340px, 78%);
        min-height: 310px;
        padding: 23px;
        border-radius: 18px;
    }


    .mmas-award-card-content {
        padding: 30px 0 25px;
    }


        .mmas-award-card-content h3 {
            font-size: 22px;
        }


        .mmas-award-card-content p {
            font-size: 11px;
        }


    /* -----------------------------------------
       FLOATING CARDS
    ----------------------------------------- */

    .mmas-floating-top {
        top: 5px;
        right: 0;
    }


    .mmas-floating-bottom {
        bottom: 0;
        left: 0;
    }


    .mmas-award-floating-card {
        padding: 10px 12px;
        gap: 8px;
        border-radius: 11px;
    }


    .mmas-award-floating-icon {
        width: 26px;
        height: 26px;
        font-size: 11px;
    }


    .mmas-award-floating-card strong {
        font-size: 12px;
    }


    .mmas-award-floating-card span {
        font-size: 8px;
    }


    .mmas-award-success-number {
        font-size: 16px;
    }
}


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

@media (max-width: 380px) {

    .mmas-award-hero-inner {
        width: calc(100% - 24px);
    }


    .mmas-award-hero-content h1 {
        font-size: 33px;
    }


    .mmas-award-main-card {
        width: 76%;
    }


    .mmas-floating-top {
        right: -3px;
    }


    .mmas-floating-bottom {
        left: -3px;
    }
}


.mmas-recognition-stats {
    position: relative;
    width: 100%;
    padding: 40px 20px;
    background: #f7f8fb;
    overflow: hidden;
}

    .mmas-recognition-stats::before {
        content: "";
        position: absolute;
        width: 480px;
        height: 480px;
        top: -250px;
        right: -180px;
        border-radius: 50%;
        background: rgba(102, 85, 245, 0.055);
        pointer-events: none;
    }

.mmas-recognition-stats-wrap {
    position: relative;
    z-index: 2;
    max-width: 1240px;
    margin: 0 auto;
}


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

.mmas-recognition-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 25px;
}

.mmas-recognition-heading-left {
    max-width: 750px;
}

.mmas-recognition-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #6655f5;
}

    .mmas-recognition-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: #6655f5;
        border-radius: 10px;
    }

.mmas-recognition-heading h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 4vw, 34px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -2px;
}

    .mmas-recognition-heading h2 span {
        
        color: #6655f5;
    }

.mmas-recognition-heading-right {
    max-width: 484px;
    padding-bottom: 4px;
}

    .mmas-recognition-heading-right p {
        margin: 0;
        color: #667085;
        font-size: 14px;
        line-height: 1.8;
    }


/* =========================================
   MAIN AREA
========================================= */

.mmas-recognition-main {
    display: grid;
    grid-template-columns: 0.65fr 1.55fr;
    gap: 22px;
}


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

.mmas-recognition-feature {
    position: relative;
    min-height: 390px;
    padding: 25px;
    border-radius: 28px;
    background: #111b40;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .mmas-recognition-feature::before {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        right: -145px;
        bottom: -140px;
        border: 1px solid rgba(255,255,255,0.11);
        border-radius: 50%;
    }

    .mmas-recognition-feature::after {
        content: "";
        position: absolute;
        width: 190px;
        height: 190px;
        right: -95px;
        bottom: -85px;
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 50%;
    }

.mmas-recognition-feature-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmas-recognition-feature-label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
    color: rgba(255,255,255,0.55);
}

.mmas-recognition-feature-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(102,85,245,0.2);
    color: #9c91ff;
}

    .mmas-recognition-feature-icon svg {
        width: 22px;
        height: 22px;
    }

.mmas-recognition-feature-number {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    font-size: clamp(72px, 7vw, 85px);
    line-height: 0.9;
    font-weight: 750;
    letter-spacing: -3px;
}

    .mmas-recognition-feature-number span {
        color: #8173ff;
        font-size: 0.55em;
        letter-spacing: -2px;
    }

.mmas-recognition-feature h3 {
    position: relative;
    z-index: 2;
    margin: 10px 0 10px;
    max-width: 350px;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 650;
}

.mmas-recognition-feature p {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 320px;
    color: rgba(255,255,255,0.58);
    font-size: 13px;
    line-height: 1.7;
}

.mmas-recognition-progress {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding-top: 5px;
}

.mmas-recognition-progress-line {
    width: 100%;
    height: 3px;
    background: rgba(255,255,255,0.1);
    border-radius: 20px;
    overflow: hidden;
}

    .mmas-recognition-progress-line span {
        display: block;
        width: 82%;
        height: 100%;
        background: #6655f5;
        border-radius: inherit;
    }

.mmas-recognition-progress-text {
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    font-size: 10px;
    color: rgba(255,255,255,0.45);
}

    .mmas-recognition-progress-text strong {
        color: rgba(255,255,255,0.75);
        font-weight: 600;
    }


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

.mmas-recognition-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.mmas-recognition-card {
    min-height: 180px;
    padding: 16px 25px;
    background: #ffffff;
    border: 1px solid #e9ebf2;
    border-radius: 23px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .mmas-recognition-card:hover {
        transform: translateY(-5px);
        border-color: rgba(102,85,245,0.18);
        box-shadow: 0 18px 45px rgba(17,27,64,0.08);
    }

.mmas-recognition-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmas-recognition-card-index {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #a0a6b5;
}

.mmas-recognition-card-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #6655f5;
    background: #f0efff;
}

    .mmas-recognition-card-icon svg {
        width: 21px;
        height: 21px;
    }

.mmas-recognition-card-number {
    margin-top: 10px;
    color: #111b40;
    font-size: 38px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: -2px;
}

    .mmas-recognition-card-number span {
        color: #6655f5;
        font-size: 0.62em;
        letter-spacing: -1px;
    }

.mmas-recognition-card h4 {
    margin: 10px 0 7px;
    color: #111b40;
    font-size: 15px;
    font-weight: 700;
}

.mmas-recognition-card p {
    margin: 0;
    max-width: 370px;
    color: #7b8292;
    font-size: 12px;
    line-height: 1.6;
}


/* =========================================
   BOTTOM TRUST LINE
========================================= */

.mmas-recognition-bottom {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 62px;
}

.mmas-recognition-bottom-line {
    flex: 1;
    height: 1px;
    background: #e1e4eb;
}

.mmas-recognition-bottom-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .mmas-recognition-bottom-content span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        color: #111b40;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }

        .mmas-recognition-bottom-content span i {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #6655f5;
            box-shadow: 0 0 0 5px rgba(102,85,245,0.08);
        }

    .mmas-recognition-bottom-content p {
        margin: 0;
        color: #89909e;
        font-size: 11px;
    }


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

@media (max-width: 991px) {

    .mmas-recognition-stats {
        padding: 90px 20px;
    }

    .mmas-recognition-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 42px;
    }

    .mmas-recognition-heading-right {
        max-width: 600px;
    }

    .mmas-recognition-main {
        grid-template-columns: 1fr;
    }

    .mmas-recognition-feature {
        min-height: 400px;
    }

    .mmas-recognition-feature-number {
        margin-top: 50px;
    }

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

    .mmas-recognition-bottom {
        margin-top: 45px;
    }
}


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

@media (max-width: 767px) {

    .mmas-recognition-stats {
        padding: 30px 16px;
    }

    .mmas-recognition-heading {
        margin-bottom: 35px;
    }

        .mmas-recognition-heading h2 {
            font-size: 25px;
            letter-spacing: -1.5px;
        }

            .mmas-recognition-heading h2 span {
                margin-top: 3px;
            }

    .mmas-recognition-heading-right p {
        font-size: 14px;
        line-height: 1.7;
    }

    .mmas-recognition-feature {
        min-height: 390px;
        padding: 29px;
        border-radius: 23px;
    }

    .mmas-recognition-feature-number {
        margin-top: 55px;
        font-size: 78px;
    }

    .mmas-recognition-feature h3 {
        font-size: 21px;
    }

    .mmas-recognition-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .mmas-recognition-card {
        min-height: auto;
        padding: 25px;
        border-radius: 20px;
    }

    .mmas-recognition-card-number {
        margin-top: 5px;
        font-size: 30px;
    }

    .mmas-recognition-bottom {
        margin-top: 40px;
    }

    .mmas-recognition-bottom-line {
        display: none;
    }

    .mmas-recognition-bottom-content {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

        .mmas-recognition-bottom-content span {
            justify-content: center;
        }

        .mmas-recognition-bottom-content p {
            max-width: 330px;
            line-height: 1.6;
        }
}


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

@media (max-width: 380px) {

    .mmas-recognition-stats {
        padding: 60px 14px;
    }

    .mmas-recognition-heading h2 {
        font-size: 32px;
    }

    .mmas-recognition-feature {
        padding: 25px;
    }

    .mmas-recognition-feature-number {
        font-size: 68px;
        letter-spacing: -4px;
    }

    .mmas-recognition-card {
        padding: 22px;
    }
}

.mmas-awards-section {
    position: relative;
    padding: 50px 20px;
    background: #ffffff;
    overflow: hidden;
}

.mmas-awards-wrap {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


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

.mmas-awards-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 28px;
}

.mmas-awards-header-left {
    max-width: 650px;
}

.mmas-awards-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmas-awards-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        border-radius: 10px;
        background: #6655f5;
    }

.mmas-awards-header h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 4vw, 35px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -1.5px;
}

    .mmas-awards-header h2 span {
        color: #6655f5;
    }

.mmas-awards-header-right {
    max-width: 550px;
}

    .mmas-awards-header-right p {
        margin: 0;
        color: #70788a;
        font-size: 14px;
        line-height: 1.8;
    }


/* =========================================
   FEATURED AWARD
========================================= */

.mmas-awards-feature {
    position: relative;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    min-height: 400px;
    border-radius: 30px;
    overflow: hidden;
    background: #111b40;
    box-shadow: 0 25px 70px rgba(17, 27, 64, 0.12);
}


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

.mmas-awards-feature-content {
    position: relative;
    z-index: 2;
    padding: 26px 36px;
    display: flex;
    flex-direction: column;
}

.mmas-awards-feature-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmas-awards-feature-tag {
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 30px;
    color: rgba(255,255,255,0.62);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.mmas-awards-feature-year {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.mmas-awards-feature-title {
    margin-top: auto;
    margin-bottom: auto;
    padding: 15px 0;
}

.mmas-award-small {
    display: block;
    margin-bottom: 13px;
    color: #9388ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mmas-awards-feature-title h3 {
    max-width: 650px;
    margin: 7px 0 18px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 45px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: 1px;
}

    .mmas-awards-feature-title h3 strong {
        display: block;
        color: #9388ff;
        font-weight: 700;
    }

.mmas-awards-feature-title p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,0.55);
    font-size: 14px;
    line-height: 1.8;
}

.mmas-awards-feature-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.09);
}

.mmas-awards-presented {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .mmas-awards-presented span {
        color: rgba(255,255,255,0.35);
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }

    .mmas-awards-presented strong {
        color: rgba(255,255,255,0.8);
        font-size: 12px;
        font-weight: 600;
    }

.mmas-awards-feature-arrow {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.15);
    color: #ffffff;
    font-size: 18px;
}


/* =========================================
   FEATURE VISUAL
========================================= */

.mmas-awards-feature-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient( circle at center, rgba(102,85,245,0.25), transparent 58% );
}

.mmas-awards-glow {
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(102,85,245,0.16);
    filter: blur(45px);
}

.mmas-awards-ring {
    position: absolute;
    border: 1px solid rgba(147,136,255,0.16);
    border-radius: 50%;
}

.mmas-awards-ring-one {
    width: 390px;
    height: 390px;
}

.mmas-awards-ring-two {
    width: 285px;
    height: 285px;
    border-color: rgba(147,136,255,0.20);
}

.mmas-award-trophy {
    position: relative;
    z-index: 3;
    width: 150px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a79eff;
    filter: drop-shadow( 0 15px 30px rgba(102,85,245,0.35) );
}

    .mmas-award-trophy svg {
        width: 125px;
        height: 145px;
    }

.mmas-awards-visual-year {
    position: absolute;
    z-index: 4;
    right: 10%;
    top: 6%;
    color: rgb(255 255 255 / 12%);
    font-size: 75px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -4px;
}

.mmas-awards-visual-caption {
    position: absolute;
    bottom: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.35);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

    .mmas-awards-visual-caption span {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #6655f5;
    }


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

.mmas-awards-list-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 16px;
}

    .mmas-awards-list-heading > div:first-child > span {
        color: #6655f5;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.8px;
    }

    .mmas-awards-list-heading h3 {
        margin: 9px 0 0;
        color: #111b40;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: -0.8px;
    }

.mmas-awards-list-count {
    color: #111b40;
    font-size: 24px;
    font-weight: 750;
}

    .mmas-awards-list-count small {
        margin-left: 5px;
        color: #a1a7b4;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
    }


/* =========================================
   AWARD ROW
========================================= */

.mmas-awards-list {
    border-top: 1px solid #e7e9ef;
}

.mmas-award-row {
    display: grid;
    grid-template-columns: 55px 62px 1fr 50px;
    align-items: center;
    gap: 20px;
    padding: 10px 10px;
    border-bottom: 1px solid #e7e9ef;
    transition: background 0.3s ease, padding 0.3s ease;
}

    .mmas-award-row:hover {
        padding-left: 20px;
        padding-right: 20px;
        background: #fafaff;
    }

.mmas-award-row-number {
    color: #b2b7c3;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mmas-award-row-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #6655f5;
    background: #f0efff;
}

    .mmas-award-row-icon svg {
        width: 21px;
        height: 21px;
    }

.mmas-award-row-content span {
    color: #9299a8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.mmas-award-row-content h4 {
    margin: 6px 0 5px;
    color: #111b40;
    font-size: 16px;
    font-weight: 700;
}

.mmas-award-row-content p {
    margin: 0;
    color: #858c9b;
    font-size: 12px;
    line-height: 1.5;
}

.mmas-award-row-arrow {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e6ed;
    border-radius: 50%;
    color: #111b40;
    font-size: 15px;
    transition: 0.3s ease;
}

.mmas-award-row:hover .mmas-award-row-arrow {
    color: #ffffff;
    background: #6655f5;
    border-color: #6655f5;
}


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

@media (max-width: 991px) {

    .mmas-awards-section {
        padding: 90px 20px;
    }

    .mmas-awards-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .mmas-awards-header-right {
        max-width: 600px;
    }

    .mmas-awards-feature {
        grid-template-columns: 1fr;
    }

    .mmas-awards-feature-visual {
        min-height: 360px;
    }

    .mmas-awards-feature-content {
        min-height: 450px;
    }

    .mmas-awards-ring-one {
        width: 300px;
        height: 300px;
    }

    .mmas-awards-ring-two {
        width: 220px;
        height: 220px;
    }
}


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

@media (max-width: 767px) {

    .mmas-awards-section {
        padding: 30px 16px;
    }

    .mmas-awards-header h2 {
        font-size: 25px;
        letter-spacing: -1.5px;
    }

    .mmas-awards-feature {
        border-radius: 23px;
    }

    .mmas-awards-feature-content {
        min-height: 385px;
        padding: 29px;
    }

    .mmas-awards-feature-title {
        padding: 16px 0;
    }

        .mmas-awards-feature-title h3 {
            font-size: 35px;
            letter-spacing: -1.3px;
        }

        .mmas-awards-feature-title p {
            font-size: 13px;
        }

    .mmas-awards-feature-visual {
        min-height: 320px;
    }

    .mmas-awards-visual-year {
        font-size: 55px;
        right: 10%;
    }

    .mmas-awards-list-heading {
        margin-top: 30px;
    }

        .mmas-awards-list-heading h3 {
            font-size: 22px;
        }

    .mmas-awards-list-count {
        display: none;
    }

    .mmas-award-row {
        grid-template-columns: 35px 48px 1fr 35px;
        gap: 10px;
        padding: 7px 3px;
    }

        .mmas-award-row:hover {
            padding-left: 3px;
            padding-right: 3px;
        }

    .mmas-award-row-icon {
        width: 42px;
        height: 42px;
    }

    .mmas-award-row-content h4 {
        font-size: 14px;
    }

    .mmas-award-row-content p {
        font-size: 11px;
    }

    .mmas-award-row-arrow {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}


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

@media (max-width: 380px) {

    .mmas-awards-section {
        padding: 60px 14px;
    }

    .mmas-awards-header h2 {
        font-size: 32px;
    }

    .mmas-awards-feature-content {
        min-height: 480px;
        padding: 24px;
    }

    .mmas-awards-feature-title h3 {
        font-size: 31px;
    }

    .mmas-award-row {
        grid-template-columns: 28px 42px 1fr 30px;
        gap: 8px;
    }

    .mmas-award-row-number {
        font-size: 9px;
    }

    .mmas-award-row-icon {
        width: 38px;
        height: 38px;
    }

        .mmas-award-row-icon svg {
            width: 18px;
            height: 18px;
        }
}


.mmas-featured-recognition {
    position: relative;
    width: 100%;
    padding: 50px 20px;
    background: #f7f8fb;
    overflow: hidden;
}

.mmas-featured-recognition-wrap {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


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

.mmas-featured-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 28px;
}

    .mmas-featured-heading > div {
        max-width: 680px;
    }

.mmas-featured-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmas-featured-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: #6655f5;
        border-radius: 20px;
    }

.mmas-featured-heading h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 4vw, 35px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -1.5px;
}

    .mmas-featured-heading h2 span {
        color: #6655f5;
    }

.mmas-featured-heading > p {
    max-width: 550px;
    margin: 0;
    color: #70788a;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================
   SHOWCASE
========================================= */

.mmas-featured-showcase {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    min-height: 515px;
    overflow: hidden;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid #e8eaf0;
    box-shadow: 0 25px 70px rgba(17, 27, 64, 0.07);
}


/* =========================================
   VISUAL AREA
========================================= */

.mmas-featured-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 502px;
    overflow: hidden;
    background: #111b40;
}

.mmas-featured-visual-grid {
    position: absolute;
    inset: 0;
    opacity: 0.18;
    background-image: linear-gradient( rgba(255,255,255,0.06) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,0.06) 1px, transparent 1px );
    background-size: 45px 45px;
}

.mmas-featured-visual::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(102,85,245,0.15);
    filter: blur(70px);
}


/* =========================================
   ORBITS
========================================= */

.mmas-featured-orbit {
    position: absolute;
    border: 1px solid rgba(147,136,255,0.16);
    border-radius: 50%;
}

.mmas-featured-orbit-one {
    width: 510px;
    height: 510px;
}

.mmas-featured-orbit-two {
    width: 390px;
    height: 390px;
    border-color: rgba(147,136,255,0.21);
}


/* =========================================
   CERTIFICATE
========================================= */

.mmas-certificate-card {
    position: relative;
    z-index: 3;
    width: min(370px, 72%);
    min-height: 390px;
    padding: 27px;
    display: flex;
    flex-direction: column;
    background: linear-gradient( 145deg, #ffffff 0%, #f7f6ff 100% );
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 6px;
    box-shadow: 0 35px 70px rgba(0,0,0,0.28), 0 5px 20px rgba(102,85,245,0.12);
    transform: rotate(-3deg);
    transition: transform 0.4s ease;
}

.mmas-featured-showcase:hover .mmas-certificate-card {
    transform: rotate(0deg) translateY(-5px);
}

.mmas-certificate-card::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(102,85,245,0.14);
    pointer-events: none;
}

.mmas-certificate-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mmas-certificate-top span {
        color: #6655f5;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.5px;
    }

    .mmas-certificate-top strong {
        color: #111b40;
        font-size: 11px;
    }


/* =========================================
   CERTIFICATE CENTER
========================================= */

.mmas-certificate-center {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mmas-certificate-emblem {
    width: 74px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6655f5;
    margin-bottom: 18px;
}

    .mmas-certificate-emblem svg {
        width: 74px;
        height: 74px;
    }

.mmas-certificate-label {
    color: #8a91a0;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mmas-certificate-center h3 {
    margin: 9px 0 8px;
    color: #111b40;
    font-family: Georgia, serif;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 500;
}

    .mmas-certificate-center h3 span {
        display: block;
        color: #6655f5;
    }

.mmas-certificate-center p {
    margin: 0;
    color: #858c9b;
    font-size: 9px;
    letter-spacing: 0.5px;
}


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

.mmas-certificate-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 17px;
    border-top: 1px solid #e4e5ec;
}

    .mmas-certificate-bottom > div:first-child {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .mmas-certificate-bottom span {
        color: #9ca2ae;
        font-size: 7px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .mmas-certificate-bottom strong {
        color: #111b40;
        font-size: 8px;
        font-weight: 700;
    }

.mmas-certificate-sign {
    text-align: center;
}

    .mmas-certificate-sign div {
        width: 50px;
        height: 1px;
        margin-top: 7px;
        background: #b5b9c5;
    }


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

.mmas-featured-badge {
    position: absolute;
    z-index: 5;
    right: 7%;
    bottom: 13%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    background: rgba(255,255,255,0.96);
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.18);
}

.mmas-featured-badge-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #6655f5;
    font-size: 13px;
    font-weight: 700;
}

.mmas-featured-badge div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mmas-featured-badge strong {
    color: #111b40;
    font-size: 10px;
}

.mmas-featured-badge span {
    color: #8d94a2;
    font-size: 8px;
}


/* =========================================
   DETAILS
========================================= */

.mmas-featured-details {
    padding: 25px 35px;
    display: flex;
    flex-direction: column;
}

.mmas-featured-details-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmas-featured-category {
    color: #6655f5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mmas-featured-year {
    color: #a0a6b2;
    font-size: 11px;
    font-weight: 700;
}

.mmas-featured-details h3 {
    margin: 15px 0 15px;
    color: #111b40;
    font-size: clamp(32px, 3.3vw, 35px);
    line-height: 1.1;
    font-weight: 750;
    letter-spacing: -1.5px;
}

    .mmas-featured-details h3 span {
       
        color: #6655f5;
    }

.mmas-featured-description {
    max-width: 680px;
    margin: 0;
    color: #747c8c;
    font-size: 13px;
    line-height: 1.85;
}


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

.mmas-featured-points {
    margin-top: 15px;
    border-top: 1px solid #e9ebf0;
}

.mmas-featured-point {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 16px;
    padding: 13px 0;
    border-bottom: 1px solid #e9ebf0;
}

.mmas-point-number {
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    padding-top: 2px;
}

.mmas-featured-point strong {
    display: block;
    margin-bottom: 5px;
    color: #111b40;
    font-size: 13px;
    font-weight: 700;
}

.mmas-featured-point p {
    margin: 0;
    color: #858c9b;
    font-size: 12px;
    line-height: 1.6;
}


/* =========================================
   DETAILS FOOTER
========================================= */

.mmas-featured-details-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 35px;
}

.mmas-featured-issued {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .mmas-featured-issued span {
        color: #9ca2ae;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

    .mmas-featured-issued strong {
        color: #111b40;
        font-size: 12px;
    }

.mmas-featured-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 17px;
    border-radius: 9px;
    color: #ffffff;
    background: #6655f5;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

    .mmas-featured-view-btn:hover {
        background: #5142df;
        color: #ffffff;
        transform: translateY(-2px);
    }

    .mmas-featured-view-btn span {
        font-size: 14px;
    }


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

.mmas-featured-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 65px;
    padding-top: 28px;
}

.mmas-timeline-line {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 38px;
    height: 1px;
    background: #dfe2e9;
}

.mmas-timeline-item {
    position: relative;
    z-index: 2;
    text-align: center;
}

.mmas-timeline-year {
    display: block;
    margin-bottom: 12px;
    color: #9ba1ae;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mmas-timeline-dot {
    width: 11px;
    height: 11px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #d9dce4;
    border: 3px solid #f7f8fb;
    box-shadow: 0 0 0 1px #d9dce4;
}

.mmas-timeline-item strong {
    display: block;
    color: #111b40;
    font-size: 11px;
    font-weight: 700;
}

.mmas-timeline-item p {
    margin: 5px 0 0;
    color: #9aa0ad;
    font-size: 9px;
}

.mmas-timeline-active .mmas-timeline-year {
    color: #6655f5;
}

.mmas-timeline-active .mmas-timeline-dot {
    background: #6655f5;
    box-shadow: 0 0 0 1px #6655f5, 0 0 0 6px rgba(102,85,245,0.08);
}


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

@media (max-width: 991px) {

    .mmas-featured-recognition {
        padding: 90px 20px;
    }

    .mmas-featured-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

        .mmas-featured-heading > p {
            max-width: 600px;
        }

    .mmas-featured-showcase {
        grid-template-columns: 1fr;
    }

    .mmas-featured-visual {
        min-height: 550px;
    }

    .mmas-featured-details {
        min-height: 600px;
    }

    .mmas-featured-timeline {
        margin-top: 55px;
    }
}


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

@media (max-width: 767px) {

    .mmas-featured-recognition {
        padding: 30px 16px;
    }

    .mmas-featured-heading h2 {
        font-size: 25px;
        letter-spacing: -1.5px;
    }

    .mmas-featured-showcase {
        border-radius: 23px;
    }

    .mmas-featured-visual {
        min-height: 470px;
    }

    .mmas-featured-orbit-one {
        width: 370px;
        height: 370px;
    }

    .mmas-featured-orbit-two {
        width: 280px;
        height: 280px;
    }

    .mmas-certificate-card {
        width: 74%;
        min-height: 350px;
    }

    .mmas-featured-badge {
        right: 5%;
        bottom: 8%;
        padding: 10px 12px;
    }

    .mmas-featured-details {
        min-height: auto;
        padding: 38px 27px;
    }

        .mmas-featured-details h3 {
            margin-top: 15px;
            font-size: 25px;
        }

    .mmas-featured-details-footer {
        align-items: flex-start;
        flex-direction: column;
        margin-top: -15px;
    }

    .mmas-featured-timeline {
        display: block;
        margin-top: 50px;
        padding-top: 0;
    }

    .mmas-timeline-line {
        left: 5px;
        right: auto;
        top: 8px;
        bottom: 8px;
        width: 1px;
        height: auto;
    }

    .mmas-timeline-item {
        display: grid;
        grid-template-columns: 55px 25px 1fr;
        align-items: center;
        text-align: left;
        min-height: 65px;
    }

    .mmas-timeline-year {
        margin: 0;
    }

    .mmas-timeline-dot {
        margin: 0;
    }

    .mmas-timeline-item strong {
        font-size: 12px;
    }

    .mmas-timeline-item p {
        grid-column: 3;
        margin-top: 3px;
    }
}


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

@media (max-width: 380px) {

    .mmas-featured-recognition {
        padding: 60px 14px;
    }

    .mmas-featured-heading h2 {
        font-size: 32px;
    }

    .mmas-featured-visual {
        min-height: 420px;
    }

    .mmas-certificate-card {
        width: 76%;
        min-height: 315px;
        padding: 22px;
    }

    .mmas-certificate-center h3 {
        font-size: 25px;
    }

    .mmas-certificate-emblem {
        width: 62px;
        height: 62px;
    }

        .mmas-certificate-emblem svg {
            width: 62px;
            height: 62px;
        }

    .mmas-featured-details {
        padding: 32px 22px;
    }

        .mmas-featured-details h3 {
            font-size: 30px;
        }
}


.mmas-success-stories {
    position: relative;
    width: 100%;
    padding: 50px 20px;
    background: #ffffff;
    overflow: hidden;
}

.mmas-success-wrap {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


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

.mmas-success-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 28px;
}

.mmas-success-header-left {
    max-width: 680px;
}

.mmas-success-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmas-success-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: #6655f5;
        border-radius: 20px;
    }

.mmas-success-header h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(29px, 4vw, 35px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -1.5px;
}

    .mmas-success-header h2 span {
       
        color: #6655f5;
    }

.mmas-success-header-right {
    max-width: 500px;
}

    .mmas-success-header-right p {
        margin: 0;
        color: #70788a;
        font-size: 14px;
        line-height: 1.8;
    }


/* =========================================
   FEATURED STORY
========================================= */

.mmas-success-feature {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    min-height: 610px;
    overflow: hidden;
    border-radius: 30px;
    background: #f7f8fb;
    border: 1px solid #e8eaf0;
}


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

.mmas-success-feature-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 610px;
    overflow: hidden;
    background: #111b40;
}

.mmas-success-visual-bg {
    position: absolute;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: rgba(102,85,245,0.17);
    filter: blur(65px);
}

.mmas-success-visual-grid {
    position: absolute;
    inset: 0;
    opacity: 0.14;
    background-image: linear-gradient( rgba(255,255,255,0.08) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,0.08) 1px, transparent 1px );
    background-size: 42px 42px;
}


/* =========================================
   DASHBOARD
========================================= */

.mmas-success-dashboard {
    position: relative;
    z-index: 3;
    width: min(440px, 75%);
    padding: 23px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 17px;
    background: rgba(255,255,255,0.97);
    box-shadow: 0 35px 80px rgba(0,0,0,0.28), 0 10px 30px rgba(102,85,245,0.12);
    transform: perspective(1000px) rotateY(-7deg) rotateX(3deg);
    transition: transform 0.45s ease;
}

.mmas-success-feature:hover .mmas-success-dashboard {
    transform: perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-5px);
}


/* Dashboard Top */

.mmas-dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 17px;
    border-bottom: 1px solid #eceef3;
}

.mmas-dashboard-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111b40;
    font-size: 10px;
    font-weight: 700;
}

    .mmas-dashboard-brand span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #6655f5;
    }

.mmas-dashboard-menu {
    color: #a3a8b3;
    font-size: 12px;
    letter-spacing: 2px;
}


/* Summary */

.mmas-dashboard-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 18px 0;
}

    .mmas-dashboard-summary > div {
        padding: 14px;
        border-radius: 10px;
        background: #f7f8fb;
    }

    .mmas-dashboard-summary span,
    .mmas-dashboard-bottom span {
        display: block;
        margin-bottom: 7px;
        color: #9aa0ad;
        font-size: 8px;
    }

    .mmas-dashboard-summary strong {
        color: #111b40;
        font-size: 22px;
    }


/* Chart */

.mmas-dashboard-chart {
    padding: 16px;
    border: 1px solid #eceef3;
    border-radius: 11px;
}

.mmas-chart-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .mmas-chart-header span {
        color: #7f8695;
        font-size: 9px;
    }

    .mmas-chart-header strong {
        color: #6655f5;
        font-size: 10px;
    }

.mmas-chart-area {
    position: relative;
    height: 115px;
    overflow: hidden;
    background: linear-gradient( to bottom, transparent 24%, #f0f1f5 25%, transparent 26%, transparent 49%, #f0f1f5 50%, transparent 51%, transparent 74%, #f0f1f5 75%, transparent 76% );
}


/* Chart Line */

.mmas-chart-line {
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: 17px;
    height: 72px;
    border-top: 3px solid #6655f5;
    transform: skewY(-12deg) rotate(-4deg);
}

    .mmas-chart-line::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 3px;
        height: 70px;
        background: linear-gradient( to bottom, rgba(102,85,245,0.12), transparent );
        clip-path: polygon( 0 80%, 18% 68%, 37% 74%, 55% 45%, 72% 55%, 87% 20%, 100% 0, 100% 100%, 0 100% );
    }


/* Chart Points */

.mmas-chart-point {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6655f5;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 2px rgba(102,85,245,0.18);
}

.point-one {
    left: 8%;
    top: 63%;
}

.point-two {
    left: 28%;
    top: 52%;
}

.point-three {
    left: 48%;
    top: 61%;
}

.point-four {
    left: 68%;
    top: 35%;
}

.point-five {
    right: 5%;
    top: 13%;
}


/* Months */

.mmas-chart-months {
    display: flex;
    justify-content: space-between;
    margin-top: 9px;
}

    .mmas-chart-months span {
        color: #a4a9b4;
        font-size: 7px;
    }


/* Dashboard Bottom */

.mmas-dashboard-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 12px;
}

    .mmas-dashboard-bottom > div {
        padding: 10px;
        border-radius: 8px;
        background: #f7f8fb;
    }

    .mmas-dashboard-bottom strong {
        color: #111b40;
        font-size: 15px;
    }


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

.mmas-success-result-badge {
    position: absolute;
    z-index: 5;
    right: 8%;
    bottom: 15%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.18);
}

.mmas-result-icon {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #6655f5;
    font-size: 14px;
    font-weight: 700;
}

.mmas-success-result-badge > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mmas-success-result-badge span {
    color: #9ba1ad;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mmas-success-result-badge strong {
    color: #111b40;
    font-size: 11px;
}


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

.mmas-success-feature-content {
    padding: 25px 25px;
    display: flex;
    flex-direction: column;
}

.mmas-success-case-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmas-success-case-category {
    color: #6655f5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mmas-success-case-number {
    color: #a1a7b3;
    font-size: 9px;
    font-weight: 700;
}

.mmas-success-feature-content h3 {
    margin: 20px 0 18px;
    color: #111b40;
    font-size: clamp(30px, 3vw, 35px);
    line-height: 1.1;
    font-weight: 750;
    letter-spacing: -1.5px;
}

    .mmas-success-feature-content h3 span {
        color: #6655f5;
    }

.mmas-success-case-intro {
    max-width: 750px;
    margin: 0;
    color: #737b8b;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================
   CASE JOURNEY
========================================= */

.mmas-case-journey {
    margin-top: 31px;
    border-top: 1px solid #e7e9ef;
}

.mmas-case-step {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #e7e9ef;
}

.mmas-case-step-number {
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    padding-top: 2px;
}

.mmas-case-step span {
    display: block;
    margin-bottom: 5px;
    color: #a0a6b2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.mmas-case-step p {
    margin: 0;
    color: #687080;
    font-size: 13px;
    line-height: 1.5;
}


/* =========================================
   METRICS
========================================= */

.mmas-case-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 22px;
}

    .mmas-case-metrics > div {
        padding: 13px 12px;
        border-radius: 9px;
        background: #f0efff;
    }

    .mmas-case-metrics strong {
        display: block;
        margin-bottom: 4px;
        color: #6655f5;
        font-size: 20px;
        font-weight: 750;
    }

    .mmas-case-metrics span {
        color: #7f8695;
        font-size: 8px;
    }


/* =========================================
   CASE FOOTER
========================================= */

.mmas-success-case-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 27px;
}

.mmas-success-industry {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .mmas-success-industry span {
        color: #9da3af;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

    .mmas-success-industry strong {
        color: #111b40;
        font-size: 11px;
    }

.mmas-success-read-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 15px;
    border-radius: 8px;
    color: #ffffff;
    background: #111b40;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

    .mmas-success-read-btn:hover {
        color: #ffffff;
        background: #6655f5;
        transform: translateY(-2px);
    }

    .mmas-success-read-btn span {
        font-size: 13px;
    }


/* =========================================
   OTHER STORIES HEADING
========================================= */

.mmas-success-other-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 28px;
}

    .mmas-success-other-heading > div span {
        color: #6655f5;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.7px;
    }

    .mmas-success-other-heading h3 {
        margin: 9px 0 0;
        color: #111b40;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: -0.7px;
    }

    .mmas-success-other-heading > a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #111b40;
        font-size: 10px;
        font-weight: 700;
        text-decoration: none;
    }

        .mmas-success-other-heading > a span {
            color: #6655f5;
            font-size: 15px;
        }

.mmas-success-story-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.mmas-success-story-card {
    position: relative;
    padding: 28px;
    min-height: 355px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e9ef;
    border-radius: 22px;
    background: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .mmas-success-story-card:hover {
        transform: translateY(-6px);
        border-color: rgba(102,85,245,0.18);
        box-shadow: 0 20px 50px rgba(17,27,64,0.08);
    }

.mmas-story-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmas-story-number {
    color: #a2a8b4;
    font-size: 9px;
    font-weight: 800;
}

.mmas-story-industry {
    padding: 6px 9px;
    border-radius: 30px;
    color: #6655f5;
    background: #f0efff;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mmas-story-icon {
    width: 48px;
    height: 48px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #6655f5;
    background: #f0efff;
}

    .mmas-story-icon svg {
        width: 23px;
        height: 23px;
    }

.mmas-success-story-card h4 {
    margin: 22px 0 10px;
    color: #111b40;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.mmas-success-story-card > p {
    margin: 0;
    color: #7b8291;
    font-size: 11px;
    line-height: 1.7;
}

.mmas-story-result {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    padding-top: 23px;
}

    .mmas-story-result strong {
        color: #6655f5;
        font-size: 24px;
        font-weight: 750;
    }

    .mmas-story-result span {
        color: #9298a5;
        font-size: 8px;
    }

.mmas-success-story-card > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #eceef2;
    color: #111b40;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

    .mmas-success-story-card > a span {
        color: #6655f5;
        font-size: 14px;
    }

@media (max-width: 991px) {

    .mmas-success-stories {
        padding: 90px 20px;
    }

    .mmas-success-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .mmas-success-header-right {
        max-width: 600px;
    }

    .mmas-success-feature {
        grid-template-columns: 1fr;
    }

    .mmas-success-feature-visual {
        min-height: 520px;
    }

    .mmas-success-feature-content {
        min-height: 600px;
    }

    .mmas-success-story-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mmas-success-story-card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {

    .mmas-success-stories {
        padding: 30px 16px;
    }

    .mmas-success-header h2 {
        font-size: 25px;
        letter-spacing: -1.5px;
    }

    .mmas-success-feature {
        border-radius: 23px;
    }

    .mmas-success-feature-visual {
        min-height: 430px;
    }

    .mmas-success-dashboard {
        width: 77%;
        padding: 17px;
        transform: none;
    }

    .mmas-success-feature:hover .mmas-success-dashboard {
        transform: translateY(-3px);
    }

    .mmas-dashboard-summary strong {
        font-size: 18px;
    }

    .mmas-dashboard-chart {
        padding: 12px;
    }

    .mmas-dashboard-bottom strong {
        font-size: 13px;
    }

    .mmas-success-result-badge {
        right: 4%;
        bottom: 8%;
        padding: 9px 11px;
    }

    .mmas-result-icon {
        width: 27px;
        height: 27px;
        font-size: 12px;
    }

    .mmas-success-feature-content {
        min-height: auto;
        padding: 37px 27px;
    }

        .mmas-success-feature-content h3 {
            margin-top: 14px;
            font-size: 25px;
        }

    .mmas-case-metrics {
        gap: 7px;
    }

        .mmas-case-metrics > div {
            padding: 11px 8px;
        }

        .mmas-case-metrics strong {
            font-size: 18px;
        }

        .mmas-case-metrics span {
            font-size: 7px;
        }

    .mmas-success-case-footer {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 30px;
    }

    .mmas-success-other-heading {
        margin-top: 60px;
        align-items: flex-start;
        gap: 15px;
        flex-direction: column;
    }

        .mmas-success-other-heading h3 {
            font-size: 22px;
        }

    .mmas-success-story-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .mmas-success-story-card:last-child {
        grid-column: auto;
    }

    .mmas-success-story-card {
        min-height: 330px;
        padding: 25px;
        border-radius: 20px;
    }
}

@media (max-width: 380px) {

    .mmas-success-stories {
        padding: 60px 14px;
    }

    .mmas-success-header h2 {
        font-size: 32px;
    }

    .mmas-success-feature-visual {
        min-height: 390px;
    }

    .mmas-success-dashboard {
        width: 80%;
    }

    .mmas-dashboard-summary {
        gap: 7px;
    }

        .mmas-dashboard-summary > div {
            padding: 10px;
        }

        .mmas-dashboard-summary strong {
            font-size: 16px;
        }

    .mmas-success-result-badge {
        right: 2%;
    }

    .mmas-success-feature-content {
        padding: 32px 22px;
    }

        .mmas-success-feature-content h3 {
            font-size: 29px;
        }

    .mmas-case-metrics strong {
        font-size: 16px;
    }

    .mmas-success-story-card {
        padding: 22px;
    }
}


.mmas-business-stories {
    position: relative;
    padding: 50px 0 0;
   
    overflow: hidden;
}

.mmas-business-stories-container {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

.mmas-business-stories-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 28px;
}

.mmas-business-stories-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .mmas-business-stories-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: #6655f5;
        border-radius: 20px;
    }

.mmas-business-stories-head h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 4vw, 35px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
}

    .mmas-business-stories-head h2 span {
        color: #6655f5;
    }

.mmas-business-stories-nav {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.mmas-business-story-btn {
    width: 48px;
    height: 40px;
    border: 1px solid #e1e4ee;
    border-radius: 22%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 8px 25px rgba(17, 27, 64, .06);
}

    .mmas-business-story-btn svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: #111b40;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: all .3s ease;
    }

    .mmas-business-story-btn:hover {
        background: #111b40;
        border-color: #111b40;
        transform: translateY(-2px);
    }

        .mmas-business-story-btn:hover svg {
            stroke: #ffffff;
        }

.mmas-business-slider-wrap {
    overflow: hidden;
}

.mmas-business-slider {
    overflow: visible;
}

.mmas-business-track {
    display: flex;
    gap: 24px;
    transition: transform .65s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

.mmas-business-story-card {
    position: relative;
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
    padding: 20px 28px 20px;
    background: #ffffff;
    border: 1px solid #e7e9f0;
    border-radius: 24px;
    /* box-shadow: 0 14px 45px rgba(17, 27, 64, .055);*/
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

    .mmas-business-story-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient( 90deg, #6655f5, rgba(102, 85, 245, 0) );
        opacity: 0;
        transition: opacity .3s ease;
    }

    .mmas-business-story-card:hover {
        transform: translateY(-7px);
        border-color: #dcd9ff;
       /* box-shadow: 0 22px 55px rgba(17, 27, 64, .10);*/
    }

        .mmas-business-story-card:hover::before {
            opacity: 1;
        }

.mmas-business-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.mmas-business-icon {
    width: 52px;
    height: 52px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mmas-business-icon svg {
        width: 25px;
        height: 25px;
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-business-icon-purple {
    background: #f0edff;
}

    .mmas-business-icon-purple svg {
        stroke: #6655f5;
    }

.mmas-business-icon-blue {
    background: #edf5ff;
}

    .mmas-business-icon-blue svg {
        stroke: #3676df;
    }

.mmas-business-icon-green {
    background: #eafaf3;
}

    .mmas-business-icon-green svg {
        stroke: #21a36c;
    }

.mmas-business-icon-orange {
    background: #fff3e9;
}

    .mmas-business-icon-orange svg {
        stroke: #e58b32;
    }

.mmas-business-icon-pink {
    background: #fff0f5;
}

    .mmas-business-icon-pink svg {
        stroke: #d94d83;
    }

.mmas-business-icon-indigo {
    background: #eef0ff;
}

    .mmas-business-icon-indigo svg {
        stroke: #5967d9;
    }

.mmas-business-tag {
    padding: 7px 12px;
    border: 1px solid #e8e9f0;
    border-radius: 50px;
    color: #687087;
    background: #fafbfc;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

.mmas-business-story-card h3 {
    margin: 0 0 15px;
    color: #111b40;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: -.5px;
}

.mmas-business-story-card > p {
    min-height: 92px;
    margin: 0;
    color: #72798d;
    font-size: 14px;
    line-height: 1.75;
}

.mmas-business-result {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #eceef3;
}

    .mmas-business-result > div {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .mmas-business-result strong {
        color: #111b40;
        font-size: 25px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: -.7px;
    }

    .mmas-business-result span {
        color: #858b9c;
        font-size: 12px;
        line-height: 1.45;
    }

.mmas-business-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 27px;
    color: #6655f5;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition: gap .3s ease;
}

    .mmas-business-card-link svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mmas-business-card-link:hover {
        gap: 13px;
    }

.mmas-business-slider-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 36px;
}

.mmas-business-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.mmas-business-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d5d8e2;
    cursor: pointer;
    transition: all .3s ease;
}

    .mmas-business-dot.active {
        width: 25px;
        border-radius: 10px;
        background: #6655f5;
    }

.mmas-business-slide-note {
    color: #8a90a1;
    font-size: 12px;
}

@media (max-width: 991px) {

    .mmas-business-stories {
        padding: 90px 0;
    }

    .mmas-business-story-card {
        flex: 0 0 calc((100% - 24px) / 2);
    }
}

@media (max-width: 767px) {

    .mmas-business-stories {
        padding: 30px 0;
    }

    .mmas-business-stories-container {
        width: min(100% - 30px, 600px);
    }

    .mmas-business-stories-head {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 32px;
    }

        .mmas-business-stories-head h2 {
            font-size: 25px;
            text-align: left;
        }

    .mmas-business-stories-nav {
        align-self: flex-end;
        margin-top: -5px;
    }

    .mmas-business-story-card {
        flex: 0 0 100%;
        padding: 28px 25px;
    }

        .mmas-business-story-card > p {
            min-height: auto;
        }

    .mmas-business-slider-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 380px) {

    .mmas-business-stories-head h2 {
        font-size: 31px;
    }

    .mmas-business-story-card {
        padding: 25px 21px;
    }

        .mmas-business-story-card h3 {
            font-size: 20px;
        }

    .mmas-business-result strong {
        font-size: 22px;
    }

    .mmas-business-slide-note {
        font-size: 11px;
    }
}


.mmas-impact-section {
    position: relative;
    padding: 50px 0;
    background: #ffffff;
    overflow: hidden;
}

    .mmas-impact-section::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        top: -180px;
        right: -180px;
        background: rgba(102, 85, 245, .045);
        border-radius: 50%;
        filter: blur(5px);
    }

.mmas-impact-container {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

.mmas-impact-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 28px;
}

.mmas-impact-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmas-impact-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: #6655f5;
        border-radius: 20px;
    }

.mmas-impact-heading-wrap h2 {
    max-width: 680px;
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 4.5vw, 35px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    font-weight: 800;
}

    .mmas-impact-heading-wrap h2 span {
        color: #6655f5;
    }

.mmas-impact-intro {
    max-width: 420px;
    margin: 0 0 5px;
    color: #73798c;
    font-size: 15px;
    line-height: 1.8;
}

.mmas-impact-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, .8fr);
    min-height: 380px;
    border-radius: 30px;
    background: #111b40;
    overflow: hidden;
    box-shadow: 0 30px 75px rgba(17, 27, 64, .16);
}

.mmas-impact-main {
    position: relative;
    padding: 22px 35px 22px;
    background: radial-gradient( circle at 75% 20%, rgba(102, 85, 245, .20), transparent 34% ), #111b40;
}

.mmas-impact-main-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.mmas-impact-label {
    display: block;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, .50);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.mmas-impact-main h3 {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 13px;
    margin: 0;
}

    .mmas-impact-main h3 strong {
        color: #ffffff;
        font-size: clamp(34px, 6vw, 50px);
        line-height: .95;
        font-weight: 800;
        letter-spacing: -1px;
    }

    .mmas-impact-main h3 span {
        color: rgba(255, 255, 255, .67);
        font-size: 14px;
        font-weight: 500;
    }

.mmas-impact-main-icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 15px;
    background: rgba(255, 255, 255, .055);
}

    .mmas-impact-main-icon svg {
        width: 25px;
        height: 25px;
        fill: none;
        stroke: #a59bff;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-impact-chart {
    position: relative;
    height: 235px;
    margin-top: 35px;
}

.mmas-impact-chart-grid {
    position: absolute;
    inset: 0 0 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .mmas-impact-chart-grid span {
        display: block;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, .075);
    }

.mmas-impact-chart-line {
    position: absolute;
    inset: 15px 0 28px;
}

    .mmas-impact-chart-line svg {
        width: 100%;
        height: 100%;
        overflow: visible;
    }

.mmas-impact-area {
    fill: url(#mmasImpactGradient);
}

.mmas-impact-line {
    fill: none;
    stroke: #9a91ff;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.mmas-impact-chart-months {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}

    .mmas-impact-chart-months span {
        color: rgba(255, 255, 255, .38);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .7px;
    }

.mmas-impact-side {
    padding: 20px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.mmas-impact-stat {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 16px 16px;
    border: 1px solid #eceef3;
    border-radius: 17px;
    background: #ffffff;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

    .mmas-impact-stat:hover {
        transform: translateX(-5px);
        border-color: #ddd9ff;
        box-shadow: 0 13px 30px rgba(17, 27, 64, .07);
    }

.mmas-impact-stat-icon {
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #f1efff;
}

    .mmas-impact-stat-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-impact-stat-content {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    column-gap: 12px;
    width: 100%;
}

    .mmas-impact-stat-content > span {
        grid-column: 1 / -1;
        margin-bottom: 3px;
        color: #8b90a0;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }

    .mmas-impact-stat-content strong {
        color: #111b40;
        font-size: 28px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: -.8px;
    }

    .mmas-impact-stat-content small {
        color: #858a9b;
        font-size: 12px;
        line-height: 1.4;
    }

.mmas-impact-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 22px;
    padding: 21px 24px;
    border: 1px solid #e8eaf0;
    border-radius: 18px;
    background: #fafbfc;
}

.mmas-impact-bottom-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #626a7e;
    font-size: 12px;
    font-weight: 650;
}

.mmas-impact-check {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eeeaff;
}

    .mmas-impact-check svg {
        width: 12px;
        height: 12px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 2.3;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

@media (max-width: 991px) {

    .mmas-impact-section {
        padding: 90px 0;
    }

    .mmas-impact-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .mmas-impact-intro {
        max-width: 600px;
    }

    .mmas-impact-dashboard {
        grid-template-columns: 1fr;
    }

    .mmas-impact-main {
        min-height: 480px;
    }

    .mmas-impact-side {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 25px;
    }

    .mmas-impact-bottom {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {

    .mmas-impact-section {
        padding: 30px 0;
    }

    .mmas-impact-container {
        width: min(100% - 30px, 600px);
    }

    .mmas-impact-heading-wrap h2 {
        font-size: 25px;
        letter-spacing: -1.5px;
        text-align: left;
    }

    .mmas-impact-dashboard {
        border-radius: 23px;
    }

    .mmas-impact-main {
        padding: 32px 24px 30px;
        min-height: 420px;
    }

        .mmas-impact-main h3 strong {
            font-size: 55px;
        }

        .mmas-impact-main h3 span {
            width: 100%;
            margin-top: 4px;
        }

    .mmas-impact-chart {
        height: 220px;
        margin-top: 38px;
    }

    .mmas-impact-side {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .mmas-impact-stat:hover {
        transform: none;
    }

    .mmas-impact-bottom {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .mmas-impact-bottom-item {
        justify-content: flex-start;
    }
}

@media (max-width: 380px) {

    .mmas-impact-heading-wrap h2 {
        font-size: 33px;
    }

    .mmas-impact-main {
        padding: 27px 19px;
    }

        .mmas-impact-main h3 strong {
            font-size: 48px;
        }

    .mmas-impact-main-icon {
        width: 45px;
        height: 45px;
    }

    .mmas-impact-stat {
        padding: 17px 15px;
    }

    .mmas-impact-stat-content strong {
        font-size: 24px;
    }
}


.mmas-testimonial-section {
    position: relative;
    padding: 115px 0;
    background: #f7f8fb;
    overflow: hidden;
}

    .mmas-testimonial-section::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        left: -250px;
        top: 80px;
        border-radius: 50%;
        background: rgba(102, 85, 245, .035);
    }

.mmas-testimonial-container {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}


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

.mmas-testimonial-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 58px;
}

.mmas-testimonial-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmas-testimonial-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: #6655f5;
        border-radius: 20px;
    }

.mmas-testimonial-header h2 {
    max-width: 650px;
    margin: 0;
    color: #111b40;
    font-size: clamp(36px, 4.5vw, 56px);
    line-height: 1.08;
    letter-spacing: -2px;
    font-weight: 800;
}

    .mmas-testimonial-header h2 span {
        color: #6655f5;
    }

.mmas-testimonial-header > p {
    max-width: 420px;
    margin: 0 0 4px;
    color: #73798c;
    font-size: 15px;
    line-height: 1.8;
}


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

.mmas-testimonial-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    min-height: 540px;
    border-radius: 30px;
    overflow: hidden;
    background: #111b40;
    box-shadow: 0 28px 75px rgba(17, 27, 64, .13);
}


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

.mmas-testimonial-visual {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient( circle at center, rgba(102, 85, 245, .25), transparent 42% ), #111b40;
}

.mmas-testimonial-quote-mark {
    position: absolute;
    top: 15px;
    left: 35px;
    color: rgba(255,255,255,.045);
    font-size: 190px;
    line-height: 1;
    font-family: Georgia, serif;
}

.mmas-testimonial-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.mmas-testimonial-orbit-one {
    width: 320px;
    height: 320px;
}

.mmas-testimonial-orbit-two {
    width: 440px;
    height: 440px;
    border-style: dashed;
    opacity: .55;
}

.mmas-testimonial-center {
    position: relative;
    z-index: 2;
    width: 180px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: rgba(255,255,255,.055);
    backdrop-filter: blur(8px);
    box-shadow: 0 20px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
}

.mmas-testimonial-center-icon {
    width: 47px;
    height: 47px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(102,85,245,.20);
}

    .mmas-testimonial-center-icon svg {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: #aaa2ff;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-testimonial-center span {
    color: rgba(255,255,255,.48);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mmas-testimonial-center strong {
    margin-top: 3px;
    color: #fff;
    font-size: 17px;
    letter-spacing: .5px;
}


/* =========================================
   FLOATING ITEMS
========================================= */

.mmas-testimonial-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 13px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(12px);
    box-shadow: 0 15px 35px rgba(0,0,0,.12);
}

.mmas-testimonial-floating-one {
    top: 105px;
    right: 28px;
}

.mmas-testimonial-floating-two {
    bottom: 90px;
    left: 30px;
}

.mmas-testimonial-floating span {
    color: #aaa2ff;
    font-size: 12px;
    letter-spacing: 2px;
}

.mmas-testimonial-floating strong {
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
}

.mmas-testimonial-floating small {
    margin-top: 5px;
    color: rgba(255,255,255,.42);
    font-size: 9px;
}


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

.mmas-testimonial-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 58px 65px;
    background: #ffffff;
}

.mmas-testimonial-rating {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 27px;
}

.mmas-testimonial-stars {
    color: #6655f5;
    font-size: 14px;
    letter-spacing: 3px;
}

.mmas-testimonial-rating > span:last-child {
    color: #858b9c;
    font-size: 11px;
    font-weight: 700;
}

.mmas-testimonial-content blockquote {
    max-width: 650px;
    margin: 0;
    color: #111b40;
    font-size: clamp(24px, 2.5vw, 33px);
    line-height: 1.42;
    font-weight: 600;
    letter-spacing: -.7px;
}


/* =========================================
   AUTHOR
========================================= */

.mmas-testimonial-author {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 34px;
}

.mmas-testimonial-avatar {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #6655f5;
    background: #eeecff;
    font-size: 12px;
    font-weight: 800;
}

.mmas-testimonial-author-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .mmas-testimonial-author-info strong {
        color: #111b40;
        font-size: 14px;
        font-weight: 800;
    }

    .mmas-testimonial-author-info span {
        color: #858b9c;
        font-size: 11px;
    }


/* =========================================
   COMPANY
========================================= */

.mmas-testimonial-divider {
    width: 100%;
    height: 1px;
    margin: 30px 0 23px;
    background: #eceef3;
}

.mmas-testimonial-company {
    display: flex;
    align-items: center;
    gap: 13px;
}

.mmas-testimonial-company-mark {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #f3f1ff;
}

    .mmas-testimonial-company-mark svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-testimonial-company div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mmas-testimonial-company span {
    color: #999eac;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.mmas-testimonial-company strong {
    color: #111b40;
    font-size: 12px;
}


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

.mmas-testimonial-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
}

.mmas-testimonial-control {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e4eb;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    transition: all .3s ease;
}

    .mmas-testimonial-control svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: #111b40;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mmas-testimonial-control:hover {
        border-color: #111b40;
        background: #111b40;
    }

        .mmas-testimonial-control:hover svg {
            stroke: #ffffff;
        }

.mmas-testimonial-counter {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 3px;
    color: #b0b4bf;
    font-size: 11px;
}

    .mmas-testimonial-counter strong {
        color: #111b40;
    }


/* =========================================
   TRUST STRIP
========================================= */

.mmas-testimonial-trust {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 22px;
}

.mmas-testimonial-trust-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 19px 22px;
    border: 1px solid #e8eaf0;
    border-radius: 16px;
    background: #ffffff;
}

.mmas-testimonial-trust-number {
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
}

.mmas-testimonial-trust-item div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mmas-testimonial-trust-item strong {
    color: #111b40;
    font-size: 12px;
    font-weight: 750;
}

.mmas-testimonial-trust-item small {
    color: #8b90a0;
    font-size: 10px;
}


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

@media (max-width: 991px) {

    .mmas-testimonial-section {
        padding: 90px 0;
    }

    .mmas-testimonial-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .mmas-testimonial-layout {
        grid-template-columns: 1fr;
    }

    .mmas-testimonial-visual {
        min-height: 400px;
    }

    .mmas-testimonial-content {
        padding: 50px 45px;
    }
}


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

@media (max-width: 767px) {

    .mmas-testimonial-section {
        padding: 75px 0;
    }

    .mmas-testimonial-container {
        width: min(100% - 30px, 600px);
    }

    .mmas-testimonial-header {
        margin-bottom: 38px;
    }

        .mmas-testimonial-header h2 {
            font-size: 37px;
            letter-spacing: -1.4px;
        }

    .mmas-testimonial-layout {
        border-radius: 23px;
    }

    .mmas-testimonial-visual {
        min-height: 350px;
    }

    .mmas-testimonial-orbit-one {
        width: 250px;
        height: 250px;
    }

    .mmas-testimonial-orbit-two {
        width: 340px;
        height: 340px;
    }

    .mmas-testimonial-center {
        width: 145px;
        height: 145px;
    }

    .mmas-testimonial-floating-one {
        top: 55px;
        right: 15px;
    }

    .mmas-testimonial-floating-two {
        bottom: 48px;
        left: 15px;
    }

    .mmas-testimonial-content {
        padding: 38px 25px 40px;
    }

        .mmas-testimonial-content blockquote {
            font-size: 24px;
        }

    .mmas-testimonial-trust {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 380px) {

    .mmas-testimonial-header h2 {
        font-size: 32px;
    }

    .mmas-testimonial-visual {
        min-height: 315px;
    }

    .mmas-testimonial-orbit-one {
        width: 220px;
        height: 220px;
    }

    .mmas-testimonial-orbit-two {
        width: 300px;
        height: 300px;
    }

    .mmas-testimonial-center {
        width: 130px;
        height: 130px;
    }

    .mmas-testimonial-floating {
        padding: 10px 12px;
    }

    .mmas-testimonial-content blockquote {
        font-size: 21px;
    }
}


.mmas-industry-section {
    position: relative;
    padding: 50px 0;
    background: #ffffff;
    overflow: hidden;
}

.mmas-industry-container {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}


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

.mmas-industry-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 28px;
}

.mmas-industry-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #6655f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

    .mmas-industry-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        border-radius: 20px;
        background: #6655f5;
    }

.mmas-industry-header h2 {
    max-width: 700px;
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 4.5vw, 35px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
}

    .mmas-industry-header h2 span {
        color: #6655f5;
    }

.mmas-industry-header > p {
    max-width: 420px;
    margin: 0 0 4px;
    color: #73798c;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   MAIN EXPERIENCE
========================================= */

.mmas-industry-experience {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    min-height: 430px;
    border: 1px solid #e8eaf0;
    border-radius: 28px;
    background: #f8f9fc;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(17, 27, 64, .06);
}


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

.mmas-industry-nav {
    padding: 22px;
    background: #111b40;
}

.mmas-industry-nav-item {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 34px 1fr 20px;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 13px 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: all .3s ease;
}

    .mmas-industry-nav-item + .mmas-industry-nav-item {
        margin-top: 4px;
    }

    .mmas-industry-nav-item:hover {
        background: rgba(255,255,255,.055);
    }

    .mmas-industry-nav-item.active {
        background: rgba(102,85,245,.20);
    }

        .mmas-industry-nav-item.active::before {
            content: "";
            position: absolute;
            left: 0;
            top: 18px;
            bottom: 18px;
            width: 3px;
            border-radius: 0 5px 5px 0;
            background: #8f86ff;
        }

.mmas-industry-nav-number {
    color: rgba(255,255,255,.30);
    font-size: 12px;
    font-weight: 800;
}

.mmas-industry-nav-item.active .mmas-industry-nav-number {
    color: #9d95ff;
}

.mmas-industry-nav-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .mmas-industry-nav-content strong {
        color: rgba(255,255,255,.92);
        font-size: 13px;
        font-weight: 700;
    }

    .mmas-industry-nav-content small {
        color: rgba(255,255,255,.37);
        font-size: 12px;
    }

.mmas-industry-nav-item svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: rgba(255,255,255,.25);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all .3s ease;
}

.mmas-industry-nav-item.active svg {
    stroke: #a59fff;
    transform: translateX(2px);
}


/* =========================================
   RIGHT PANEL
========================================= */

.mmas-industry-panel {
    position: relative;
    min-width: 0;
    padding: 30px 30px;
    background: #ffffff;
    overflow: hidden;
}

.mmas-industry-content {
    position: relative;
    z-index: 2;
    display: none;
    max-width: 850px;
    animation: mmasIndustryFade .45s ease;
}

    .mmas-industry-content.active {
        display: block;
    }

@keyframes mmasIndustryFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


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

.mmas-industry-content-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.mmas-industry-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #f0eeff;
}

    .mmas-industry-icon svg {
        width: 26px;
        height: 26px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-industry-content-label {
    color: #999eae;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}


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

.mmas-industry-content h3 {
    max-width: 850px;
    margin: 0 0 18px;
    color: #111b40;
    font-size: clamp(31px, 3.3vw, 35px);
    line-height: 1.13;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.mmas-industry-content > p {
    max-width: 850px;
    margin: 0;
    color: #747b8d;
    font-size: 14px;
    line-height: 1.85;
}


/* =========================================
   FEATURE PILLS
========================================= */

.mmas-industry-features {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 31px;
}

    .mmas-industry-features span {
        padding: 9px 13px;
        border: 1px solid #e8e9ef;
        border-radius: 50px;
        color: #626a7e;
        background: #fafbfc;
        font-size: 12px;
        font-weight: 700;
    }


/* =========================================
   MINI STAT
========================================= */

.mmas-industry-mini-stat {
    display: flex;
    align-items: baseline;
    gap: 9px;
    margin-top: 21px;
    padding-top: 12px;
    border-top: 1px solid #eceef3;
}

    .mmas-industry-mini-stat strong {
        color: #6655f5;
        font-size: 22px;
        font-weight: 800;
    }

    .mmas-industry-mini-stat span {
        color: #858b9c;
        font-size: 12px;
    }


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

.mmas-industry-panel-decoration {
    position: absolute;
    right: -110px;
    bottom: -140px;
    width: 370px;
    height: 370px;
    border: 1px solid rgba(102,85,245,.08);
    border-radius: 50%;
}

    .mmas-industry-panel-decoration::before,
    .mmas-industry-panel-decoration::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(102,85,245,.06);
        border-radius: 50%;
    }

    .mmas-industry-panel-decoration::before {
        inset: 45px;
    }

    .mmas-industry-panel-decoration::after {
        inset: 90px;
    }

    .mmas-industry-panel-decoration span {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #6655f5;
    }

        .mmas-industry-panel-decoration span:nth-child(1) {
            top: 45px;
            left: 90px;
        }

        .mmas-industry-panel-decoration span:nth-child(2) {
            right: 62px;
            top: 150px;
        }

        .mmas-industry-panel-decoration span:nth-child(3) {
            left: 105px;
            bottom: 55px;
        }


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

.mmas-industry-bottom {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 22px;
    padding: 22px 25px;
    border: 1px solid #e8eaf0;
    border-radius: 17px;
    background: #fafbfc;
}

.mmas-industry-bottom-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #eeecff;
}

    .mmas-industry-bottom-icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.8;
        stroke-linecap: round;
    }

.mmas-industry-bottom > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mmas-industry-bottom strong {
    color: #111b40;
    font-size: 13px;
    font-weight: 750;
}

.mmas-industry-bottom span {
    color: #858b9c;
    font-size: 12px;
}

.mmas-industry-bottom a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    color: #6655f5;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

    .mmas-industry-bottom a svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


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

@media (max-width: 991px) {

    .mmas-industry-section {
        padding: 90px 0;
    }

    .mmas-industry-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .mmas-industry-experience {
        grid-template-columns: 290px minmax(0, 1fr);
    }

    .mmas-industry-nav {
        padding: 15px;
    }

    .mmas-industry-nav-item {
        grid-template-columns: 27px 1fr 15px;
        gap: 8px;
        padding: 11px;
    }

    .mmas-industry-panel {
        padding: 48px 40px;
    }

    .mmas-industry-content h3 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .mmas-industry-section {
        padding: 30px 0;
    }

    .mmas-industry-container {
        width: min(100% - 30px, 600px);
    }

    .mmas-industry-header {
        margin-bottom: 38px;
    }

        .mmas-industry-header h2 {
            font-size: 25px;
            letter-spacing: -1.5px;
            text-align: left;
        }

    .mmas-industry-experience {
        display: block;
        border-radius: 23px;
    }

    .mmas-industry-nav {
        display: flex;
        gap: 7px;
        padding: 13px;
        overflow-x: auto;
        scrollbar-width: none;
    }

        .mmas-industry-nav::-webkit-scrollbar {
            display: none;
        }

    .mmas-industry-nav-item {
        flex: 0 0 145px;
        min-height: 78px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;
        padding: 12px;
    }

        .mmas-industry-nav-item + .mmas-industry-nav-item {
            margin-top: 0;
        }

        .mmas-industry-nav-item svg,
        .mmas-industry-nav-number {
            display: none;
        }

        .mmas-industry-nav-item.active::before {
            top: auto;
            left: 14px;
            right: 14px;
            bottom: 5px;
            width: auto;
            height: 2px;
        }

    .mmas-industry-panel {
        min-height: 480px;
        padding: 38px 25px;
    }

    .mmas-industry-content h3 {
        font-size: 25px;
        letter-spacing: -1px;
    }

    .mmas-industry-content > p {
        font-size: 13px;
    }

    .mmas-industry-panel-decoration {
        width: 270px;
        height: 270px;
        right: -110px;
        bottom: -100px;
    }

    .mmas-industry-bottom {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 19px;
    }

        .mmas-industry-bottom a {
            width: 100%;
            margin-left: 53px;
        }
}


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

@media (max-width: 380px) {

    .mmas-industry-header h2 {
        font-size: 32px;
    }

    .mmas-industry-nav-item {
        flex-basis: 135px;
    }

    .mmas-industry-panel {
        padding: 32px 21px;
    }

    .mmas-industry-content h3 {
        font-size: 26px;
    }

    .mmas-industry-features span {
        font-size: 9px;
        padding: 8px 10px;
    }
}


.mmas-final-cta {
    position: relative;
    overflow: hidden;
    padding: 28px 0;
    background: radial-gradient(circle at 78% 45%, rgba(102, 85, 245, .20), transparent 30%), radial-gradient(circle at 8% 90%, rgba(102, 85, 245, .10), transparent 28%), #111B40;
    isolation: isolate;
}

.mmas-final-cta-container {
    width: min(1242px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.mmas-final-cta-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(460px, .95fr);
    align-items: center;
    gap: 40px;
}


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

.mmas-final-cta-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(5px);
    pointer-events: none;
    z-index: -1;
}

.mmas-final-cta-glow-one {
    width: 360px;
    height: 360px;
    top: -180px;
    left: 10%;
    background: rgba(102, 85, 245, .08);
}

.mmas-final-cta-glow-two {
    width: 300px;
    height: 300px;
    right: -120px;
    bottom: -130px;
    background: rgba(255, 255, 255, .05);
}


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

.mmas-final-cta-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255,255,255,.62);
}

.mmas-final-cta-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8b7cff;
    box-shadow: 0 0 0 5px rgba(102,85,245,.14);
}

.mmas-final-cta-title {
    max-width: 650px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 5vw, 35px);
    line-height: 1.04;
    letter-spacing: -1.5px;
    font-weight: 750;
}

    .mmas-final-cta-title span {
        color: #8c80ff;
    }

.mmas-final-cta-description {
    max-width: 590px;
    margin: 25px 0 0;
    color: rgba(255,255,255,.67);
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   BUTTONS
========================================================= */

.mmas-final-cta-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 32px;
}

.mmas-final-cta-btn {
    min-height: 52px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.mmas-final-cta-btn-primary {
    color: #ffffff;
    background: #6655F5;
    box-shadow: 0 14px 35px rgba(102,85,245,.28);
}

    .mmas-final-cta-btn-primary svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: transform .25s ease;
    }

    .mmas-final-cta-btn-primary:hover {
        color: #ffffff;
        transform: translateY(-3px);
        background: #7566ff;
        box-shadow: 0 18px 42px rgba(102,85,245,.38);
    }

        .mmas-final-cta-btn-primary:hover svg {
            transform: translateX(4px);
        }

.mmas-final-cta-btn-secondary {
    color: rgba(255,255,255,.86);
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.05);
}

    .mmas-final-cta-btn-secondary:hover {
        color: #ffffff;
        transform: translateY(-3px);
        background: rgba(255,255,255,.09);
        border-color: rgba(255,255,255,.25);
    }


/* =========================================================
   TRUST ITEMS
========================================================= */

.mmas-final-cta-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 27px;
}

.mmas-final-cta-trust-item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.53);
    font-size: 12px;
}

.mmas-final-cta-check {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(102,85,245,.16);
}

    .mmas-final-cta-check svg {
        width: 12px;
        height: 12px;
        fill: none;
        stroke: #9b91ff;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* =========================================================
   RIGHT VISUAL
========================================================= */

.mmas-final-cta-visual {
    min-height: 330px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mmas-final-cta-orbit {
    position: absolute;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}

.mmas-final-cta-orbit-one {
    width: 500px;
    height: 500px;
}

.mmas-final-cta-orbit-two {
    width: 380px;
    height: 380px;
}


/* =========================================================
   DASHBOARD
========================================================= */

.mmas-final-cta-dashboard {
    position: relative;
    width: min(100%, 470px);
    padding: 23px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    background: rgba(255,255,255,.075);
    box-shadow: 0 35px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 3;
}

.mmas-final-cta-dashboard-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.mmas-final-cta-small-label {
    display: block;
    margin-bottom: 6px;
    color: rgba(255,255,255,.38);
    font-size: 9px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.mmas-final-cta-dashboard-top strong {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 650;
}

.mmas-final-cta-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    color: rgba(255,255,255,.55);
    font-size: 8px;
    letter-spacing: 1px;
}

    .mmas-final-cta-live i {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #67d89a;
    }


/* =========================================================
   MAIN STAT
========================================================= */

.mmas-final-cta-main-stat {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 27px;
}

    .mmas-final-cta-main-stat span:first-child {
        display: block;
        margin-bottom: 5px;
        color: rgba(255,255,255,.42);
        font-size: 10px;
    }

    .mmas-final-cta-main-stat strong {
        display: block;
        color: #ffffff;
        font-size: 31px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -1px;
    }

.mmas-final-cta-growth {
    color: #8e83ff !important;
    font-size: 12px !important;
    font-weight: 700;
}


/* =========================================================
   CHART
========================================================= */

.mmas-final-cta-chart {
    height: 150px;
    position: relative;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 10px;
}

.mmas-final-cta-chart-grid {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .mmas-final-cta-chart-grid span {
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,.055);
    }

.mmas-final-cta-chart svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mmas-final-cta-chart-area {
    fill: url(#mmasCtaChartFill);
}

.mmas-final-cta-chart-line {
    fill: none;
    stroke: #8d82ff;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 7px rgba(102,85,245,.45));
}

.mmas-final-cta-chart-point {
    position: absolute;
    width: 9px;
    height: 9px;
    right: 0;
    top: 16px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #6655F5;
    box-shadow: 0 0 0 5px rgba(102,85,245,.18);
}


/* =========================================================
   MINI STATS
========================================================= */

.mmas-final-cta-mini-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.mmas-final-cta-mini-card {
    padding: 14px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    background: rgba(255,255,255,.045);
}

    .mmas-final-cta-mini-card span {
        display: block;
        color: rgba(255,255,255,.40);
        font-size: 9px;
        margin-bottom: 6px;
    }

    .mmas-final-cta-mini-card strong {
        color: #ffffff;
        font-size: 17px;
        font-weight: 650;
    }

    .mmas-final-cta-mini-card small {
        margin-left: 6px;
        color: #79dca5;
        font-size: 9px;
    }


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

.mmas-final-cta-floating-card {
    position: absolute;
    right: -18px;
    bottom: 55px;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 170px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    background: rgba(25,34,75,.88);
    box-shadow: 0 20px 40px rgba(0,0,0,.22);
    backdrop-filter: blur(12px);
    z-index: 5;
    animation: mmasFinalFloat 4s ease-in-out infinite;
}

.mmas-final-cta-floating-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(102,85,245,.16);
}

    .mmas-final-cta-floating-icon svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: #978dff;
        stroke-width: 1.7;
        stroke-linecap: round;
    }

.mmas-final-cta-floating-card span {
    display: block;
    color: rgba(255,255,255,.40);
    font-size: 8px;
    margin-bottom: 3px;
}

.mmas-final-cta-floating-card strong {
    color: #ffffff;
    font-size: 14px;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes mmasFinalFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

    .mmas-final-cta-grid {
        grid-template-columns: minmax(0, 1fr) minmax(400px, .9fr);
        gap: 40px;
    }

    .mmas-final-cta-title {
        font-size: 52px;
    }

    .mmas-final-cta-floating-card {
        right: -5px;
    }
}


@media (max-width: 991px) {

    .mmas-final-cta {
        padding: 85px 0;
    }

    .mmas-final-cta-grid {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .mmas-final-cta-content {
        text-align: center;
    }

    .mmas-final-cta-title,
    .mmas-final-cta-description {
        margin-left: auto;
        margin-right: auto;
    }

    .mmas-final-cta-actions,
    .mmas-final-cta-trust {
        justify-content: center;
    }

    .mmas-final-cta-visual {
        min-height: 440px;
    }
}


@media (max-width: 767px) {

    .mmas-final-cta {
        padding: 30px 0;
    }

    .mmas-final-cta-container {
        width: min(100% - 30px, 620px);
    }

    .mmas-final-cta-title {
        font-size: 43px;
        letter-spacing: -1.8px;
    }

    .mmas-final-cta-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .mmas-final-cta-visual {
        min-height: 390px;
    }

    .mmas-final-cta-dashboard {
        width: min(100%, 430px);
        padding: 18px;
    }

    .mmas-final-cta-orbit-one {
        width: 420px;
        height: 420px;
    }

    .mmas-final-cta-orbit-two {
        width: 330px;
        height: 330px;
    }

    .mmas-final-cta-floating-card {
        right: 0;
        bottom: 30px;
    }
}


@media (max-width: 480px) {

    .mmas-final-cta-title {
        font-size: 25px;
    }

    .mmas-final-cta-actions {
        flex-direction: column;
        width: 100%;
    }

    .mmas-final-cta-btn {
        width: 100%;
    }

    .mmas-final-cta-trust {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .mmas-final-cta-visual {
        min-height: 340px;
    }

    .mmas-final-cta-dashboard {
        padding: 15px;
        border-radius: 14px;
    }

    .mmas-final-cta-main-stat strong {
        font-size: 26px;
    }

    .mmas-final-cta-chart {
        height: 120px;
    }

    .mmas-final-cta-floating-card {
        min-width: 150px;
        padding: 10px 12px;
        right: -2px;
        bottom: 12px;
    }

    .mmas-final-cta-floating-icon {
        width: 30px;
        height: 30px;
    }

    .mmas-final-cta-floating-card strong {
        font-size: 12px;
    }
}


@media (max-width: 380px) {

    .mmas-final-cta-title {
        font-size: 32px;
    }

    .mmas-final-cta-eyebrow {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .mmas-final-cta-dashboard-top strong {
        font-size: 14px;
    }

    .mmas-final-cta-mini-card {
        padding: 10px;
    }

        .mmas-final-cta-mini-card strong {
            font-size: 15px;
        }

    .mmas-final-cta-floating-card {
        transform: scale(.9);
        transform-origin: right bottom;
    }
}

/*Awards & Success Stories Page End*/
/*Testimonial Page Start*/
.mmas-testimonial-hero {
    position: relative;
    overflow: hidden;
    padding: 75px 0 0px;
    background: #ffffff;
    isolation: isolate;
}

    .mmas-testimonial-hero::before {
        content: "";
        position: absolute;
        width: 900px;
        height: 700px;
        left: -180px;
        top: 50%;
        transform: translateY(-50%);
/*        background: radial-gradient( circle at 25% 50%, rgba(18, 101, 245, 0.10) 0%, rgba(81, 40, 232, 0.10) 35%, rgba(169, 0, 217, 0.10) 65%, rgba(238, 30, 90, 0.10) 100% );
*/        filter: blur(12px);
        pointer-events: none;
        z-index: -2;
    }

    .mmas-testimonial-hero::after {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        right: -220px;
        top: 10%;
        border-radius: 50%;
/*        background: radial-gradient( circle, rgba(102, 85, 245, 0.08) 0%, rgba(102, 85, 245, 0.025) 45%, transparent 72% );
*/        pointer-events: none;
        z-index: -2;
    }

.mmas-testimonial-hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.mmas-testimonial-hero-glow-one {
    width: 280px;
    height: 280px;
    left: 12%;
    bottom: -180px;
    background: radial-gradient( circle, rgba(169, 0, 217, 0.07), transparent 70% );
    filter: blur(8px);
}

.mmas-testimonial-hero-glow-two {
    width: 250px;
    height: 250px;
    right: 12%;
    top: -150px;
    background: radial-gradient( circle, rgba(18, 101, 245, 0.07), transparent 70% );
    filter: blur(8px);
}

.mmas-testimonial-hero-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.mmas-testimonial-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(480px, .92fr);
    align-items: center;
    gap: 70px;
}

.mmas-testimonial-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #687185;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2.2px;
}


.mmas-testimonial-hero-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient( 135deg, #1265F5, #5128E8, #A900D9 );
    box-shadow: 0 0 0 5px rgba(81,40,232,.08);
}

.mmas-testimonial-hero-title {
    max-width: 650px;
    margin: 0;
    color: #111827;
    font-size: clamp(30px, 5.2vw, 36px);
    line-height: 1.04;
    letter-spacing: -1.5px;
    font-weight: 800;
}


    .mmas-testimonial-hero-title span {
        background: linear-gradient( 90deg, #1265F5 0%, #5128E8 42%, #A900D9 72%, #EE1E5A 100% );
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }

.mmas-testimonial-hero-description {
    max-width: 575px;
    margin: 25px 0 0;
    color: #5B6475;
    font-size: 16px;
    line-height: 1.8;
}

.mmas-testimonial-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 32px;
}


.mmas-testimonial-hero-btn {
    min-height: 40px;
    padding: 0 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}

.mmas-testimonial-hero-btn-primary {
    color: #ffffff;
    background: linear-gradient( 100deg, #1265F5, #5128E8, #A900D9 );
    box-shadow: 0 14px 32px rgba(81,40,232,.20);
}


    .mmas-testimonial-hero-btn-primary:hover {
        color: #ffffff;
        transform: translateY(-3px);
        box-shadow: 0 18px 38px rgba(81,40,232,.28);
    }


    .mmas-testimonial-hero-btn-primary svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: transform .25s ease;
    }


    .mmas-testimonial-hero-btn-primary:hover svg {
        transform: translateX(4px);
    }

.mmas-testimonial-hero-btn-secondary {
    color: #293247;
    border: 1px solid #E2E5EC;
    background: rgba(255,255,255,.78);
}


    .mmas-testimonial-hero-btn-secondary:hover {
        color: #111827;
        transform: translateY(-3px);
        border-color: #C9CDE0;
        background: #ffffff;
        box-shadow: 0 12px 28px rgba(17,24,39,.07);
    }

.mmas-testimonial-hero-play {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #5128E8;
    background: rgba(81,40,232,.08);
}


    .mmas-testimonial-hero-play svg {
        width: 12px;
        height: 12px;
        fill: currentColor;
        stroke: none;
    }

.mmas-testimonial-hero-trust {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 29px;
}


.mmas-testimonial-hero-stars {
    min-width: 72px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: linear-gradient( 135deg, rgba(18,101,245,.06), rgba(169,0,217,.06) );
}


    .mmas-testimonial-hero-stars span {
        color: #F3B93F;
        font-size: 13px;
        letter-spacing: 1px;
    }


.mmas-testimonial-hero-trust-text strong {
    display: block;
    color: #30394B;
    font-size: 13px;
    font-weight: 650;
}


.mmas-testimonial-hero-trust-text small {
    display: block;
    margin-top: 3px;
    color: #8A92A2;
    font-size: 12px;
}

.mmas-testimonial-hero-visual {
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mmas-testimonial-hero-orbit {
    position: absolute;
    border: 1px solid rgba(81,40,232,.10);
    border-radius: 50%;
    pointer-events: none;
}


.mmas-testimonial-hero-orbit-one {
    width: 510px;
    height: 510px;
}


.mmas-testimonial-hero-orbit-two {
    width: 375px;
    height: 375px;
    border-color: rgba(18,101,245,.10);
}

.mmas-testimonial-main-card {
    position: relative;
    width: min(100%, 470px);
    padding: 27px;
    border: 1px solid #E5E8F0;
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 25px 65px rgba(26,35,60,.10), 0 5px 20px rgba(26,35,60,.04);
    z-index: 4;
}

.mmas-testimonial-main-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}


.mmas-testimonial-main-profile {
    display: flex;
    align-items: center;
    gap: 12px;
}


.mmas-testimonial-avatar {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient( 135deg, #1265F5, #5128E8, #A900D9 );
    font-size: 12px;
    font-weight: 750;
    box-shadow: 0 7px 18px rgba(81,40,232,.18);
}


.mmas-testimonial-main-profile strong {
    display: block;
    color: #1C2434;
    font-size: 13px;
    font-weight: 650;
}


.mmas-testimonial-main-profile span {
    display: block;
    margin-top: 4px;
    color: #8A92A2;
    font-size: 12px;
}

.mmas-testimonial-verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #1EAD72;
    font-size: 9px;
    font-weight: 650;
}


    .mmas-testimonial-verified svg {
        width: 18px;
        height: 18px;
        fill: rgba(30,173,114,.08);
        stroke: #1EAD72;
        stroke-width: 1.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-testimonial-main-stars {
    margin-top: 27px;
    color: #F3B93F;
    font-size: 13px;
    letter-spacing: 2px;
}

.mmas-testimonial-main-quote {
    margin: 17px 0 0;
    color: #394256;
    font-size: 19px;
    line-height: 1.65;
    letter-spacing: -.25px;
    font-weight: 450;
}

.mmas-testimonial-main-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}


    .mmas-testimonial-main-footer span {
        color: #5128E8;
        font-size: 12px;
        font-weight: 750;
        letter-spacing: 1.5px;
    }


    .mmas-testimonial-main-footer strong {
        color: #9299A8;
        font-size: 12px;
        font-weight: 500;
    }


.mmas-testimonial-main-line {
    width: 25px;
    height: 1px;
    background: #E0E3EA;
}

.mmas-testimonial-floating-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #E4E7EF;
    border-radius: 11px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 18px 40px rgba(26,35,60,.11);
    z-index: 7;
}


.mmas-testimonial-floating-card-one {
    left: -12px;
    bottom: 56px;
    animation: mmasTestimonialFloatOne 4.5s ease-in-out infinite;
}


.mmas-testimonial-floating-card-two {
    right: -12px;
    top: 70px;
    animation: mmasTestimonialFloatTwo 5s ease-in-out infinite;
}

.mmas-testimonial-floating-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: linear-gradient( 135deg, rgba(18,101,245,.09), rgba(169,0,217,.09) );
}


    .mmas-testimonial-floating-icon svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: #5128E8;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.mmas-testimonial-floating-card strong {
    display: block;
    color: #1C2434;
    font-size: 14px;
    line-height: 1.2;
}


.mmas-testimonial-floating-card span {
    display: block;
    margin-top: 3px;
    color: #8A92A2;
    font-size: 8px;
}

.mmas-testimonial-rating-circle {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #735FEA;
    border-radius: 50%;
    color: #5128E8;
    background: #ffffff;
    font-size: 11px;
    font-weight: 750;
}


.mmas-testimonial-mini-stars {
    margin-top: 3px !important;
    color: #F3B93F !important;
    font-size: 8px !important;
    letter-spacing: 1px;
}

.mmas-testimonial-hero-quote-mark {
    position: absolute;
    right: 24px;
    bottom: 18px;
    color: rgba(81,40,232,.055);
    font-family: Georgia, serif;
    font-size: 180px;
    line-height: .7;
    pointer-events: none;
    z-index: 2;
}

@keyframes mmasTestimonialFloatOne {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}


@keyframes mmasTestimonialFloatTwo {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}

@media (max-width: 1100px) {

    .mmas-testimonial-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr);
        gap: 40px;
    }


    .mmas-testimonial-hero-title {
        font-size: 53px;
    }


    .mmas-testimonial-floating-card-one {
        left: -5px;
    }


    .mmas-testimonial-floating-card-two {
        right: -5px;
    }
}

@media (max-width: 991px) {

    .mmas-testimonial-hero {
        padding: 85px 0;
    }


    .mmas-testimonial-hero-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }


    .mmas-testimonial-hero-content {
        text-align: center;
    }


    .mmas-testimonial-hero-title,
    .mmas-testimonial-hero-description {
        margin-left: auto;
        margin-right: auto;
    }


    .mmas-testimonial-hero-actions,
    .mmas-testimonial-hero-trust {
        justify-content: center;
    }


    .mmas-testimonial-hero-visual {
        min-height: 480px;
    }
}

@media (max-width: 767px) {

    .mmas-testimonial-hero {
        padding: 70px 0 80px;
    }


    .mmas-testimonial-hero-container {
        width: min(100% - 30px, 620px);
    }


    .mmas-testimonial-hero-title {
        font-size: 43px;
        letter-spacing: -2px;
    }


    .mmas-testimonial-hero-description {
        font-size: 14px;
        line-height: 1.75;
    }


    .mmas-testimonial-hero-actions {
        flex-direction: column;
        width: 100%;
    }


    .mmas-testimonial-hero-btn {
        width: 100%;
    }


    .mmas-testimonial-hero-visual {
        min-height: 410px;
    }


    .mmas-testimonial-main-card {
        width: min(100%, 450px);
        padding: 22px;
    }


    .mmas-testimonial-main-quote {
        font-size: 17px;
    }


    .mmas-testimonial-hero-orbit-one {
        width: 440px;
        height: 440px;
    }


    .mmas-testimonial-hero-orbit-two {
        width: 330px;
        height: 330px;
    }


    .mmas-testimonial-floating-card-one {
        left: 0;
        bottom: 40px;
    }


    .mmas-testimonial-floating-card-two {
        right: 0;
        top: 35px;
    }
}

@media (max-width: 480px) {

    .mmas-testimonial-hero {
        padding: 122px 0 25px;
    }


    .mmas-testimonial-hero-title {
        font-size: 25px;
        letter-spacing: -1.5px;
    }


    .mmas-testimonial-hero-eyebrow {
        font-size: 9px;
        letter-spacing: 1.6px;
    }


    .mmas-testimonial-hero-trust {
        gap: 9px;
    }


    .mmas-testimonial-hero-visual {
        min-height: 350px;
    }


    .mmas-testimonial-main-card {
        padding: 17px;
        border-radius: 14px;
    }


    .mmas-testimonial-main-profile {
        gap: 9px;
    }


    .mmas-testimonial-avatar {
        width: 38px;
        height: 38px;
        font-size: 10px;
    }


    .mmas-testimonial-main-profile strong {
        font-size: 11px;
    }


    .mmas-testimonial-main-profile span {
        font-size: 8px;
    }


    .mmas-testimonial-verified {
        font-size: 8px;
    }


        .mmas-testimonial-verified svg {
            width: 15px;
            height: 15px;
        }


    .mmas-testimonial-main-stars {
        margin-top: 20px;
        font-size: 11px;
    }


    .mmas-testimonial-main-quote {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.6;
    }


    .mmas-testimonial-main-footer {
        margin-top: 18px;
    }


    .mmas-testimonial-floating-card {
        padding: 9px 10px;
    }


    .mmas-testimonial-floating-card-one {
        left: -2px;
        bottom: 20px;
    }


    .mmas-testimonial-floating-card-two {
        right: -2px;
        top: 12px;
    }


    .mmas-testimonial-floating-icon {
        width: 28px;
        height: 28px;
    }


    .mmas-testimonial-floating-card strong {
        font-size: 11px;
    }


    .mmas-testimonial-floating-card span {
        font-size: 7px;
    }


    .mmas-testimonial-rating-circle {
        width: 28px;
        height: 28px;
        font-size: 9px;
    }


    .mmas-testimonial-mini-stars {
        font-size: 7px !important;
    }


    .mmas-testimonial-hero-quote-mark {
        font-size: 120px;
        right: 12px;
        bottom: 10px;
    }


    .mmas-testimonial-hero-orbit-one {
        width: 350px;
        height: 350px;
    }


    .mmas-testimonial-hero-orbit-two {
        width: 270px;
        height: 270px;
    }
}

@media (max-width: 380px) {

    .mmas-testimonial-hero-title {
        font-size: 32px;
    }


    .mmas-testimonial-main-card {
        padding: 14px;
    }


    .mmas-testimonial-main-quote {
        font-size: 13px;
    }


    .mmas-testimonial-floating-card-one {
        transform: scale(.88);
        transform-origin: left bottom;
    }


    .mmas-testimonial-floating-card-two {
        transform: scale(.88);
        transform-origin: right top;
    }
}


.mmas-testimonial-stats {
    position: relative;
    overflow: hidden;
    padding: 50px 0 50px;
    background: #F8F9FC;
    isolation: isolate;
}

    .mmas-testimonial-stats::before {
        content: "";
        position: absolute;
        width: 720px;
        height: 420px;
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
        background: radial-gradient( circle at 25% 50%, rgba(18, 101, 245, 0.055) 0%, rgba(81, 40, 232, 0.05) 35%, rgba(169, 0, 217, 0.045) 65%, rgba(238, 30, 90, 0.035) 100% );
        filter: blur(18px);
        pointer-events: none;
        z-index: -2;
    }


.mmas-testimonial-stats-glow {
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: -150px;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(81, 40, 232, 0.07), transparent 70% );
    filter: blur(10px);
    pointer-events: none;
}

.mmas-testimonial-stats-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.mmas-testimonial-stats-header {
    max-width: 690px;
    margin: 0 auto 28px;
    text-align: center;
}


.mmas-testimonial-stats-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #737B8D;
    font-size: 10px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: 2px;
}


.mmas-testimonial-stats-eyebrow-line {
    width: 24px;
    height: 1px;
    background: linear-gradient( 90deg, #1265F5, #A900D9 );
    opacity: .55;
}


.mmas-testimonial-stats-title {
    margin: 10px 0 0;
    color: #171E2D;
    font-size: clamp(34px, 4vw, 35px);
    line-height: 1.1;
    letter-spacing: -1.5px;
    font-weight: 750;
}


    .mmas-testimonial-stats-title span {
        background: linear-gradient( 90deg, #1265F5 0%, #5128E8 45%, #A900D9 75%, #EE1E5A 100% );
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }


.mmas-testimonial-stats-description {
    max-width: 580px;
    margin: 13px auto 0;
    color: #687185;
    font-size: 14px;
    line-height: 1.75;
}

.mmas-testimonial-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #E5E8EF;
    border-bottom: 1px solid #E5E8EF;
}

.mmas-testimonial-stat-card {
    position: relative;
    min-height: 200px;
    padding: 20px 20px;
    text-align: center;
    border-right: 1px solid #E5E8EF;
    transition: background .3s ease, transform .3s ease;
}


    .mmas-testimonial-stat-card:last-child {
        border-right: 0;
    }


    .mmas-testimonial-stat-card:hover {
        background: rgba(255,255,255,.72);
        transform: translateY(-3px);
    }

.mmas-testimonial-stat-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(81,40,232,.10);
    border-radius: 13px;
    background: linear-gradient( 135deg, rgba(18,101,245,.06), rgba(169,0,217,.07) );
}


    .mmas-testimonial-stat-icon svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: #5128E8;
        stroke-width: 1.55;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.mmas-testimonial-stat-number {
    margin-top: 22px;
    color: #171E2D;
    font-size: 39px;
    line-height: 1;
    letter-spacing: -1.7px;
    font-weight: 750;
}


    .mmas-testimonial-stat-number span {
        margin-left: 2px;
        font-size: 22px;
        letter-spacing: -.5px;
        background: linear-gradient( 90deg, #1265F5, #A900D9 );
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }

.mmas-testimonial-stat-label {
    margin-top: 10px;
    color: #30394A;
    font-size: 13px;
    font-weight: 700;
}


.mmas-testimonial-stat-description {
    max-width: 250px;
    margin: 9px auto 0;
    color: #8991A1;
    font-size: 12px;
    line-height: 1.6;
}

.mmas-testimonial-stats-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 32px;
}


.mmas-testimonial-stats-bottom-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #687185;
    font-size: 10px;
    font-weight: 600;
}


.mmas-testimonial-stats-check {
    width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 135deg, rgba(18,101,245,.09), rgba(169,0,217,.09) );
}


    .mmas-testimonial-stats-check svg {
        width: 11px;
        height: 11px;
        fill: none;
        stroke: #5128E8;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.mmas-testimonial-stats-bottom-divider {
    width: 1px;
    height: 16px;
    background: #DDE1E8;
}

@media (max-width: 991px) {

    .mmas-testimonial-stats {
        padding: 85px 0;
    }


    .mmas-testimonial-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .mmas-testimonial-stat-card {
        border-bottom: 1px solid #E5E8EF;
    }


        .mmas-testimonial-stat-card:nth-child(2) {
            border-right: 0;
        }


        .mmas-testimonial-stat-card:nth-child(3),
        .mmas-testimonial-stat-card:nth-child(4) {
            border-bottom: 0;
        }
}

@media (max-width: 767px) {

    .mmas-testimonial-stats {
        padding: 70px 0 75px;
    }


    .mmas-testimonial-stats-container {
        width: min(100% - 30px, 620px);
    }


    .mmas-testimonial-stats-header {
        margin-bottom: 40px;
    }


    .mmas-testimonial-stats-title {
        font-size: 36px;
        letter-spacing: -1.3px;
    }


    .mmas-testimonial-stats-description {
        font-size: 13px;
    }


    .mmas-testimonial-stat-card {
        min-height: 235px;
        padding: 28px 18px;
    }


    .mmas-testimonial-stat-number {
        font-size: 34px;
    }


    .mmas-testimonial-stat-label {
        font-size: 11px;
    }


    .mmas-testimonial-stats-bottom {
        gap: 13px;
    }


    .mmas-testimonial-stats-bottom-divider {
        display: none;
    }
}

@media (max-width: 480px) {

    .mmas-testimonial-stats {
        padding: 25px 0 25px;
    }


    .mmas-testimonial-stats-eyebrow {
        font-size: 8px;
        letter-spacing: 1.5px;
    }


    .mmas-testimonial-stats-eyebrow-line {
        width: 18px;
    }


    .mmas-testimonial-stats-title {
        margin-top: 7px;
        font-size: 24px;
    }


    .mmas-testimonial-stats-description {
        margin-top: 15px;
        font-size: 12px;
    }


    .mmas-testimonial-stats-grid {
        grid-template-columns: 1fr;
    }


    .mmas-testimonial-stat-card {
        min-height: auto;
        padding: 10px 10px;
        border-right: 0;
        border-bottom: 1px solid #E5E8EF !important;
    }


        .mmas-testimonial-stat-card:last-child {
            border-bottom: 0 !important;
        }


    .mmas-testimonial-stat-number {
        margin-top: 12px;
        font-size: 36px;
    }


    .mmas-testimonial-stat-description {
        max-width: 372px;
        font-size: 12px;
    }


    .mmas-testimonial-stats-bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 27px;
        gap: 11px;
        padding-left: 5px;
    }
}

@media (max-width: 380px) {

    .mmas-testimonial-stats-title {
        font-size: 28px;
    }


    .mmas-testimonial-stat-card {
        padding: 25px 16px;
    }
}



.mmas-featured-story {
    position: relative;
    width: 100%;
    padding: 50px 20px;
    background: #ffffff;
    overflow: hidden;
}

    .mmas-featured-story::before {
        content: "";
        position: absolute;
        width: 650px;
        height: 650px;
        top: -280px;
        right: -250px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(81, 40, 232, 0.07) 0%, rgba(169, 0, 217, 0.035) 42%, transparent 72% );
        pointer-events: none;
    }

.mmas-featured-story-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.mmas-featured-story-heading {
    max-width: 760px;
    margin: 0 auto 28px;
    text-align: center;
}

.mmas-featured-story-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
    color: #6655F5;
}

    .mmas-featured-story-eyebrow span {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #6655F5;
        box-shadow: 0 0 0 5px rgba(102, 85, 245, 0.10);
    }

.mmas-featured-story-heading h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(30px, 4vw, 35px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}

    .mmas-featured-story-heading h2 span {
        background: linear-gradient( 90deg, #1265F5 0%, #5128E8 45%, #A900D9 75%, #EE1E5A 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.mmas-featured-story-heading p {
    max-width: 770px;
    margin: 12px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}

.mmas-featured-story-card {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    min-height: 520px;
    border: 1px solid #E8EAF1;
    border-radius: 30px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 25px 70px rgba(17, 27, 64, 0.09), 0 5px 20px rgba(17, 27, 64, 0.035);
}
/*.mmas-featured-story-testimonial {
    position: relative;
    padding: 55px 50px;
    background: radial-gradient( circle at 20% 15%, rgba(18, 101, 245, 0.13), transparent 30% ), linear-gradient( 145deg, #111B40 0%, #171E49 55%, #1F1B50 100% );
    color: #ffffff;
    overflow: hidden;
}*/
/* =========================================
   FEATURED STORY TESTIMONIAL SLIDER
========================================= */

.mmas-featured-story-testimonial {
    position: relative;
    padding: 25px 35px 25px;
    background: radial-gradient( circle at 20% 15%, rgba(18, 101, 245, 0.13), transparent 30% ), linear-gradient( 145deg, #111B40 0%, #171E49 55%, #1F1B50 100% );
    color: #ffffff;
    overflow: hidden;
}


/* Slider Wrapper */

.mmas-featured-story-slider {
    position: relative;
    min-height: 500px;
}


/* Individual Slides */

.mmas-featured-story-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(35px);
    transition: opacity 0.55s ease, transform 0.55s ease, visibility 0.55s ease;
    pointer-events: none;
}


    /* Active Slide */

    .mmas-featured-story-slide.mmas-featured-story-slide-active {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        pointer-events: auto;
    }


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

.mmas-featured-story-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.mmas-featured-story-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: rgba(255,255,255,0.72);
}

.mmas-featured-story-label-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6EA8FF;
    box-shadow: 0 0 0 5px rgba(110,168,255,0.12);
}

.mmas-featured-story-stars {
    font-size: 13px;
    letter-spacing: 3px;
    color: #FFD36A;
}


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

.mmas-featured-story-quote-mark {
    margin-top: 65px;
    font-family: Georgia, serif;
    font-size: 105px;
    line-height: 0.5;
    color: rgba(255,255,255,0.12);
}

.mmas-featured-story-slide blockquote {
    max-width: 500px;
    margin: 28px 0 45px;
    font-size: 25px;
    line-height: 1.55;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #ffffff;
}


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

.mmas-featured-story-client {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.mmas-featured-story-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient( 135deg, #1265F5, #A900D9 );
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.mmas-featured-story-client-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .mmas-featured-story-client-info strong {
        font-size: 15px;
        font-weight: 750;
        color: #ffffff;
    }

    .mmas-featured-story-client-info span {
        font-size: 12px;
        color: rgba(255,255,255,0.68);
    }

    .mmas-featured-story-client-info small {
        font-size: 11px;
        color: rgba(255,255,255,0.46);
    }

.mmas-featured-story-verified {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 10px;
    color: rgba(255,255,255,0.62);
    white-space: nowrap;
}

    .mmas-featured-story-verified span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #4D9EFF;
        color: #ffffff;
        font-size: 10px;
        font-weight: 800;
    }


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

.mmas-featured-story-slider-controls {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: -78px;
}


/* Arrow Buttons */

.mmas-featured-story-slider-btn {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 25%;
    background: rgba(255,255,255,0.07);
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

    .mmas-featured-story-slider-btn:hover {
        background: rgba(255,255,255,0.15);
        border-color: rgba(255,255,255,0.3);
        transform: translateY(-2px);
    }


/* Dots */

.mmas-featured-story-slider-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.mmas-featured-story-slider-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    cursor: pointer;
    transition: width 0.3s ease, background 0.3s ease;
}

    .mmas-featured-story-slider-dot.active {
        width: 24px;
        border-radius: 20px;
        background: #ffffff;
    }


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .mmas-featured-story-testimonial {
        padding: 45px 38px;
    }

    .mmas-featured-story-slide blockquote {
        font-size: 22px;
    }
}


@media (max-width: 900px) {

    .mmas-featured-story-slider {
        min-height: 440px;
    }
}


@media (max-width: 767px) {

    .mmas-featured-story-testimonial {
        padding: 40px 27px;
    }

    .mmas-featured-story-slider {
        min-height: 445px;
    }

    .mmas-featured-story-quote-mark {
        margin-top: 55px;
        font-size: 85px;
    }

    .mmas-featured-story-slide blockquote {
        margin: 23px 0 35px;
        font-size: 20px;
        line-height: 1.5;
    }

    .mmas-featured-story-client {
        flex-wrap: wrap;
    }

    .mmas-featured-story-verified {
        width: 100%;
        margin-left: 62px;
    }
}


@media (max-width: 480px) {

    .mmas-featured-story-testimonial {
        padding: 34px 22px;
    }

    .mmas-featured-story-slider {
        min-height: 475px;
    }

    .mmas-featured-story-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .mmas-featured-story-slide blockquote {
        font-size: 18px;
    }

    .mmas-featured-story-slider-controls {
        gap: 10px;
    }
}


@media (max-width: 380px) {

    .mmas-featured-story-slider {
        min-height: 500px;
    }

    .mmas-featured-story-slide blockquote {
        font-size: 17px;
    }
}

.mmas-featured-story-testimonial::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    right: -180px;
    bottom: -160px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 50%;
}

.mmas-featured-story-testimonial::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -120px;
    bottom: -100px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 50%;
}

.mmas-featured-story-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.mmas-featured-story-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: rgba(255,255,255,0.72);
}

.mmas-featured-story-label-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6EA8FF;
    box-shadow: 0 0 0 5px rgba(110,168,255,0.12);
}

.mmas-featured-story-stars {
    font-size: 13px;
    letter-spacing: 3px;
    color: #FFD36A;
}

.mmas-featured-story-quote-mark {
    position: relative;
    z-index: 2;
    margin-top: 40px;
    font-family: Georgia, serif;
    font-size: 95px;
    line-height: 0.5;
    color: rgba(255,255,255,0.12);
}

.mmas-featured-story-testimonial blockquote {
    position: relative;
    z-index: 2;
    margin: 10px 0 25px;
    max-width: 500px;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #ffffff;
}

.mmas-featured-story-client {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.mmas-featured-story-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient( 135deg, #1265F5, #A900D9 );
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.mmas-featured-story-client-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .mmas-featured-story-client-info strong {
        font-size: 15px;
        font-weight: 750;
        color: #ffffff;
    }

    .mmas-featured-story-client-info span {
        font-size: 12px;
        color: rgba(255,255,255,0.68);
    }

    .mmas-featured-story-client-info small {
        font-size: 11px;
        color: rgba(255,255,255,0.46);
    }

.mmas-featured-story-verified {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 10px;
    color: rgba(255,255,255,0.62);
    white-space: nowrap;
}

    .mmas-featured-story-verified span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #4D9EFF;
        color: #ffffff;
        font-size: 10px;
        font-weight: 800;
    }

.mmas-featured-story-results {
    padding: 25px 35px 25px;
    background: #ffffff;
}

.mmas-featured-story-results-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #6655F5;
}

.mmas-featured-story-results-header h3 {
    max-width: 627px;
    margin: 0;
    font-size: 29px;
    line-height: 1.25;
    letter-spacing: -1.5px;
    color: #111827;
}

    .mmas-featured-story-results-header h3 strong {
        color: #5128E8;
    }

.mmas-featured-story-results-header p {
    max-width: 600px;
    margin: 10px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

.mmas-featured-story-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.mmas-featured-story-metric {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 17px 13px;
    border: 1px solid #ECEEF4;
    border-radius: 15px;
    background: #FAFBFD;
    transition: all 0.25s ease;
}

    .mmas-featured-story-metric:hover {
        transform: translateY(-3px);
        border-color: rgba(102,85,245,0.20);
        box-shadow: 0 10px 25px rgba(17,27,64,0.06);
    }

.mmas-featured-story-metric-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(102,85,245,0.09);
    color: #6655F5;
}

    .mmas-featured-story-metric-icon svg {
        width: 18px;
        height: 18px;
    }

.mmas-featured-story-metric div:last-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mmas-featured-story-metric strong {
    font-size: 19px;
    line-height: 1;
    color: #111827;
}

.mmas-featured-story-metric span {
    font-size: 10px;
    line-height: 1.3;
    color: #7B8496;
}

.mmas-featured-story-dashboard {
    margin-top: 20px;
    padding: 15px 25px 15px;
    border: 1px solid #E9EBF2;
    border-radius: 18px;
    background: #FBFCFE;
}

.mmas-featured-story-dashboard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

    .mmas-featured-story-dashboard-head > div:first-child {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .mmas-featured-story-dashboard-head span {
        font-size: 11px;
        color: #7B8496;
    }

    .mmas-featured-story-dashboard-head strong {
        font-size: 18px;
        color: #111827;
    }

.mmas-featured-story-dashboard-period {
    padding: 7px 10px;
    border: 1px solid #E7E9F0;
    border-radius: 8px;
    background: #ffffff;
    font-size: 10px;
    color: #7B8496;
}

.mmas-featured-story-chart {
    position: relative;
    height: 100px;
    margin-top: 15px;
}

.mmas-featured-story-chart-grid {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .mmas-featured-story-chart-grid span {
        display: block;
        width: 100%;
        height: 1px;
        background: #ECEEF3;
    }

.mmas-featured-story-chart-line {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mmas-featured-story-chart-point {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #5128E8;
    box-shadow: 0 0 0 4px rgba(81,40,232,0.10);
}

    .mmas-featured-story-chart-point.point-one {
        left: 34%;
        top: 57%;
    }

    .mmas-featured-story-chart-point.point-two {
        left: 50%;
        top: 52%;
    }

    .mmas-featured-story-chart-point.point-three {
        left: 65%;
        top: 41%;
    }

    .mmas-featured-story-chart-point.point-four {
        right: 0;
        top: 10%;
    }

.mmas-featured-story-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    color: #5128E8;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition: gap 0.25s ease;
}

    .mmas-featured-story-link:hover {
        gap: 14px;
    }

    .mmas-featured-story-link span {
        font-size: 18px;
        line-height: 1;
    }

.mmas-featured-story-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 28px;
}

    .mmas-featured-story-bottom > div {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 14px 10px;
        color: #697386;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
    }

.mmas-featured-story-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(18,101,245,0.09);
    color: #1265F5;
    font-size: 10px;
    font-weight: 800;
}

@media (max-width: 1100px) {

    .mmas-featured-story-card {
        grid-template-columns: 1fr 1fr;
    }

    .mmas-featured-story-testimonial {
        padding: 45px 38px;
    }

    .mmas-featured-story-results {
        padding: 45px 38px 40px;
    }

    .mmas-featured-story-testimonial blockquote {
        font-size: 22px;
    }

    .mmas-featured-story-metrics {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 900px) {

    .mmas-featured-story {
        padding: 90px 20px;
    }

    .mmas-featured-story-card {
        grid-template-columns: 1fr;
    }

    .mmas-featured-story-testimonial {
        min-height: 500px;
    }

    .mmas-featured-story-results {
        padding: 45px 40px;
    }

    .mmas-featured-story-metrics {
        grid-template-columns: repeat(3, 1fr);
    }

    .mmas-featured-story-bottom {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 767px) {

    .mmas-featured-story {
        padding: 25px 15px;
    }

    .mmas-featured-story-heading {
        margin-bottom: 38px;
    }

        .mmas-featured-story-heading h2 {
            font-size: 34px;
            letter-spacing: -1.1px;
        }

        .mmas-featured-story-heading p {
            font-size: 14px;
        }

    .mmas-featured-story-card {
        border-radius: 22px;
    }

    .mmas-featured-story-testimonial {
        padding: 40px 27px;
        min-height: auto;
    }

    .mmas-featured-story-quote-mark {
        margin-top: 25px;
        font-size: 85px;
    }

    .mmas-featured-story-testimonial blockquote {
        margin: 10px 0 10px;
        font-size: 15px;
        line-height: 1.5;
    }

    .mmas-featured-story-client {
        flex-wrap: wrap;
    }

    .mmas-featured-story-verified {
        width: 100%;
       
    }

    .mmas-featured-story-results {
        padding: 38px 27px;
    }

    .mmas-featured-story-results-header h3 {
        font-size: 25px;
    }

    .mmas-featured-story-metrics {
        grid-template-columns: 1fr;
    }

    .mmas-featured-story-dashboard {
        padding: 18px 15px 12px;
    }

    .mmas-featured-story-bottom {
        grid-template-columns: 1fr 1fr;
        gap: 4px;
    }
}


@media (max-width: 480px) {

    .mmas-featured-story-heading h2 {
        font-size: 24px;
        text-align: left;
    }

    .mmas-featured-story-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .mmas-featured-story-testimonial {
        padding: 18px 18px;
    }

    .mmas-featured-story-results {
        padding: 34px 20px;
    }

    .mmas-featured-story-results-header h3 {
        font-size: 23px;
    }

    .mmas-featured-story-dashboard-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mmas-featured-story-dashboard-period {
        align-self: flex-start;
    }

    .mmas-featured-story-bottom {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 380px) {

    .mmas-featured-story-heading h2 {
        font-size: 27px;
    }

    .mmas-featured-story-testimonial blockquote {
        font-size: 18px;
    }

    .mmas-featured-story-client-info strong {
        font-size: 14px;
    }
}


.mmas-client-voices {
    position: relative;
    width: 100%;
    padding: 50px 20px;
    background: #F8F9FC;
    overflow: hidden;
}

    .mmas-client-voices::before {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        top: -260px;
        left: -240px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(18,101,245,0.07) 0%, rgba(81,40,232,0.035) 42%, transparent 72% );
        pointer-events: none;
    }

    .mmas-client-voices::after {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        right: -250px;
        bottom: -250px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(169,0,217,0.06) 0%, transparent 70% );
        pointer-events: none;
    }

.mmas-client-voices-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.mmas-client-voices-heading {
    max-width: 760px;
    margin: 0 auto 28px;
    text-align: center;
}


.mmas-client-voices-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
    color: #6655F5;
}

    .mmas-client-voices-eyebrow span {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #6655F5;
        box-shadow: 0 0 0 5px rgba(102,85,245,0.10);
    }

.mmas-client-voices-heading h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(30px,4vw,35px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}


    .mmas-client-voices-heading h2 span {
        background: linear-gradient( 90deg, #1265F5 0%, #5128E8 45%, #A900D9 75%, #EE1E5A 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.mmas-client-voices-heading p {
    max-width: 750px;
    margin: 8px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}

.mmas-client-voices-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}

.mmas-client-voice-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 280px;
    padding: 20px;
    border: 1px solid #E6E9F0;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(17,27,64,0.045);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}


    .mmas-client-voice-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 30px;
        right: 30px;
        height: 2px;
        background: linear-gradient( 90deg, #1265F5, #5128E8, #A900D9 );
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .mmas-client-voice-card:hover {
        transform: translateY(-7px);
        border-color: rgba(102,85,245,0.18);
        box-shadow: 0 22px 55px rgba(17,27,64,0.10);
    }


        .mmas-client-voice-card:hover::before {
            opacity: 1;
        }

.mmas-client-voice-card-featured {
    border-color: rgba(102,85,245,0.18);
    box-shadow: 0 18px 45px rgba(81,40,232,0.08);
}

.mmas-client-voice-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5px;
}


.mmas-client-voice-stars {
    font-size: 13px;
    letter-spacing: 3px;
    color: #F4B740;
}


.mmas-client-voice-quote {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 12px;
    background: linear-gradient( 135deg, rgba(18,101,245,0.09), rgba(169,0,217,0.09) );
    color: #6655F5;
    font-family: Georgia,serif;
    font-size: 29px;
    line-height: 1;
}

.mmas-client-voice-text {
    flex: 1;
    margin: 0;
    color: #465064;
    font-size: 15px;
    line-height: 1.8;
}

.mmas-client-voice-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #EEF0F4;
}
.mmas-client-voice-profile {
    display: flex;
    align-items: center;
    gap: 11px;
}


.mmas-client-voice-avatar {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient( 135deg, #1265F5, #6655F5 );
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}


.mmas-client-voice-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


    .mmas-client-voice-info strong {
        color: #172033;
        font-size: 13px;
        font-weight: 750;
    }


    .mmas-client-voice-info span {
        color: #8991A1;
        font-size: 11px;
    }


.mmas-client-voice-industry {
    flex-shrink: 0;
    padding: 7px 10px;
    border: 1px solid #E8EAF0;
    border-radius: 20px;
    background: #FAFBFD;
    color: #737C8D;
    font-size: 10px;
    font-weight: 650;
}

.mmas-client-voices-bottom {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 45px;
}


.mmas-client-voices-bottom-line {
    flex: 1;
    height: 1px;
    background: #E1E4EA;
}


.mmas-client-voices-bottom span {
    flex-shrink: 0;
    color: #8A92A2;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
}

@media (max-width: 1050px) {

    .mmas-client-voice-card {
        padding: 25px;
    }

    .mmas-client-voice-text {
        font-size: 14px;
    }
}


@media (max-width: 900px) {

    .mmas-client-voices {
        padding: 90px 20px;
    }

    .mmas-client-voices-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .mmas-client-voice-card:last-child {
        grid-column: span 2;
    }
}


@media (max-width: 767px) {

    .mmas-client-voices {
        padding: 30px 15px;
    }

    .mmas-client-voices-heading {
        margin-bottom: 38px;
    }

        .mmas-client-voices-heading h2 {
            font-size: 34px;
            letter-spacing: -1.1px;
        }

        .mmas-client-voices-heading p {
            font-size: 14px;
        }

    .mmas-client-voices-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mmas-client-voice-card:last-child {
        grid-column: auto;
    }

    .mmas-client-voice-card {
        min-height: 300px;
        padding: 25px;
    }
}


@media (max-width: 480px) {

    .mmas-client-voices-heading h2 {
        font-size: 25px;
        text-align: left;
    }

    .mmas-client-voice-card {
        padding: 12px;
        border-radius: 18px;
    }

    .mmas-client-voice-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .mmas-client-voice-industry {
        align-self: flex-start;
    }

    .mmas-client-voices-bottom {
        gap: 10px;
    }

    .mmas-client-voices-bottom-line {
        display: none;
    }

    .mmas-client-voices-bottom span {
        width: 100%;
        font-size: 10px;
    }
}


@media (max-width: 380px) {

    .mmas-client-voices-heading h2 {
        font-size: 27px;
    }

    .mmas-client-voice-text {
        font-size: 13.5px;
    }
}



.mmas-customer-journey {
    position: relative;
    width: 100%;
    padding: 50px 20px;
    background: #ffffff;
    overflow: hidden;
}

    .mmas-customer-journey::before {
        content: "";
        position: absolute;
        width: 620px;
        height: 620px;
        top: -310px;
        right: -250px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(81,40,232,0.07) 0%, rgba(169,0,217,0.035) 40%, transparent 72% );
        pointer-events: none;
    }


    .mmas-customer-journey::after {
        content: "";
        position: absolute;
        width: 450px;
        height: 450px;
        left: -250px;
        bottom: -250px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(18,101,245,0.055) 0%, transparent 70% );
        pointer-events: none;
    }

.mmas-customer-journey-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.mmas-customer-journey-heading {
    max-width: 760px;
    margin: 0 auto 28px;
    text-align: center;
}


.mmas-customer-journey-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #6655F5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
}


    .mmas-customer-journey-eyebrow span {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #6655F5;
        box-shadow: 0 0 0 5px rgba(102,85,245,0.10);
    }


.mmas-customer-journey-heading h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(30px,4vw,35px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}


    .mmas-customer-journey-heading h2 span {
        background: linear-gradient( 90deg, #1265F5 0%, #5128E8 45%, #A900D9 75%, #EE1E5A 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


.mmas-customer-journey-heading p {
    max-width: 745px;
    margin: 12px auto 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.75;
}

.mmas-customer-journey-track {
    display: grid;
    grid-template-columns: 1fr 65px 1fr 65px 1fr 65px 1fr;
    align-items: stretch;
}

.mmas-customer-journey-item {
    position: relative;
    padding: 34px 25px 30px;
    border: 1px solid #E7EAF1;
    border-radius: 22px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 12px 35px rgba(17,27,64,0.035);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}


    .mmas-customer-journey-item:hover {
        transform: translateY(-7px);
        border-color: rgba(102,85,245,0.22);
        box-shadow: 0 20px 45px rgba(17,27,64,0.08);
    }

.mmas-customer-journey-number {
    position: absolute;
    top: 16px;
    right: 18px;
    color: #DDE1EA;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mmas-customer-journey-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    background: linear-gradient( 135deg, rgba(18,101,245,0.10), rgba(169,0,217,0.09) );
    color: #6655F5;
}


    .mmas-customer-journey-icon svg {
        width: 27px;
        height: 27px;
    }

.mmas-customer-journey-item h3 {
    margin: 0;
    color: #182033;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 750;
}

.mmas-customer-journey-item p {
    min-height: 65px;
    margin: 8px 0 8px;
    color: #717A8C;
    font-size: 13px;
    line-height: 1.7;
}

.mmas-customer-journey-tag {
    display: inline-flex;
    padding: 7px 11px;
    border: 1px solid #E5E7EF;
    border-radius: 20px;
    background: #FAFBFD;
    color: #727B8C;
    font-size: 10px;
    font-weight: 700;
}

.mmas-customer-journey-connector {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


    .mmas-customer-journey-connector::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient( 90deg, transparent, #D8DCE6, transparent );
    }

    .mmas-customer-journey-connector span {
        position: relative;
        z-index: 2;
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #E1E4EC;
        border-radius: 50%;
        background: #ffffff;
    }


        .mmas-customer-journey-connector span::after {
            content: "→";
            color: #6655F5;
            font-size: 13px;
            font-weight: 700;
        }

.mmas-customer-journey-highlight {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 20px;
    padding: 14px 25px;
    border: 1px solid rgba(102,85,245,0.14);
    border-radius: 18px;
    background: linear-gradient( 100deg, rgba(18,101,245,0.045), rgba(102,85,245,0.055), rgba(169,0,217,0.04) );
}


.mmas-customer-journey-highlight-icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #ffffff;
    color: #6655F5;
    box-shadow: 0 7px 20px rgba(17,27,64,0.06);
}


    .mmas-customer-journey-highlight-icon svg {
        width: 22px;
        height: 22px;
    }


.mmas-customer-journey-highlight-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}


    .mmas-customer-journey-highlight-content span {
        color: #6655F5;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }


    .mmas-customer-journey-highlight-content strong {
        color: #20283A;
        font-size: 14px;
        font-weight: 700;
    }


.mmas-customer-journey-highlight-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #5128E8;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: gap 0.25s ease;
}


    .mmas-customer-journey-highlight-link:hover {
        gap: 13px;
    }


    .mmas-customer-journey-highlight-link span {
        font-size: 17px;
        line-height: 1;
    }

@media (max-width: 1100px) {

    .mmas-customer-journey-track {
        grid-template-columns: 1fr 35px 1fr 35px 1fr 35px 1fr;
    }

    .mmas-customer-journey-item {
        padding: 30px 17px 25px;
    }

        .mmas-customer-journey-item p {
            font-size: 12px;
        }
}


@media (max-width: 900px) {

    .mmas-customer-journey {
        padding: 90px 20px;
    }

    .mmas-customer-journey-track {
        grid-template-columns: 1fr 35px 1fr;
        row-gap: 20px;
    }

        .mmas-customer-journey-track
        .mmas-customer-journey-item:nth-of-type(5) {
            grid-column: 1 / 2;
        }

        .mmas-customer-journey-track
        .mmas-customer-journey-item:nth-of-type(7) {
            grid-column: 3 / 4;
        }
}


@media (max-width: 767px) {

    .mmas-customer-journey {
        padding: 30px 15px;
    }

    .mmas-customer-journey-heading {
        margin-bottom: 40px;
    }

        .mmas-customer-journey-heading h2 {
            font-size: 34px;
        }

        .mmas-customer-journey-heading p {
            font-size: 14px;
        }

    .mmas-customer-journey-track {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .mmas-customer-journey-item {
        width: 100%;
        padding: 30px 25px;
    }

        .mmas-customer-journey-item p {
            min-height: auto;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }

    .mmas-customer-journey-connector {
        width: 100%;
        height: 45px;
    }

        .mmas-customer-journey-connector::before {
            top: 0;
            bottom: 0;
            left: 50%;
            right: auto;
            width: 1px;
            height: auto;
            background: linear-gradient( 180deg, transparent, #D8DCE6, transparent );
        }

        .mmas-customer-journey-connector span::after {
            content: "↓";
        }

    .mmas-customer-journey-highlight {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 20px;
    }

    .mmas-customer-journey-highlight-content {
        min-width: calc(100% - 65px);
    }

    .mmas-customer-journey-highlight-link {
        margin-left: 63px;
    }
}


@media (max-width: 480px) {

    .mmas-customer-journey-heading h2 {
        font-size: 25px;
        text-align: left;
    }

    .mmas-customer-journey-item {
        padding: 14px 20px;
    }

    .mmas-customer-journey-highlight {
        gap: 13px;
    }

    .mmas-customer-journey-highlight-content strong {
        font-size: 13px;
    }

    .mmas-customer-journey-highlight-link {
        margin-left: 58px;
    }
}


@media (max-width: 380px) {

    .mmas-customer-journey-heading h2 {
        font-size: 27px;
    }
}


/*---------------*/
.mmas-transformation {
    position: relative;
    padding: 50px 20px 50px;
    background: #F8F9FC;
    overflow: hidden;
}

    .mmas-transformation::before {
        content: "";
        position: absolute;
        width: 650px;
        height: 650px;
        top: -330px;
        left: -280px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(18, 101, 245, 0.075) 0%, rgba(18, 101, 245, 0.025) 42%, transparent 72% );
        pointer-events: none;
    }

    .mmas-transformation::after {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        right: -300px;
        bottom: -330px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(102, 85, 245, 0.08) 0%, rgba(102, 85, 245, 0.025) 45%, transparent 72% );
        pointer-events: none;
    }

.mmas-transformation-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.mmas-transformation-heading {
    max-width: 860px;
    margin: 0 auto 28px;
    text-align: center;
}

.mmas-transformation-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #6655F5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mmas-transformation-eyebrow-line {
    width: 27px;
    height: 2px;
    border-radius: 10px;
    background: #6655F5;
}

.mmas-transformation-heading h2 {
    margin: 0;
    color: #111B40;
    font-size: clamp(30px, 4vw, 35px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

    .mmas-transformation-heading h2 span {
        display: inline-block;
        background: linear-gradient( 90deg, #1265F5 0%, #6655F5 52%, #A900D9 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.mmas-transformation-heading p {
    max-width: 767px;
    margin: 10px auto 0;
    color: #69728A;
    font-size: 15px;
    line-height: 1.75;
}

.mmas-transformation-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 123px minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
}

.mmas-transformation-panel {
    position: relative;
    padding: 38px;
    border-radius: 24px;
    overflow: hidden;
}

.mmas-transformation-before {
    border: 1px solid #E2E5EC;
    background: #ffffff;
}

.mmas-transformation-after {
    border: 1px solid rgba(102,85,245,0.16);
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(102,85,245,0.09);
}

    .mmas-transformation-before::before,
    .mmas-transformation-after::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
    }

.mmas-transformation-before::before {
    background: #CBD0DA;
}

.mmas-transformation-after::before {
    background: linear-gradient( 90deg, #1265F5, #6655F5, #A900D9 );
}

.mmas-transformation-panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.mmas-transformation-panel-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #667087;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mmas-transformation-after
.mmas-transformation-panel-label {
    color: #6655F5;
}

.mmas-transformation-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #A9AFBC;
}

.mmas-transformation-after
.mmas-transformation-status-dot {
    background: #6655F5;
    box-shadow: 0 0 0 4px rgba(102,85,245,0.09);
}

.mmas-transformation-panel-number {
    color: #D4D8E1;
    font-size: 11px;
    font-weight: 800;
}

.mmas-transformation-panel-title h3 {
    margin: 0;
    color: #111B40;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.8px;
}

    .mmas-transformation-panel-title h3 span {
        color: #747C8E;
    }

.mmas-transformation-after
.mmas-transformation-panel-title h3 span {
    color: #6655F5;
}

.mmas-transformation-panel-title p {
    min-height: 50px;
    margin: 12px 0 25px;
    color: #737C90;
    font-size: 13px;
    line-height: 1.7;
}

.mmas-transformation-dashboard {
    position: relative;
    min-height: 220px;
    margin-bottom: 27px;
    padding: 21px;
    border-radius: 15px;
    overflow: hidden;
}

.mmas-transformation-dashboard-before {
    border: 1px solid #E9EBEF;
    background: #F7F8FA;
}

.mmas-transformation-dashboard-after {
    border: 1px solid #E8E5FA;
    background: #F9F8FE;
}

.mmas-transformation-dashboard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(17,27,64,0.07);
}

    .mmas-transformation-dashboard-head > span:first-child {
        color: #313A53;
        font-size: 11px;
        font-weight: 800;
    }

.mmas-transformation-dashboard-badge {
    padding: 5px 8px;
    border-radius: 5px;
    color: #858C9C;
    background: #EDEFF3;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.mmas-transformation-dashboard-after
.mmas-transformation-dashboard-badge {
    color: #6655F5;
    background: #ECEAFF;
}

.mmas-transformation-chaos-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 17px;
}

.mmas-transformation-chaos-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid #E5E7EB;
    border-radius: 9px;
    background: #ffffff;
}

.mmas-transformation-chaos-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 7px;
    color: #8A909D;
    background: #F0F1F4;
    font-size: 12px;
    font-weight: 800;
}

.mmas-transformation-chaos-item strong {
    display: block;
    color: #555D6E;
    font-size: 9px;
}

.mmas-transformation-chaos-item small {
    display: block;
    margin-top: 3px;
    color: #9CA2AF;
    font-size: 7px;
}

.mmas-transformation-chaos-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
}

.mmas-transformation-chaos-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .mmas-transformation-chaos-line span {
        width: 23px;
        height: 23px;
        border-radius: 6px;
        background: #E6E8EC;
    }

    .mmas-transformation-chaos-line div {
        flex: 1;
        height: 7px;
        border-radius: 10px;
        background: #E2E5EA;
    }

    .mmas-transformation-chaos-line em {
        width: 38px;
        height: 7px;
        border-radius: 10px;
        background: #D9DCE2;
    }

.mmas-transformation-progress {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 18px;
}

.mmas-transformation-progress-item {
    width: 100%;
}

.mmas-transformation-progress-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

    .mmas-transformation-progress-top span {
        color: #596278;
        font-size: 9px;
        font-weight: 700;
    }

    .mmas-transformation-progress-top strong {
        color: #6655F5;
        font-size: 9px;
        font-weight: 800;
    }

.mmas-transformation-progress-bar {
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 10px;
    background: #E9E8F3;
}

    .mmas-transformation-progress-bar span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient( 90deg, #1265F5, #6655F5 );
    }

.mmas-transformation-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 18px;
}

    .mmas-transformation-mini-stats > div {
        padding: 10px 8px;
        border: 1px solid #E9E6F8;
        border-radius: 8px;
        background: #ffffff;
        text-align: center;
    }

    .mmas-transformation-mini-stats strong {
        display: block;
        color: #6655F5;
        font-size: 13px;
        font-weight: 800;
    }

    .mmas-transformation-mini-stats small {
        display: block;
        margin-top: 2px;
        color: #8B91A3;
        font-size: 7px;
    }

.mmas-transformation-points {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mmas-transformation-point {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #626B7F;
    font-size: 11px;
    line-height: 1.4;
}

.mmas-transformation-cross,
.mmas-transformation-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
}

.mmas-transformation-cross {
    color: #969DAA;
    background: #F0F1F4;
}

.mmas-transformation-check {
    color: #6655F5;
    background: #EEECFF;
}

.mmas-transformation-center {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.mmas-transformation-center-line {
    width: 1px;
    flex: 1;
    min-height: 40px;
    background: linear-gradient( to bottom, transparent, #D7DAE5, transparent );
}

.mmas-transformation-center-badge {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 76px;
    border: 1px solid rgba(102,85,245,0.18);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(17,27,64,0.09);
}

.mmas-transformation-center-arrow {
    color: #6655F5;
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
}

.mmas-transformation-center-badge strong {
    margin-top: 5px;
    color: #69728A;
    font-size: 12px;
    letter-spacing: 1px;
}

.mmas-transformation-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 25px;
}

.mmas-transformation-metric {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 21px;
    border: 1px solid #E8EAF1;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(17,27,64,0.035);
}

.mmas-transformation-metric-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 11px;
    color: #6655F5;
    background: #F0EEFF;
}

    .mmas-transformation-metric-icon svg {
        width: 21px;
        height: 21px;
    }

.mmas-transformation-metric strong {
    display: block;
    color: #111B40;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 800;
}

.mmas-transformation-metric span {
    display: block;
    margin-top: 4px;
    color: #7A8295;
    font-size: 12px;
}

.mmas-transformation-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.mmas-transformation-bottom-icon {
    color: #6655F5;
    font-size: 18px;
}

.mmas-transformation-bottom p {
    margin: 0;
    color: #606A80;
    font-size: 13px;
    font-weight: 650;
}

@media (max-width: 991px) {

    .mmas-transformation {
        padding: 90px 20px;
    }

    .mmas-transformation-comparison {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .mmas-transformation-center {
        flex-direction: row;
        height: 70px;
    }

    .mmas-transformation-center-line {
        width: auto;
        height: 1px;
        min-height: 0;
        flex: 1;
        background: linear-gradient( to right, transparent, #D7DAE5, transparent );
    }

    .mmas-transformation-center-badge {
        width: 140px;
        height: 52px;
        flex-direction: row;
        gap: 5px;
    }

    .mmas-transformation-center-arrow {
        font-size: 21px;
    }

    .mmas-transformation-center-badge strong {
        margin-top: 0;
    }

    .mmas-transformation-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    .mmas-transformation {
        padding: 30px 16px 30px;
    }

    .mmas-transformation-heading {
        margin-bottom: 42px;
    }

        .mmas-transformation-heading h2 {
            font-size: 34px;
            letter-spacing: -1.2px;
        }

        .mmas-transformation-heading p {
            font-size: 14px;
        }

    .mmas-transformation-panel {
        padding: 28px 22px;
        border-radius: 20px;
    }

    .mmas-transformation-panel-title h3 {
        font-size: 24px;
    }

    .mmas-transformation-dashboard {
        min-height: 210px;
        padding: 17px;
    }

    .mmas-transformation-chaos-row {
        grid-template-columns: 1fr;
    }

    .mmas-transformation-metrics {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .mmas-transformation-metric {
        padding: 18px;
    }

    .mmas-transformation-bottom {
        align-items: flex-start;
        text-align: center;
    }

        .mmas-transformation-bottom p {
            font-size: 12px;
        }
}

@media (max-width: 480px) {

    .mmas-transformation-heading h2 {
        font-size: 25px;
    }

    .mmas-transformation-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .mmas-transformation-panel {
        padding: 24px 18px;
    }

    .mmas-transformation-panel-title p {
        font-size: 12px;
    }

    .mmas-transformation-dashboard {
        padding: 14px;
    }

    .mmas-transformation-chaos-item {
        padding: 9px;
    }

    .mmas-transformation-mini-stats {
        gap: 5px;
    }

        .mmas-transformation-mini-stats > div {
            padding: 8px 4px;
        }

        .mmas-transformation-mini-stats strong {
            font-size: 11px;
        }

        .mmas-transformation-mini-stats small {
            font-size: 6px;
        }
}
/*-----------*/

.mmas-success-metrics {
    position: relative;
    padding: 110px 20px 95px;
    overflow: hidden;
    background: radial-gradient( circle at 8% 45%, rgba(18,101,245,0.055), transparent 32% ), radial-gradient( circle at 92% 15%, rgba(102,85,245,0.07), transparent 30% ), #ffffff;
}

.mmas-success-metrics-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.mmas-success-metrics-heading {
    max-width: 760px;
    margin: 0 auto 58px;
    text-align: center;
}

.mmas-success-metrics-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: #6655F5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

    .mmas-success-metrics-eyebrow > span {
        width: 25px;
        height: 2px;
        border-radius: 10px;
        background: #6655F5;
    }

.mmas-success-metrics-heading h2 {
    margin: 0;
    color: #111B40;
    font-size: clamp(34px, 4vw, 51px);
    line-height: 1.13;
    font-weight: 800;
    letter-spacing: -1.7px;
}

    .mmas-success-metrics-heading h2 span {
        display: inline-block;
        background: linear-gradient( 90deg, #1265F5, #6655F5 55%, #A900D9 );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.mmas-success-metrics-heading p {
    max-width: 680px;
    margin: 20px auto 0;
    color: #6F788D;
    font-size: 15px;
    line-height: 1.8;
}

.mmas-success-metrics-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 65px;
}

.mmas-success-metrics-intro-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    padding: 8px 12px;
    border: 1px solid #E8E5FF;
    border-radius: 8px;
    color: #6655F5;
    background: rgba(255,255,255,0.8);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.mmas-success-metrics-tag-icon {
    font-size: 13px;
}

.mmas-success-metrics-intro h3 {
    margin: 0;
    color: #111B40;
    font-size: clamp(31px, 3.1vw, 42px);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -1.2px;
}

    .mmas-success-metrics-intro h3 span {
        color: #6655F5;
    }

.mmas-success-metrics-intro > p {
    margin: 20px 0 27px;
    color: #727B8F;
    font-size: 14px;
    line-height: 1.85;
}

.mmas-success-metrics-benefits {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.mmas-success-metrics-benefit {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.mmas-success-metrics-benefit-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    margin-top: 1px;
    border-radius: 50%;
    color: #6655F5;
    background: #EFEDFF;
    font-size: 12px;
    font-weight: 900;
}

.mmas-success-metrics-benefit strong {
    display: block;
    color: #202A47;
    font-size: 13px;
    font-weight: 800;
}

.mmas-success-metrics-benefit small {
    display: block;
    margin-top: 5px;
    color: #80889A;
    font-size: 11px;
    line-height: 1.6;
}

.mmas-success-metrics-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 31px;
    padding: 14px 20px;
    border: 1px solid #6655F5;
    border-radius: 9px;
    color: #ffffff;
    background: #6655F5;
    box-shadow: 0 9px 22px rgba(102,85,245,0.18);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: background .25s ease, transform .25s ease;
}

    .mmas-success-metrics-cta:hover {
        color: #ffffff;
        background: #5140DE;
        transform: translateY(-2px);
    }

    .mmas-success-metrics-cta span {
        font-size: 17px;
        line-height: 1;
    }

.mmas-success-metrics-dashboard {
    padding: 27px;
    border: 1px solid #E8EAF3;
    border-radius: 23px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 25px 70px rgba(17,27,64,0.075), 0 3px 10px rgba(17,27,64,0.025);
}

.mmas-success-metrics-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 23px;
    border-bottom: 1px solid #ECEEF4;
}

.mmas-success-metrics-dashboard-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mmas-success-metrics-dashboard-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border: 1px solid #E8E5FF;
    border-radius: 12px;
    color: #6655F5;
    background: #F5F3FF;
}

    .mmas-success-metrics-dashboard-icon svg {
        width: 20px;
        height: 20px;
    }

.mmas-success-metrics-dashboard-title strong {
    display: block;
    color: #172140;
    font-size: 14px;
    font-weight: 800;
}

.mmas-success-metrics-dashboard-title span {
    display: block;
    margin-top: 4px;
    color: #8991A3;
    font-size: 10px;
}

.mmas-success-metrics-period {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid #EAEAF2;
    border-radius: 7px;
    color: #727B8E;
    background: #FBFBFD;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

    .mmas-success-metrics-period span {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #9A8CFB;
    }

.mmas-success-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding-top: 22px;
}

.mmas-success-metrics-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid #ECEEF4;
    border-radius: 14px;
    background: #ffffff;
    transition: border-color .25s ease, box-shadow .25s ease;
}

    .mmas-success-metrics-card:hover {
        border-color: #DCD6FF;
        box-shadow: 0 10px 25px rgba(102,85,245,0.06);
    }

.mmas-success-metrics-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mmas-success-metrics-card-label {
    color: #717A8F;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
}

.mmas-success-metrics-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
}

    .mmas-success-metrics-card-icon svg {
        width: 18px;
        height: 18px;
    }

.mmas-success-metrics-icon-purple {
    color: #6655F5;
    background: #F0EEFF;
}

.mmas-success-metrics-icon-blue {
    color: #2878E8;
    background: #EAF3FF;
}

.mmas-success-metrics-icon-orange {
    color: #D88B2B;
    background: #FFF4E6;
}

.mmas-success-metrics-icon-green {
    color: #289C78;
    background: #E8F8F1;
}

.mmas-success-metrics-card-value {
    margin-top: 17px;
    color: #111B40;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1.1px;
}

    .mmas-success-metrics-card-value small {
        margin-left: 2px;
        font-size: 19px;
        font-weight: 750;
    }

.mmas-success-metrics-card-note {
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 27px;
    margin-top: 10px;
    color: #8991A2;
    font-size: 9px;
    line-height: 1.5;
}

.mmas-success-metrics-note-arrow {
    color: #6655F5;
    font-size: 13px;
    font-weight: 800;
}

.mmas-success-metrics-card-progress {
    width: 100%;
    height: 5px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 10px;
    background: #F0F1F6;
}

    .mmas-success-metrics-card-progress span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #1265F5, #6655F5);
    }

.mmas-success-metrics-dashboard-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #E8E5FF;
    border-radius: 12px;
    background: linear-gradient( 110deg, #F7F6FF, #FBFAFF );
}

.mmas-success-metrics-footer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    border-radius: 9px;
    color: #6655F5;
    background: #EAE7FF;
}

    .mmas-success-metrics-footer-icon svg {
        width: 17px;
        height: 17px;
    }

.mmas-success-metrics-dashboard-footer strong {
    display: block;
    color: #35305F;
    font-size: 11px;
    font-weight: 800;
}

.mmas-success-metrics-dashboard-footer span {
    display: block;
    margin-top: 4px;
    color: #85819E;
    font-size: 9px;
    line-height: 1.5;
}

.mmas-success-metrics-bottom {
    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
    align-items: center;
    gap: 28px;
    margin-top: 65px;
    padding: 27px 32px;
    border: 1px solid #E9EBF3;
    border-radius: 17px;
    background: rgba(255,255,255,0.85);
}

.mmas-success-metrics-bottom-item {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .mmas-success-metrics-bottom-item > span {
        color: #B4ACF7;
        font-size: 24px;
        font-weight: 800;
        letter-spacing: -1px;
    }

    .mmas-success-metrics-bottom-item strong {
        display: block;
        color: #202A47;
        font-size: 12px;
        font-weight: 800;
    }

    .mmas-success-metrics-bottom-item small {
        display: block;
        margin-top: 5px;
        color: #858DA0;
        font-size: 10px;
    }

.mmas-success-metrics-bottom-divider {
    width: 1px;
    height: 38px;
    background: #E7E9F0;
}

.mmas-success-metrics-disclaimer {
    margin: 17px 0 0;
    color: #9AA1B0;
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 1024px) {

    .mmas-success-metrics-layout {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        gap: 30px;
    }

    .mmas-success-metrics-dashboard {
        padding: 21px;
    }

    .mmas-success-metrics-card {
        padding: 16px;
    }

    .mmas-success-metrics-bottom {
        gap: 18px;
        padding: 24px;
    }
}

@media (max-width: 850px) {

    .mmas-success-metrics {
        padding: 85px 20px;
    }

    .mmas-success-metrics-layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .mmas-success-metrics-intro {
        max-width: 650px;
    }

        .mmas-success-metrics-intro h3 {
            max-width: 560px;
            font-size: 38px;
        }

    .mmas-success-metrics-dashboard {
        width: 100%;
    }

    .mmas-success-metrics-bottom {
        margin-top: 45px;
    }
}

@media (max-width: 600px) {

    .mmas-success-metrics {
        padding: 72px 16px;
    }

    .mmas-success-metrics-heading {
        margin-bottom: 40px;
    }

        .mmas-success-metrics-heading h2 {
            font-size: 33px;
            letter-spacing: -1.1px;
        }

        .mmas-success-metrics-heading p {
            font-size: 13px;
            line-height: 1.75;
        }

    .mmas-success-metrics-intro h3 {
        font-size: 31px;
    }

    .mmas-success-metrics-intro > p {
        font-size: 13px;
    }

    .mmas-success-metrics-dashboard {
        padding: 16px;
        border-radius: 18px;
    }

    .mmas-success-metrics-dashboard-header {
        align-items: flex-start;
    }

    .mmas-success-metrics-dashboard-title {
        gap: 9px;
    }

    .mmas-success-metrics-dashboard-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .mmas-success-metrics-dashboard-title strong {
        font-size: 12px;
    }

    .mmas-success-metrics-dashboard-title span {
        max-width: 150px;
        font-size: 9px;
        line-height: 1.5;
    }

    .mmas-success-metrics-period {
        padding: 6px;
        font-size: 8px;
    }

    .mmas-success-metrics-grid {
        gap: 10px;
    }

    .mmas-success-metrics-card {
        padding: 13px;
        border-radius: 11px;
    }

    .mmas-success-metrics-card-label {
        font-size: 9px;
    }

    .mmas-success-metrics-card-icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 8px;
    }

        .mmas-success-metrics-card-icon svg {
            width: 16px;
            height: 16px;
        }

    .mmas-success-metrics-card-value {
        font-size: 29px;
    }

        .mmas-success-metrics-card-value small {
            font-size: 16px;
        }

    .mmas-success-metrics-card-note {
        font-size: 8px;
    }

    .mmas-success-metrics-dashboard-footer {
        padding: 12px;
    }

        .mmas-success-metrics-dashboard-footer strong {
            font-size: 10px;
        }

        .mmas-success-metrics-dashboard-footer span {
            font-size: 8px;
        }

    .mmas-success-metrics-bottom {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 22px;
    }

    .mmas-success-metrics-bottom-divider {
        width: 100%;
        height: 1px;
    }

    .mmas-success-metrics-bottom-item > span {
        font-size: 21px;
    }

    .mmas-success-metrics-disclaimer {
        font-size: 9px;
    }
}

@media (max-width: 380px) {

    .mmas-success-metrics-heading h2 {
        font-size: 29px;
    }

    .mmas-success-metrics-intro h3 {
        font-size: 28px;
    }

    .mmas-success-metrics-dashboard-header {
        flex-direction: column;
    }

    .mmas-success-metrics-grid {
        grid-template-columns: 1fr;
    }

    .mmas-success-metrics-card {
        padding: 17px;
    }

    .mmas-success-metrics-card-value {
        font-size: 32px;
    }
}
/*---------*/
/*.mmas-trusted-logos {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 88px 24px 76px;
    background: #ffffff;
    font-family: inherit;
}

    .mmas-trusted-logos::before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 560px;
        height: 300px;
        top: -160px;
        left: 50%;
        transform: translateX(-50%);
        background: radial-gradient( ellipse, rgba(102, 85, 245, 0.075) 0%, rgba(18, 101, 245, 0.035) 42%, transparent 72% );
        pointer-events: none;
    }

.mmas-trusted-logos-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}*/

/* Heading */

/*.mmas-trusted-logos-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.mmas-trusted-logos-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 19px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.5;
}

.mmas-trusted-logos-eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #6655f5;
    box-shadow: 0 0 0 4px rgba(102, 85, 245, 0.1);
}

.mmas-trusted-logos-heading h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 3.4vw, 44px);
    font-weight: 800;
    letter-spacing: -1.6px;
    line-height: 1.2;
}

    .mmas-trusted-logos-heading h2 span {
        color: #6655f5;
    }

.mmas-trusted-logos-heading p {
    max-width: 630px;
    margin: 17px auto 0;
    color: #70788b;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}

.mmas-trusted-logos-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 18px;
    padding: 30px 0;
    border-top: 1px solid #edf0f6;
    border-bottom: 1px solid #edf0f6;
}

.mmas-trusted-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-width: 0;
    min-height: 72px;
    padding: 14px 10px;
    color: #8a91a2;
    opacity: 0.78;
    filter: grayscale(1);
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}

    .mmas-trusted-logo:hover {
        opacity: 1;
        filter: grayscale(0);
        transform: translateY(-3px);
    }

.mmas-logo-name {
    color: #525b70;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.6px;
    white-space: nowrap;
    line-height: 1.1;
}

.mmas-logo-light {
    font-weight: 500;
    color: #858ca0;
}

.mmas-logo-symbol {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.mmas-logo-symbol-one {
    gap: 3px;
    height: 26px;
}

    .mmas-logo-symbol-one span {
        display: block;
        width: 6px;
        border-radius: 3px;
        background: #6655f5;
    }

        .mmas-logo-symbol-one span:nth-child(1) {
            height: 13px;
        }

        .mmas-logo-symbol-one span:nth-child(2) {
            height: 23px;
        }

        .mmas-logo-symbol-one span:nth-child(3) {
            height: 18px;
        }

.mmas-logo-symbol-two {
    width: 26px;
    height: 26px;
    gap: 3px;
    transform: skew(-20deg);
}

    .mmas-logo-symbol-two span {
        display: block;
        width: 10px;
        height: 23px;
        border-radius: 2px;
        background: #e4a54b;
    }

        .mmas-logo-symbol-two span:last-child {
            height: 16px;
            background: #111b40;
        }

.mmas-logo-symbol-three {
    width: 27px;
    height: 27px;
    border: 3px solid #2c9b83;
    border-radius: 50%;
}

    .mmas-logo-symbol-three span {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2c9b83;
    }

.mmas-logo-symbol-four {
    width: 28px;
    height: 27px;
    gap: 3px;
    align-items: flex-end;
}

    .mmas-logo-symbol-four span {
        display: block;
        width: 11px;
        border-radius: 3px 3px 1px 1px;
        background: #e37c67;
    }

        .mmas-logo-symbol-four span:first-child {
            height: 17px;
        }

        .mmas-logo-symbol-four span:last-child {
            height: 26px;
            background: #111b40;
        }

.mmas-logo-symbol-five {
    width: 27px;
    height: 27px;
    border: 2px solid #5487df;
    border-radius: 50%;
}

    .mmas-logo-symbol-five span {
        position: absolute;
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #5487df;
    }

        .mmas-logo-symbol-five span:nth-child(1) {
            top: -3px;
            left: 8px;
        }

        .mmas-logo-symbol-five span:nth-child(2) {
            right: -3px;
            bottom: 3px;
        }

        .mmas-logo-symbol-five span:nth-child(3) {
            left: -3px;
            bottom: 3px;
        }

.mmas-trusted-logos-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 28px;
}

.mmas-trusted-logos-line {
    width: 100%;
    max-width: 100px;
    height: 1px;
    background: linear-gradient( 90deg, transparent, #dfe3ef );
}

    .mmas-trusted-logos-line:last-child {
        transform: rotate(180deg);
    }

.mmas-trusted-logos-trust-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    color: #737b8f;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}

    .mmas-trusted-logos-trust-text svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

@media (max-width: 991px) {
    .mmas-trusted-logos {
        padding: 72px 24px 64px;
    }

    .mmas-trusted-logos-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .mmas-trusted-logo {
        min-height: 68px;
    }

        .mmas-trusted-logo:nth-child(4) {
            grid-column: 1 / 2;
        }

        .mmas-trusted-logo:nth-child(5) {
            grid-column: 2 / 3;
        }

    .mmas-trusted-logos-heading {
        margin-bottom: 38px;
    }
}

@media (max-width: 767px) {
    .mmas-trusted-logos {
        padding: 60px 20px 54px;
    }

    .mmas-trusted-logos-heading {
        margin-bottom: 30px;
    }

        .mmas-trusted-logos-heading h2 {
            font-size: 32px;
            letter-spacing: -1px;
        }

        .mmas-trusted-logos-heading p {
            margin-top: 13px;
            font-size: 14px;
            line-height: 1.8;
        }

    .mmas-trusted-logos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 20px 0;
    }

    .mmas-trusted-logo {
        gap: 8px;
        min-height: 62px;
        padding: 12px 5px;
    }

        .mmas-trusted-logo:nth-child(4),
        .mmas-trusted-logo:nth-child(5) {
            grid-column: auto;
        }

    .mmas-logo-name {
        font-size: 15px;
        letter-spacing: -0.4px;
    }

    .mmas-logo-symbol-one,
    .mmas-logo-symbol-two,
    .mmas-logo-symbol-three,
    .mmas-logo-symbol-four,
    .mmas-logo-symbol-five {
        transform: scale(0.9);
    }

    .mmas-trusted-logos-bottom {
        gap: 12px;
        margin-top: 24px;
    }

    .mmas-trusted-logos-line {
        max-width: 28px;
    }

    .mmas-trusted-logos-trust-text {
        gap: 7px;
        font-size: 11px;
    }
}

@media (max-width: 380px) {
    .mmas-trusted-logos {
        padding-right: 15px;
        padding-left: 15px;
    }

    .mmas-trusted-logos-heading h2 {
        font-size: 28px;
    }

    .mmas-trusted-logo {
        gap: 6px;
    }

    .mmas-logo-name {
        font-size: 13px;
    }

    .mmas-trusted-logos-line {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mmas-trusted-logo {
        transition: none;
    }
}
.mmas-trusted-logo-img {
    display: block;
    width: 100%;
    max-width: 155px;
    max-height: 48px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.78;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

.mmas-trusted-logo:hover .mmas-trusted-logo-img {
    filter: grayscale(0);
    opacity: 1;
}*/

.mmas-trusted-logos {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 50px 24px 50px;
    background: #ffffff;
    font-family: inherit;
}

.mmas-trusted-logos::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 560px;
    height: 300px;
    top: -160px;
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient( ellipse, rgba(102, 85, 245, 0.075) 0%, rgba(18, 101, 245, 0.035) 42%, transparent 72% );
    pointer-events: none;
}

.mmas-trusted-logos-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}
.mmas-trusted-logos-heading {
    max-width: 760px;
    margin: 0 auto 28px;
    text-align: center;
}

.mmas-trusted-logos-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #6655f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.5;
}

.mmas-trusted-logos-eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #6655f5;
    box-shadow: 0 0 0 4px rgba(102, 85, 245, 0.1);
}

.mmas-trusted-logos-heading h2 {
    margin: 0;
    color: #111b40;
    font-size: clamp(30px, 3.4vw, 35px);
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.2;
}

    .mmas-trusted-logos-heading h2 span {
        color: #6655f5;
    }

.mmas-trusted-logos-heading p {
    max-width: 630px;
    margin: 12px auto 0;
    color: #70788b;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}
.mmas-trusted-logos-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    border-top: 1px solid #e8ebf3;
    border-left: 1px solid #e8ebf3;
}

.mmas-trusted-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-width: 0;
    min-height: 100px;
    padding: 20px 14px;
    border-right: 1px solid #e8ebf3;
    border-bottom: 1px solid #e8ebf3;
    color: #8a91a2;
    opacity: 0.82;
    filter: grayscale(1);
    transition: opacity 0.3s ease, filter 0.3s ease, background 0.3s ease;
}
    .mmas-trusted-logo:hover {
        opacity: 1;
        filter: grayscale(0);
        background: #fafaff;
    }
.mmas-logo-name {
    color: #525b70;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.6px;
    white-space: nowrap;
    line-height: 1.1;
}

.mmas-logo-light {
    font-weight: 500;
    color: #858ca0;
}
.mmas-logo-symbol {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.mmas-logo-symbol-one {
    gap: 3px;
    height: 26px;
}

    .mmas-logo-symbol-one span {
        display: block;
        width: 6px;
        border-radius: 3px;
        background: #6655f5;
    }

        .mmas-logo-symbol-one span:nth-child(1) {
            height: 13px;
        }

        .mmas-logo-symbol-one span:nth-child(2) {
            height: 23px;
        }

        .mmas-logo-symbol-one span:nth-child(3) {
            height: 18px;
        }
.mmas-logo-symbol-two {
    width: 26px;
    height: 26px;
    gap: 3px;
    transform: skew(-20deg);
}

    .mmas-logo-symbol-two span {
        display: block;
        width: 10px;
        height: 23px;
        border-radius: 2px;
        background: #e4a54b;
    }

        .mmas-logo-symbol-two span:last-child {
            height: 16px;
            background: #111b40;
        }
.mmas-logo-symbol-three {
    width: 27px;
    height: 27px;
    border: 3px solid #2c9b83;
    border-radius: 50%;
}

    .mmas-logo-symbol-three span {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2c9b83;
    }
.mmas-logo-symbol-four {
    width: 28px;
    height: 27px;
    gap: 3px;
    align-items: flex-end;
}

    .mmas-logo-symbol-four span {
        display: block;
        width: 11px;
        border-radius: 3px 3px 1px 1px;
        background: #e37c67;
    }

        .mmas-logo-symbol-four span:first-child {
            height: 17px;
        }

        .mmas-logo-symbol-four span:last-child {
            height: 26px;
            background: #111b40;
        }
.mmas-logo-symbol-five {
    width: 27px;
    height: 27px;
    border: 2px solid #5487df;
    border-radius: 50%;
}

    .mmas-logo-symbol-five span {
        position: absolute;
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #5487df;
    }

        .mmas-logo-symbol-five span:nth-child(1) {
            top: -3px;
            left: 8px;
        }

        .mmas-logo-symbol-five span:nth-child(2) {
            right: -3px;
            bottom: 3px;
        }

        .mmas-logo-symbol-five span:nth-child(3) {
            left: -3px;
            bottom: 3px;
        }
.mmas-trusted-logo-img {
    display: block;
    width: 100%;
    max-width: 155px;
    max-height: 48px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.82;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

.mmas-trusted-logo:hover .mmas-trusted-logo-img {
    filter: grayscale(0);
    opacity: 1;
}
.mmas-trusted-logos-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 28px;
}

.mmas-trusted-logos-line {
    width: 100%;
    max-width: 100px;
    height: 1px;
    background: linear-gradient( 90deg, transparent, #dfe3ef );
}

    .mmas-trusted-logos-line:last-child {
        transform: rotate(180deg);
    }

.mmas-trusted-logos-trust-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    color: #737b8f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}

    .mmas-trusted-logos-trust-text svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: #6655f5;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
@media (max-width: 991px) {

    .mmas-trusted-logos {
        padding: 72px 24px 64px;
    }

    .mmas-trusted-logos-heading {
        margin-bottom: 38px;
    }

    .mmas-trusted-logos-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mmas-trusted-logo {
        min-height: 90px;
        padding: 18px 10px;
        gap: 9px;
    }

    .mmas-logo-name {
        font-size: 16px;
    }
}
@media (max-width: 767px) {

    .mmas-trusted-logos {
        padding: 30px 20px 30px;
    }

    .mmas-trusted-logos-heading {
        margin-bottom: 30px;
    }

    .mmas-trusted-logos-eyebrow {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .mmas-trusted-logos-heading h2 {
        font-size: 25px;
        letter-spacing: -1px;
    }

    .mmas-trusted-logos-heading p {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.8;
    }

    .mmas-trusted-logos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mmas-trusted-logo {
        min-height: 78px;
        padding: 14px 8px;
        gap: 7px;
    }

    .mmas-logo-name {
        font-size: 14px;
        letter-spacing: -0.3px;
    }

    .mmas-logo-symbol-one,
    .mmas-logo-symbol-two,
    .mmas-logo-symbol-three,
    .mmas-logo-symbol-four,
    .mmas-logo-symbol-five {
        transform: scale(0.9);
    }

    .mmas-trusted-logo-img {
        max-width: 125px;
        max-height: 40px;
    }

    .mmas-trusted-logos-bottom {
        gap: 12px;
        margin-top: 24px;
    }

    .mmas-trusted-logos-line {
        max-width: 28px;
    }

    .mmas-trusted-logos-trust-text {
        gap: 7px;
        font-size: 11px;
    }
}
@media (max-width: 380px) {

    .mmas-trusted-logos {
        padding: 50px 15px 46px;
    }

    .mmas-trusted-logos-heading h2 {
        font-size: 28px;
    }

    .mmas-trusted-logos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mmas-trusted-logo {
        gap: 5px;
        padding: 12px 5px;
        min-height: 70px;
    }

    .mmas-logo-name {
        font-size: 12px;
    }

    .mmas-trusted-logo-img {
        max-width: 105px;
        max-height: 34px;
    }

    .mmas-trusted-logos-line {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {

    .mmas-trusted-logo,
    .mmas-trusted-logo-img {
        transition: none;
    }
}
/*Testimonial Page End*/