.form-group.ext{
	background-color: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid;
	border-color: rgba(0, 0, 0, 0.175);
    height: 3.13rem;
    max-width: 100%;
    margin-bottom: 10px;
    position: relative;
	height: max-content;
	border-radius: 8px;

}

.form-group.ext.max-content{
	height: max-content;
}

.form-group.ext>label{
	background-color: transparent;
	padding-left: 0px;
	position: absolute;
	top: 0px;
    left: 5px;
    display: flex;
}

.form-group.ext>input{
	border-style: hidden;
	background: transparent;
	height: inherit;
	appearance: none;
	padding-top: 25px;
	padding-left: 10px;
}

.form-group.ext>select{
	border-style: hidden;
	background: transparent;
	height: inherit;
	appearance: none;
	padding-top: 25px;
	padding-left: 10px;
	color: rgba(0, 0, 0, 0.5);
}

.form-group.ext>textarea{
	
    background: transparent;
    border-style: hidden;
	appearance: none;
	padding-top: 20px;
	padding-left: 10px;
}

.form-group.ext .help-block{
	padding-left: 10px;
}

.form-group.ext .error{
	color: #FF0000;
	
}

.cta-section {
    position: relative;
    overflow: hidden;

    /* Main blue/purple background */
    background:
        radial-gradient(
            circle at 70% 50%,
            rgba(76, 70, 180, 0.8),
            transparent 45%
        ),
        linear-gradient(
            90deg,
            #1428d4 0%,
            #1c25a7 45%,
            #17164d 100%
        );

    min-height: 420px;

    display: flex;
    align-items: center;

    color: #fff;
}


/* Add subtle background pattern */
.cta-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        radial-gradient(
            rgba(255, 255, 255, 0.12) 1px,
            transparent 1px
        );

    background-size: 24px 24px;

    opacity: 0.15;

    pointer-events: none;
}


.cta-section .container {
    position: relative;
    z-index: 1;
}


.cta-content {
    padding: 60px 30px 60px 20px;
}


.cta-content h2 {
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;

    margin-bottom: 18px;
}


.cta-content p {
    max-width: 470px;

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

    margin-bottom: 28px;

    color: rgba(255, 255, 255, 0.9);
}


.cta-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}


