/*==========================================================
SECTION DEFAULT
==========================================================*/

.mm-section,
.mm-why,
.mm-courses,
.mm-tutors,
.mm-process,
.mm-success,
.mm-resources,
.mm-testimonials,
.mm-blogs,
.mm-faq,
.mm-home-cta {
    position: relative;
    padding: clamp(2.5rem, 5vw, 5rem) 0;
}

.mm-section-header {
    max-width: 760px;
    margin: 0 auto clamp(1.875rem, 4vw, 3.75rem);
}

.mm-section-header h2 {
    margin: 18px 0;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.75rem);
    font-weight: 800;
    line-height: 1.2;
    color: #222;
}

.mm-section-header p {
    margin: 0;
    color: #666;
    font-size: clamp(.95rem, 1.5vw, 1.0625rem);
    line-height: 1.9;
}


/*==========================================================
WHY MATH MATTERS
==========================================================*/

.mm-why {
    background: #ffffff;
}

.mm-why::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at top right, rgba(90, 44, 160, .04), transparent 35%),
        radial-gradient(circle at bottom left, rgba(156, 31, 99, .04), transparent 30%);
    pointer-events: none;
}


/*==========================================================
WHY CARD
==========================================================*/

.mm-why-card {
    position: relative;
    height: 100%;
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2.5vw, 2.1875rem);
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(90, 44, 160, .08);
    box-shadow: 0 20px 45px rgba(43, 11, 102, .05);
    transition: .35s ease;
    overflow: hidden;
    animation: mmCardFade .7s ease;
}

.mm-why-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 0;
    background: linear-gradient(180deg, #5A2CA0, #9C1F63);
    transition: .35s;
}

.mm-why-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(43, 11, 102, .12);
}

.mm-why-card:hover::before {
    height: 100%;
}

.mm-why-card::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(90, 44, 160, .05);
    transition: .35s;
}

.mm-why-card:hover::after {
    transform: scale(1.3);
}

.mm-why-icon {
    width: clamp(3.75rem, 6vw, 4.875rem);
    height: clamp(3.75rem, 6vw, 4.875rem);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    background: linear-gradient(135deg, #5A2CA0, #9C1F63);
    color: #ffffff;
    font-size: clamp(1.4rem, 2.5vw, 1.875rem);
    transition: .35s;
}

.mm-why-card:hover .mm-why-icon {
    transform: rotate(-8deg) scale(1.08);
}

.mm-why-card h3 {
    margin-bottom: 18px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: #222;
}

.mm-why-card p {
    margin: 0;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.9;
}

@keyframes mmCardFade {
    from {
        opacity: 0;
        transform: translateY(35px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*==========================================================
OUR COURSES
==========================================================*/

.mm-courses {
    background: #F9FAFD;
    overflow: hidden;
}

.mm-courses::before {
    content: "";
    position: absolute;
    top: -220px;
    right: -220px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(rgba(90, 44, 160, .06), transparent 70%);
}

.mm-courses .container,
.mm-tutors .container,
.mm-why .container,
.mm-home-cta .container,
.mm-faq .container,
.mm-blogs .container,
.mm-testimonials .container,
.mm-resources .container,
.mm-success .container,
.mm-process .container {
    position: relative;
    z-index: 2;
}

.mm-course-card {
    position: relative;
    height: 100%;
    padding: clamp(1.5rem, 3vw, 2.1875rem);
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(90, 44, 160, .08);
    box-shadow: 0 18px 45px rgba(43, 11, 102, .05);
    overflow: hidden;
    transition: .35s ease;
    animation: mmCardFade .7s ease;
}

.mm-course-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(43, 11, 102, .12);
}

.mm-course-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #5A2CA0, #9C1F63);
    transform: scaleX(0);
    transition: .35s;
    transform-origin: left;
}

.mm-course-card:hover::before {
    transform: scaleX(1);
}

.mm-course-icon {
    width: clamp(3.75rem, 6vw, 5rem);
    height: clamp(3.75rem, 6vw, 5rem);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    background: linear-gradient(135deg, #5A2CA0, #9C1F63);
    color: #ffffff;
    font-size: clamp(1.5rem, 2.8vw, 2rem);
    transition: .35s;
}

.mm-course-card:hover .mm-course-icon {
    transform: rotate(-8deg) scale(1.08);
}

.mm-course-card h3 {
    margin-bottom: 16px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: #222;
}

.mm-course-card p {
    margin-bottom: 28px;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.9;
}

.mm-course-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mm-course-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: #555;
    font-size: clamp(.85rem, 1.3vw, .9375rem);
}

.mm-course-list li:last-child {
    margin-bottom: 0;
}

.mm-course-list i {
    color: #16A34A;
    font-size: clamp(.85rem, 1.3vw, 1rem);
}

.mm-course-footer {
    margin-top: 30px;
}

.mm-course-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #FFF4E8;
    color: #F59E0B;
    font-size: clamp(.7rem, 1.1vw, .75rem);
    font-weight: 700;
    letter-spacing: .5px;
}

.mm-course-card::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -70px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(90, 44, 160, .04);
    transition: .35s;
}