.cta-buttons .btn {
    min-width: 140px;
    padding: 11px 18px;

    border-radius: 6px;

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


.cta-buttons .btn-light {
    color: #1826c9;
}


.cta-buttons .btn-outline-light {
    border-color: rgba(255, 255, 255, 0.6);
}


/* Right side */

.cta-visual {
    position: relative;

    min-height: 360px;

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


.testimonial-image {
    width: 100%;
    max-width: 600px;
    height: auto;

    object-fit: contain;

    /* Allows the transparent PNG to blend into background */
    display: block;
}

@media (max-width: 991.98px) {

    .cta-section {
        min-height: auto;
    }

    .cta-content {
        padding: 50px 25px 20px;
        text-align: center;
    }

    .cta-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .cta-buttons {
        justify-content: center;
    }

    .cta-visual {
        min-height: auto;
        padding: 10px 20px 45px;
    }

    .testimonial-image {
        max-width: 650px;
    }
}

.cta-visual {
    position: relative;
    min-height: 380px;
}

.testimonial-image {
    position: absolute;

    width: 700px;
    max-width: none;

    left: 50%;
    top: 50%;

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

.business-benefits {
    background: #ffffff;
}


/* =========================
   Section Title
   ========================= */

.benefits-title {
    margin: 0;

    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;

    color: #111111;
}

.benefits-title span {
    color: #1755d1;
}


/* =========================
   Benefit Card
   ========================= */

.benefit-card {
    height: 100%;

    min-height: 340px;

    padding: 42px 25px 30px;

    background: #ffffff;

    border: 1px solid #edf0f5;

    border-radius: 18px;

    text-align: center;

    box-shadow:
        0 5px 25px rgba(20, 40, 80, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.benefit-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 12px 35px rgba(20, 40, 80, 0.12);
}


/* =========================
   Icons
   ========================= */

.benefit-icon {
    width: 82px;
    height: 82px;

    margin: 0 auto 28px;

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

    font-size: 52px;

    line-height: 1;
}


.icon-green {
    color: #43bd4c;
}

.icon-blue {
    color: #145bd7;
}

.icon-purple {
    color: #8c3fd1;
}

.icon-orange {
    color: #ff8a19;
}

.icon-pink {
    color: #ed2b72;
}

.icon-teal {
    color: #55c5c5;
}


/* =========================
   Card Typography
   ========================= */

.benefit-card h3 {
    margin: 0 0 20px;

    font-size: 20px;
    line-height: 1.3;

    font-weight: 700;

    color: #111827;
}


.benefit-card p {
    margin: 0 auto;

    max-width: 240px;

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

    color: #333333;
}

.merchant-partnership-section {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #f8faff 100%
        );

    overflow: hidden;
}


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

.partnership-title {
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;

    color: #111827;

    margin-bottom: 25px;
}

.partnership-title span {
    display: block;
    color: #145bd7;
}


.partnership-description {
    max-width: 520px;

    font-size: 18px;
    line-height: 1.65;

    color: #293449;

    margin-bottom: 30px;
}


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

.partnership-points {
    margin-bottom: 35px;
}


.partnership-point {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    margin-bottom: 18px;

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

    color: #293449;
}


.partnership-point i {
    flex-shrink: 0;

    margin-top: 2px;

    font-size: 20px;

    color: #145bd7;
}


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

.partnership-btn {
    padding: 13px 28px;

    border: 2px solid #9ab8ee;

    border-radius: 7px;

    background: #ffffff;

    color: #145bd7;

    font-size: 16px;
    font-weight: 600;

    transition: all 0.25s ease;
}


.partnership-btn:hover {
    background: #145bd7;
    border-color: #145bd7;

    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================
   NETWORK DIAGRAM
   ========================================= */

.network-container {
    position: relative;

    width: 100%;
    max-width: 620px;

    aspect-ratio: 1 / 0.95;

    margin: auto;
}


/* Circular dotted connection */

.network-circle {
    position: absolute;

    width: 72%;
    height: 72%;

    left: 14%;
    top: 14%;

    border: 3px dotted #bdd2f5;

    border-radius: 50%;
}


/* =========================================
   CENTER BUSINESS
   ========================================= */

.network-center {
    position: absolute;

    width: 190px;
    height: 190px;

    left: 50%;
    top: 50%;

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

    display: flex;
    flex-direction: column;

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

    text-align: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #dce9ff 0%,
            #edf3ff 65%,
            rgba(237,243,255,0) 100%
        );

    color: #111827;

    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
}


.network-center-icon {
    margin-bottom: 8px;

    font-size: 55px;

    color: #123fc0;
}


/* =========================================
   NETWORK ITEMS
   ========================================= */

.network-item {
    position: absolute;

    z-index: 2;

    text-align: center;

    font-size: 16px;
    font-weight: 600;

    color: #111827;
}


.network-icon {
    width: 76px;
    height: 76px;

    margin: 0 auto 8px;

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

    border-radius: 50%;

    color: #ffffff;

    font-size: 32px;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.08);
}


/* =========================================
   INDIVIDUAL POSITIONS
   ========================================= */

.network-restaurant {
    top: 0;
    left: 50%;

    transform: translateX(-50%);
}


.network-retail {
    top: 15%;
    right: 3%;
}


.network-fitness {
    top: 55%;
    right: 3%;
}


.network-services {
    bottom: 0;
    left: 50%;

    transform: translateX(-50%);
}


.network-beauty {
    bottom: 10%;
    left: 7%;
}


.network-cafe {
    top: 28%;
    left: 0;
}


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

.restaurant {
    background: #ff9018;
}

.retail {
    background: #2167d7;
}

.fitness {
    background: #14a65c;
}

.services {
    background: #8050c5;
}

.beauty {
    background: #eb2680;
}

.cafe {
    background: #a87535;
}


/* =========================================
   RIGHT BENEFITS CARD
   ========================================= */

.network-benefits-card {
    padding: 35px 32px;

    background: #ffffff;

    border: 1px solid #edf0f6;

    border-radius: 18px;

    box-shadow:
        0 8px 30px rgba(30, 50, 100, 0.08);
}


.network-benefits-card h3 {
    margin-bottom: 28px;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 700;

    color: #111827;
}


.network-benefit {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-bottom: 23px;

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

    color: #293449;
}


.network-benefit:last-child {
    margin-bottom: 0;
}


.network-benefit i {
    flex-shrink: 0;

    margin-top: 2px;

    font-size: 19px;

    color: #145bd7;
}


@media (max-width: 1199.98px) {

    .partnership-title {
        font-size: 36px;
    }

    .partnership-description {
        font-size: 16px;
    }

    .network-center {
        width: 160px;
        height: 160px;

        font-size: 20px;
    }

    .network-center-icon {
        font-size: 45px;
    }

    .network-icon {
        width: 65px;
        height: 65px;

        font-size: 27px;
    }

    .network-item {
        font-size: 14px;
    }

    .network-benefits-card {
        padding: 28px 24px;
    }
}


@media (max-width: 991.98px) {

    .merchant-partnership-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .partnership-title {
        text-align: center;
    }

    .partnership-title span {
        display: inline;
    }

    .partnership-description {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .partnership-points {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .partnership-btn {
        display: block;

        width: fit-content;

        margin: 0 auto;
    }

    .network-container {
        max-width: 600px;
    }

    .network-benefits-card {
        max-width: 600px;

        margin: auto;
    }
}


@media (max-width: 575.98px) {

    .merchant-partnership-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .partnership-title {
        font-size: 30px;
    }

    .partnership-description {
        font-size: 15px;
    }

    .network-container {
        min-height: 400px;

        aspect-ratio: auto;
    }

    .network-center {
        width: 130px;
        height: 130px;

        font-size: 17px;
    }

    .network-center-icon {
        font-size: 36px;
    }

    .network-icon {
        width: 55px;
        height: 55px;

        font-size: 23px;
    }

    .network-item {
        font-size: 12px;
    }

    .network-circle {
        width: 68%;
        height: 68%;

        left: 16%;
        top: 16%;
    }

    .network-restaurant {
        top: 0;
    }

    .network-retail {
        right: 0;
        top: 18%;
    }

    .network-fitness {
        right: 0;
        top: 58%;
    }

    .network-services {
        bottom: 0;
    }

    .network-beauty {
        left: 0;
        bottom: 10%;
    }

    .network-cafe {
        left: 0;
        top: 30%;
    }

    .network-benefits-card {
        padding: 25px 22px;
    }

    .network-benefits-card h3 {
        font-size: 20px;
    }

    .network-benefit {
        font-size: 15px;
    }
}

.how-it-works-section {
    padding: 70px 0 80px;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================
   SECTION TITLE
   ========================================= */

.section-heading {
    margin-bottom: 55px;
}

.section-heading h2 {
    margin: 0;

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

    font-weight: 700;

    color: #111827;
}


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

.how-it-works {
    display: flex;

    align-items: flex-start;

    justify-content: center;

    width: 100%;

    max-width: 1900px;

    margin: 0 auto;
}


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

.work-step {
    flex: 1;

    max-width: 270px;

    text-align: center;

    padding: 0 12px;
}


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

.step-icon-wrapper {
    width: 170px;
    height: 170px;

    margin: 0 auto 30px;

    display: flex;

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

    border-radius: 50%;

    background: #ffffff;

    border: 2px solid #edf2f8;

    box-shadow:
        0 5px 18px rgba(20, 40, 80, 0.08);
}


.step-icon {
    width: 125px;
    height: 125px;

    display: flex;

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

    border-radius: 50%;

    font-size: 62px;
}


.icon-blue {
    color: #1260d8;

    background: #edf5ff;
}


.icon-purple {
    color: #803bd0;

    background: #f5edff;
}


.icon-green {
    color: #4bbd4e;

    background: #effbef;
}


.icon-orange {
    color: #ff8b18;

    background: #fff6e8;
}


.icon-pink {
    color: #ee2874;

    background: #fff0f6;
}


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

.work-step h3 {
    margin: 0 0 20px;

    min-height: 52px;

    font-size: 21px;

    line-height: 1.35;

    font-weight: 700;

    color: #111827;
}


.work-step p {
    margin: 0 auto;

    max-width: 245px;

    font-size: 16px;

    line-height: 1.65;

    color: #303746;
}


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

.step-arrow {
    flex: 0 0 55px;

    padding-top: 80px;

    text-align: center;

    color: #53657d;

    font-size: 30px;
}


.step-arrow i {
    display: inline-block;
}


/* =========================================
   LARGE DESKTOP
   ========================================= */

@media (min-width: 1600px) {

    .work-step {
        max-width: 290px;
    }

    .step-arrow {
        flex-basis: 65px;
    }

    .work-step h3 {
        font-size: 22px;
    }

    .work-step p {
        font-size: 17px;
    }
}


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

@media (max-width: 1199.98px) {

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

    .how-it-works {
        flex-wrap: wrap;
        gap: 45px 0;
    }

    .work-step {
        flex: 0 0 30%;
        max-width: none;
    }

    .step-arrow {
        display: none;
    }

    .step-icon-wrapper {
        width: 145px;
        height: 145px;
    }

    .step-icon {
        width: 105px;
        height: 105px;

        font-size: 52px;
    }
}


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

@media (max-width: 767.98px) {

    .how-it-works-section {
        padding: 50px 20px 60px;
    }

    .section-heading {
        margin-bottom: 40px;
    }

    .section-heading h2 {
        font-size: 30px;
    }

    .how-it-works {
        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 45px;
    }

    .work-step {
        flex: none;

        width: 100%;

        max-width: 400px;
    }

    .step-icon-wrapper {
        width: 140px;
        height: 140px;

        margin-bottom: 25px;
    }

    .step-icon {
        width: 100px;
        height: 100px;

        font-size: 50px;
    }

    .work-step h3 {
        min-height: auto;

        font-size: 20px;

        margin-bottom: 14px;
    }

    .work-step p {
        max-width: 360px;

        font-size: 15px;
    }

    .step-arrow {
        display: block;

        flex: none;

        padding: 0;

        height: 20px;

        transform: rotate(90deg);

        font-size: 25px;
    }
}

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

.augmigo-features {
    background: #ffffff;

    overflow: hidden;
}


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

.features-heading {
    margin-bottom: 45px;
}

.features-heading h2 {
    margin: 0;

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

    font-weight: 700;

    color: #111827;
}

.features-heading h2 span {
    display: block;

    color: #145bd7;
}


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

.feature-card {
    height: 100%;

    min-height: 460px;

    padding: 28px 22px 30px;

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

    text-align: center;

    background: #ffffff;

    border: 1px solid #edf1f6;

    border-radius: 16px;

    box-shadow:
        0 5px 20px rgba(20, 40, 80, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.feature-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 12px 30px rgba(20, 40, 80, 0.12);
}


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

.feature-icon {
    width: 110px;
    height: 110px;

    margin-bottom: 28px;

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

    border-radius: 50%;

    font-size: 55px;

    flex-shrink: 0;
}


/* Icon colours */

.icon-purple {
    color: #7936d1;
    background: #f3eaff;
}

.icon-pink {
    color: #ed2873;
    background: #fff0f6;
}

.icon-green {
    color: #48bd4e;
    background: #effbea;
}

.icon-orange {
    color: #ff8b18;
    background: #fff5e7;
}

.icon-blue {
    color: #1761d5;
    background: #edf5ff;
}

.icon-teal {
    color: #20a9a9;
    background: #e9fafa;
}


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

.feature-card h3 {
    min-height: 58px;

    margin: 0 0 22px;

    font-size: 20px;
    line-height: 1.35;

    font-weight: 700;

    color: #111827;
}


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

.feature-card p {
    margin: 0;

    max-width: 240px;

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

    color: #343b48;
}


/* =========================================
   LARGE DESKTOP
   ========================================= */

@media (min-width: 1400px) {

    .feature-card {
        min-height: 450px;

        padding-left: 24px;
        padding-right: 24px;
    }

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

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


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

@media (max-width: 1199.98px) {

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

    .feature-card {
        min-height: 400px;
    }

    .feature-icon {
        width: 95px;
        height: 95px;

        font-size: 48px;
    }
}


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

@media (max-width: 767.98px) {

    .augmigo-features {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .features-heading {
        margin-bottom: 35px;
    }

    .features-heading h2 {
        font-size: 30px;
    }

    .features-heading h2 span {
        margin-top: 5px;
    }

    .feature-card {
        min-height: auto;

        padding: 30px 25px 32px;
    }

    .feature-icon {
        width: 90px;
        height: 90px;

        margin-bottom: 22px;

        font-size: 45px;
    }

    .feature-card h3 {
        min-height: auto;

        margin-bottom: 15px;

        font-size: 19px;
    }

    .feature-card p {
        max-width: 400px;

        font-size: 15px;
    }
}

/* =========================================
   FULL WIDTH PARTNER CTA
   ========================================= */

.partner-cta-section {
    position: relative;

    padding: 85px 0;

    overflow: hidden;

    background: #ffffff;
}


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

.partner-content {
    position: relative;

    z-index: 2;

    padding-right: 40px;

    color: #111827;
}


.partner-label {
    display: inline-block;

    margin-bottom: 18px;

    padding: 7px 14px;

    border: 1px solid #d9c8f5;

    border-radius: 50px;

    background: #f7f2ff;

    color: #7137bd;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.partner-content h2 {
    margin: 0 0 10px;

    font-size: 48px;

    line-height: 1.15;

    font-weight: 700;

    color: #111827;
}


.partner-content h3 {
    margin: 0 0 25px;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 500;

    color: #673ab7;
}


.partner-content p {
    max-width: 620px;

    margin: 0 0 16px;

    font-size: 17px;

    line-height: 1.65;

    color: #4b5563;
}


.partner-content strong {
    color: #111827;
}


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

.partner-btn {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-top: 15px;

    padding: 14px 30px;

    border-radius: 7px;

    background: #673ab7;

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.25s ease;
}


.partner-btn:hover {
    background: #54269f;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(103, 58, 183, 0.20);
}


.partner-btn i {
    transition: transform 0.25s ease;
}


.partner-btn:hover i {
    transform: translateX(4px);
}


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

.partner-visual {
    position: relative;

    min-height: 460px;

    display: flex;

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


.partner-network {
    position: relative;

    width: 460px;
    height: 460px;

    margin: auto;
}


/* =========================================
   CONNECTION LINES
   ========================================= */

.partner-line {
    position: absolute;

    width: 155px;
    height: 2px;

    left: 50%;
    top: 50%;

    transform-origin: left center;

    background: #d9c9f3;
}


.line-top {
    transform: rotate(-90deg);
}

.line-left {
    transform: rotate(180deg);
}

.line-right {
    transform: rotate(0deg);
}

.line-bottom {
    transform: rotate(90deg);
}


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

.partner-center {
    position: absolute;

    width: 150px;
    height: 150px;

    left: 50%;
    top: 50%;

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

    display: flex;
    flex-direction: column;

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

    border-radius: 50%;

    background: #f5efff;

    border: 2px solid #e2d5f7;

    color: #673ab7;

    font-size: 22px;

    font-weight: 700;
}


.partner-logo {
    margin-bottom: 5px;

    font-size: 40px;

    color: #673ab7;
}


/* =========================================
   NODES
   ========================================= */

.partner-node {
    position: absolute;

    z-index: 3;

    display: flex;
    flex-direction: column;

    align-items: center;

    text-align: center;

    color: #374151;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 600;
}


.node-icon {
    width: 75px;
    height: 75px;

    margin-bottom: 8px;

    display: flex;

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

    border-radius: 50%;

    background: #ffffff;

    font-size: 30px;

    box-shadow:
        0 5px 20px rgba(40, 40, 80, 0.10);
}


/* =========================================
   NODE POSITIONS
   ========================================= */

.node-agency {
    top: 0;

    left: 50%;

    transform: translateX(-50%);
}


.node-software {
    left: 0;

    top: 50%;

    transform: translateY(-50%);
}


.node-client {
    right: 0;

    top: 50%;

    transform: translateY(-50%);
}


.node-loyalty {
    bottom: 0;

    left: 50%;

    transform: translateX(-50%);
}


/* =========================================
   NODE COLORS
   ========================================= */

.agency-icon {
    color: #ff8b18;

    background: #fff6e9;
}

.software-icon {
    color: #7d42d3;

    background: #f4edff;
}

.client-icon {
    color: #48bb50;

    background: #effbef;
}

.loyalty-icon {
    color: #ed2874;

    background: #fff0f6;
}

@media (max-width: 991.98px) {

    .partner-cta-section {
        padding: 65px 0;
    }

    .partner-content {
        padding-right: 0;

        text-align: center;
    }

    .partner-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .partner-visual {
        min-height: 400px;

        margin-top: 30px;
    }

    .partner-network {
        transform: scale(0.78);
    }
}


@media (max-width: 575.98px) {

    .partner-cta-section {
        padding: 55px 0;
    }

    .partner-content h2 {
        font-size: 34px;
    }

    .partner-content h3 {
        font-size: 20px;
    }

    .partner-content p {
        padding: 0 10px;

        font-size: 14px;
    }

    .partner-visual {
        min-height: 320px;

        margin-top: 15px;
    }

    .partner-network {
        transform: scale(0.60);
    }
}

/* =========================
   Large Desktop
   ========================= */

@media (min-width: 1400px) {

    .business-benefits {
        padding-left: 20px;
        padding-right: 20px;
    }

    .benefit-card {
        min-height: 350px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .benefit-card h3 {
        font-size: 19px;
    }

    .benefit-card p {
        font-size: 15px;
    }
}


/* =========================
   Tablet
   ========================= */

@media (max-width: 1199.98px) {

    .benefits-title {
        font-size: 36px;
    }

    .benefit-card {
        min-height: 320px;
    }
}


/* =========================
   Mobile
   ========================= */

@media (max-width: 767.98px) {

    .business-benefits {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .benefits-title {
        font-size: 30px;
    }

    .benefit-card {
        min-height: auto;

        padding: 35px 25px 30px;
    }

    .benefit-icon {
        width: 70px;
        height: 70px;

        margin-bottom: 20px;

        font-size: 45px;
    }

    .benefit-card h3 {
        font-size: 19px;
    }

    .benefit-card p {
        max-width: 400px;
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {

    .cta-content {
        padding: 40px 20px 10px;
    }

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

    .cta-content p {
        font-size: 14px;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-buttons .btn {
        width: 100%;
    }

    .cta-visual {
        padding: 10px 10px 35px;
    }

    .testimonial-image {
        width: 100%;
    }
}

@media (max-width: 991.98px) {

    .testimonial-image {
        position: static;

        width: 100%;
        max-width: 650px;

        transform: none;
    }
}

/* =========================================
   THANK YOU PAGE
   ========================================= */

.thank-you-section {
    min-height: 70vh;

    display: flex;
    align-items: center;

    padding: 80px 20px;

    background: #ffffff;
}


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

.thank-you-card {
    padding: 60px 50px;

    border-radius: 24px;

    background: #ffffff;

    border: 1px solid #edf0f5;

    box-shadow:
        0 20px 60px rgba(16, 24, 40, 0.08);
}


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

.thank-you-icon {
    width: 76px;
    height: 76px;

    margin: 0 auto 25px;

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

    border-radius: 50%;

    background: #e8f9f2;

    color: #12a875;

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


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

.thank-you-title {
    margin: 0 0 10px;

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

    font-weight: 700;

    color: #172033;
}


/* =========================================
   MAIN MESSAGE
   ========================================= */

.thank-you-message {
    margin: 0;

    font-size: 21px;
    line-height: 1.6;

    color: #475467;
}


/* =========================================
   DIVIDER
   ========================================= */

.thank-you-divider {
    width: 60px;
    height: 4px;

    margin: 28px auto;

    border-radius: 10px;

    background: #315ee8;
}


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

.thank-you-description {
    max-width: 600px;

    margin: 0 auto 10px;

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

    color: #667085;
}


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

.thank-you-btn {
    margin-top: 25px;

    padding-top: 11px;
    padding-bottom: 11px;

    background: #315ee8;

    color: #ffffff;

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

    border: none;

    transition: all 0.25s ease;
}


.thank-you-btn:hover {
    background: #244bc5;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(49, 94, 232, 0.2);
}


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

@media (max-width: 575.98px) {

    .thank-you-section {
        min-height: 75vh;

        padding: 50px 15px;
    }

    .thank-you-card {
        padding: 45px 25px;
    }

    .thank-you-icon {
        width: 65px;
        height: 65px;

        font-size: 34px;
    }

    .thank-you-title {
        font-size: 38px;
    }

    .thank-you-message {
        font-size: 18px;
    }

    .thank-you-description {
        font-size: 15px;
    }

}