.mm-course-card:hover::after {
    transform: scale(1.25);
}


/*==========================================================
SHARED BUTTON LINKS & HOVER STATES
==========================================================*/

.mm-course-btn,
.mm-tutor-btn,
.mm-resource-btn,
.mm-blog-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #5A2CA0;
    font-size: clamp(.85rem, 1.3vw, .9375rem);
    font-weight: 700;
    text-decoration: none;
    transition: .35s;
}

.mm-course-btn i,
.mm-tutor-btn i,
.mm-resource-btn i,
.mm-blog-btn i {
    transition: .35s;
}

.mm-course-btn:hover,
.mm-tutor-btn:hover,
.mm-resource-btn:hover,
.mm-blog-btn:hover {
    color: #9C1F63;
}

.mm-course-btn:hover i,
.mm-tutor-btn:hover i,
.mm-resource-btn:hover i,
.mm-blog-btn:hover i {
    transform: translateX(6px);
}


/*==========================================================
MEET OUR TUTORS
==========================================================*/

.mm-tutors,
.mm-testimonials,
.mm-success {
    background: #ffffff;
    overflow: hidden;
}

.mm-tutors::before {
    content: "";
    position: absolute;
    left: -180px;
    top: -180px;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: radial-gradient(rgba(90, 44, 160, .05), transparent 70%);
}

.mm-tutor-card {
    position: relative;
    height: 100%;
    background: #ffffff;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(90, 44, 160, .08);
    box-shadow: 0 20px 50px rgba(43, 11, 102, .06);
    transition: .35s ease;
    animation: mmFadeUp .7s ease;
}

.mm-tutor-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 75px rgba(43, 11, 102, .12);
}

.mm-tutor-image,
.mm-blog-image,
.mm-resource-image {
    position: relative;
    overflow: hidden;
}

.mm-home-tutor-image img {
    width: 100%;
    height: clamp(240px, 35vw, 340px);
    object-fit: cover;
    object-position: center top;
    transition: .45s ease;
}

.mm-tutor-card:hover .mm-tutor-image img {
    transform: scale(1.08);
}

.mm-exp-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px 18px;
    border-radius: 40px;
    background: #5A2CA0;
    color: #fff;
    font-size: clamp(.75rem, 1.1vw, .8125rem);
    font-weight: 700;
}

.mm-tutor-content {
    padding: clamp(1.5rem, 3vw, 2.1875rem);
}

.mm-tutor-content h3 {
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.35rem, 2.6vw, 1.75rem);
    font-weight: 700;
    color: #222;
}

.mm-tutor-designation {
    display: block;
    margin-bottom: 20px;
    color: #9C1F63;
    font-weight: 600;
    font-size: clamp(.85rem, 1.3vw, .9375rem);
}

.mm-tutor-content p {
    margin-bottom: 25px;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.9;
}

.mm-tutor-info {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 28px;
}

.mm-tutor-info div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #444;
    font-size: clamp(.85rem, 1.3vw, .9375rem);
}

.mm-tutor-info i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F5F2FD;
    color: #5A2CA0;
}


/*==========================================================
LEARNING PROCESS
==========================================================*/

.mm-process {
    background: #F9FAFD;
}

.mm-process-wrapper {
    position: relative;
}

.mm-process-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    background: linear-gradient(#5A2CA0, #9C1F63);
}

.mm-process-step {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}

.mm-process-step:last-child {
    margin-bottom: 0;
}

.mm-process-caard {
    width: 45%;
    padding: clamp(1.5rem, 3vw, 2.1875rem);
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 20px 45px rgba(43, 11, 102, .05);
    border: 1px solid rgba(90, 44, 160, .08);
    transition: .35s;
    animation: mmFadeUp .7s ease;
}

.mm-process-caard:hover {
    transform: translateY(-8px);
}

.mm-process-number {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: clamp(3.5rem, 5vw, 4.375rem);
    height: clamp(3.5rem, 5vw, 4.375rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #5A2CA0, #9C1F63);
    color: #fff;
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(90, 44, 160, .25);
}

.mm-process-caard h3 {
    margin-bottom: 16px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: #222;
}

.mm-process-caard p {
    margin: 0;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.9;
}


/*==========================================================
STUDENT SUCCESS
==========================================================*/

.mm-success::before {
    content: "";
    position: absolute;
    right: -220px;
    bottom: -220px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(rgba(90, 44, 160, .05), transparent 70%);
}

.mm-success-card {
    position: relative;
    height: 100%;
    padding: clamp(1.75rem, 3.5vw, 2.8125rem) clamp(1.25rem, 2.5vw, 2.1875rem);
    text-align: center;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(90, 44, 160, .08);
    box-shadow: 0 18px 45px rgba(43, 11, 102, .05);
    overflow: hidden;
    transition: .35s ease;
    animation: mmFadeScale .7s ease;
}

.mm-success-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(43, 11, 102, .12);
}

.mm-success-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #5A2CA0, #9C1F63);
    transform: scaleX(0);
    transform-origin: left;
    transition: .35s;
}

.mm-success-card:hover::before {
    transform: scaleX(1);
}

.mm-success-icon {
    width: clamp(4.25rem, 7vw, 5.625rem);
    height: clamp(4.25rem, 7vw, 5.625rem);
    margin: 0 auto 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: linear-gradient(135deg, #5A2CA0, #9C1F63);
    color: #ffffff;
    font-size: clamp(1.6rem, 3vw, 2.125rem);
    transition: .35s;
}

.mm-success-card:hover .mm-success-icon {
    transform: rotate(-8deg) scale(1.08);
}

.mm-success-number {
    margin-bottom: 12px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2.2rem, 5vw, 3.25rem);
    font-weight: 800;
    line-height: 1;
    color: #5A2CA0;
}

.mm-success-card h3 {
    margin-bottom: 16px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: #222;
}

.mm-success-card p {
    margin: 0;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.8;
}

.mm-success-content {
    padding-right: clamp(0rem, 3vw, 2.5rem);
}

.mm-success-content h3 {
    margin-bottom: 22px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.8rem, 3.8vw, 2.375rem);
    font-weight: 700;
    line-height: 1.3;
    color: #222;
}

.mm-success-content p {
    margin-bottom: 30px;
    font-size: clamp(.95rem, 1.5vw, 1.0625rem);
    line-height: 1.9;
    color: #666;
}

.mm-success-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mm-success-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    font-size: clamp(.92rem, 1.5vw, 1.0625rem);
    font-weight: 500;
    color: #333;
}

.mm-success-list li:last-child {
    margin-bottom: 0;
}

.mm-success-list i {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #5A2CA0, #9C1F63);
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}

.mm-success img {
    width: 100%;
    height: 100%;
    min-height: clamp(320px, 45vh, 480px);
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(43, 11, 102, .10);
    transition: .4s ease;
}

.mm-success img:hover {
    transform: scale(1.02);
}


/*==========================================================
RESOURCES & BLOGS
==========================================================*/

.mm-resources,
.mm-blogs {
    background: #F9FAFD;
}

.mm-blog-card,
.mm-resource-card {
    position: relative;
    height: 100%;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(90, 44, 160, .08);
    box-shadow: 0 18px 45px rgba(43, 11, 102, .05);
    transition: .35s ease;
    animation: mmFadeUp .7s ease;
}

.mm-resource-card {
    animation: mmFadeScale .7s ease;
}

.mm-resource-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #5A2CA0, #9C1F63);
}

.mm-blog-card:hover,
.mm-resource-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(43, 11, 102, .12);
}

.mm-resource-image img {
    width: 100%;
    height: clamp(180px, 25vw, 220px);
    object-fit: cover;
    transition: .45s ease;
}

.mm-blog-image img {
    width: 100%;
    height: clamp(190px, 28vw, 240px);
    object-fit: cover;
    transition: .45s ease;
}

.mm-blog-card:hover img,
.mm-resource-card:hover img {
    transform: scale(1.08);
}

.mm-resource-content,
.mm-blog-content {
    padding: clamp(1.25rem, 2.5vw, 1.875rem);
}

.mm-resource-category {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 8px 16px;
    border-radius: 40px;
    background: #F5F2FD;
    color: #5A2CA0;
    font-size: clamp(.75rem, 1.1vw, .8125rem);
    font-weight: 700;
}

.mm-resource-content h3,
.mm-blog-content h3 {
    margin-bottom: 16px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: #222;
    line-height: 1.4;
}

.mm-resource-content p,
.mm-blog-content p {
    margin-bottom: 24px;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.8;
}

.mm-blog-date {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 10px 16px;
    border-radius: 40px;
    background: #5A2CA0;
    color: #fff;
    font-size: clamp(.75rem, 1.1vw, .8125rem);
    font-weight: 700;
}

.mm-blog-meta {
    display: flex;
    gap: 18px;
    margin-bottom: 18px;
    color: #777;
    font-size: clamp(.82rem, 1.2vw, .875rem);
}

.mm-blog-meta i {
    color: #5A2CA0;
}


/*==========================================================
TESTIMONIALS
==========================================================*/

.mm-testimonials::before {
    content: "";
    position: absolute;
    top: -220px;
    left: -220px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(rgba(90, 44, 160, .05), transparent 70%);
}

.mm-testimonial-card {
    position: relative;
    height: 100%;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(90, 44, 160, .08);
    box-shadow: 0 18px 45px rgba(43, 11, 102, .05);
    transition: .35s ease;
    overflow: hidden;
    animation: mmFadeUp .7s ease;
}

.mm-testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(43, 11, 102, .12);
}

.mm-testimonial-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #5A2CA0, #9C1F63);
}

.mm-testimonial-quote {
    font-size: clamp(2rem, 4vw, 2.625rem);
    color: #5A2CA0;
    margin-bottom: 20px;
}

.mm-testimonial-card p {
    margin-bottom: 30px;
    color: #666;
    font-size: clamp(.88rem, 1.4vw, 1rem);
    line-height: 1.9;
}

.mm-rating {
    display: flex;
    gap: 6px;
    margin-bottom: 25px;
}

.mm-rating i {
    color: #F59E0B;
    font-size: clamp(.88rem, 1.4vw, 1rem);
}

.mm-testimonial-author {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mm-testimonial-author img {
    width: clamp(3.25rem, 5vw, 4.375rem);
    height: clamp(3.25rem, 5vw, 4.375rem);
    border-radius: 50%;
    object-fit: cover;
}

.mm-testimonial-author h4 {
    margin-bottom: 6px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.05rem, 1.8vw, 1.25rem);
    font-weight: 700;
    color: #222;
}

.mm-testimonial-author span {
    color: #777;
    font-size: clamp(.82rem, 1.2vw, .875rem);
}


/*==========================================================
FAQ
==========================================================*/

.mm-faq {
    background: #ffffff;
}

.mm-faq-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.mm-faq-item {
    background: #ffffff;
    border: 1px solid rgba(90, 44, 160, .08);
    border-radius: 18px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(43, 11, 102, .05);
    transition: .35s;
}

.mm-faq-item:hover {
    transform: translateY(-4px);
}

.mm-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(1.25rem, 2.5vw, 1.5rem) clamp(1.25rem, 2.8vw, 1.875rem);
    border: none;
    background: none;
    cursor: pointer;
    font-size: clamp(1.05rem, 1.8vw, 1.25rem);
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #222;
    text-align: left;
}

.mm-faq-question i {
    color: #5A2CA0;
    transition: .35s;
}

.mm-faq-item.active .mm-faq-question i {
    transform: rotate(180deg);
}

.mm-faq-answer {
    display: none;
    padding: 0 clamp(1.25rem, 2.8vw, 1.875rem) clamp(1.25rem, 2.5vw, 1.75rem);
}

.mm-faq-answer p {
    margin: 0;
    color: #666;
    line-height: 1.9;
    font-size: clamp(.88rem, 1.4vw, 1rem);
}

.mm-faq-item.active .mm-faq-answer {
    display: block;
}


/*==========================================================
FINAL CTA
==========================================================*/

.mm-home-cta {
    overflow: hidden;
    background: linear-gradient(135deg, #2B0B66, #5A2CA0, #9C1F63);
}

.mm-home-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, .12), transparent 45%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, .08), transparent 45%);
}

.mm-home-cta-content {
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.mm-home-cta h2 {
    margin-bottom: 25px;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    font-weight: 800;
    line-height: 1.2;
    color: #ffffff;
}

.mm-home-cta p {
    max-width: 700px;
    margin: 0 auto 40px;
    color: rgba(255, 255, 255, .90);
    font-size: clamp(.95rem, 1.6vw, 1.125rem);
    line-height: 1.9;
}

.mm-home-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.mm-home-cta .mm-btn {
    min-width: 220px;
}

.mm-home-cta .mm-btn-outline {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .40);
    color: #ffffff;
}

.mm-home-cta .mm-btn-outline:hover {
    background: #ffffff;
    color: #5A2CA0;
}