:root{
            --navy:#071e50;
            --navy-2:#0b2b69;
            --blue:#1557ff;
            --blue-light:#eef4ff;
            --orange:#ffb300;
            --text:#112451;
            --muted:#53617d;
            --border:#e2e8f4;
            --green:#13a765;
            --radius:14px;
        }

        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            font-family:Inter,Segoe UI,Arial,sans-serif;
            color:var(--text);
            background:#fff;
            font-size:16px;
            line-height:1.55;
        }

        /* Never go below 12px */
        .tiny, small, .form-text{font-size:16px !important}
        h1{font-size:clamp(34px,4.3vw,58px);line-height:1.03;font-weight:800}
        h2{font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:800}
        h3{font-size:20px;font-weight:750}
        h4{font-size:16px;font-weight:750}
        p,li,.form-control,.form-select,button{font-size:16px}
        a{text-decoration:none}

        .container-wide{max-width:1320px}
        .section{padding:54px 0}
        .section-title{margin-bottom:7px}
        .section-subtitle{color:var(--muted);font-size:16px;margin-bottom:25px}
        .eyebrow{
            color:var(--blue);
            font-size:16px;
            font-weight:800;
            letter-spacing:.4px;
            text-transform:uppercase;
        }
        .heading-line{
            display:inline-block;
            width:28px;
            height:3px;
            background:var(--orange);
            margin-left:10px;
            vertical-align:middle;
        }

        /* Header */
        .site-header{
            position:sticky;
            top:0;
            z-index:1000;
            background:rgba(255,255,255,.96);
            backdrop-filter:blur(12px);
            border-bottom:1px solid #edf1f8;
        }
        .navbar{min-height:76px}
        .brand-wrap{display:flex;align-items:center;gap:10px}
        .brand-logo{
            width:300px;
            display:grid;place-items:center;position:relative;color:var(--navy);
        }
        
        .brand-text strong{display:block;font-size:21px;letter-spacing:.3px;line-height:1}
        .brand-text span{display:block;font-size:16px;font-weight:800;letter-spacing:.3px}
        .partner{
            border-left:1px solid #dfe5f0;padding-left:13px;margin-left:7px;
            display:flex;align-items:center;gap:7px;font-size:16px;color:#4e5b75;font-weight:600;
        }
        .ms-grid{display:grid;grid-template-columns:7px 7px;gap:2px}
        .ms-grid i{width:7px;height:7px;display:block}
        .ms-grid i:nth-child(1){background:#f35325}.ms-grid i:nth-child(2){background:#81bc06}
        .ms-grid i:nth-child(3){background:#05a6f0}.ms-grid i:nth-child(4){background:#ffba08}
        .nav-link{font-size:16px;font-weight:700;color:var(--text)!important;margin:0 7px}
        .nav-link:hover{color:var(--blue)!important}
        .header-phone{font-size:16px;font-weight:800;white-space:nowrap}
        .btn-primary-custom{
            background:var(--navy);border:1px solid var(--navy);color:#fff;
            border-radius:7px;padding:12px 18px;font-size:16px;font-weight:750;
        }
        .btn-primary-custom:hover{background:#12306c;color:#fff}
        .btn-outline-custom{
            background:#fff;border:1px solid var(--navy);color:var(--navy);
            border-radius:7px;padding:11px 18px;font-size:16px;font-weight:750;
        }
        .btn-outline-custom:hover{background:var(--navy);color:#fff}

        /* Hero */
        .hero{
            background:linear-gradient(90deg,#fff 0%,#fff 42%,#f8fbff 100%);
            padding:22px 0 0;
        }
        .hero-copy{padding:56px 0 40px}
        .hero-copy h1{margin:13px 0 18px;max-width:620px}
        .hero-copy h1 span{color:var(--blue);position:relative}
        .hero-copy h1 span:after{
            content:"";position:absolute;left:0;right:-8px;bottom:-5px;height:3px;
            background:var(--orange);transform:rotate(-1.5deg);
        }
        .hero-copy .lead{max-width:555px;color:#314365;font-size:16px;line-height:1.8}
        .hero-features{display:flex;gap:25px;margin:24px 0 28px;flex-wrap:wrap}
        .hero-feature{text-align:center;min-width:75px}
        .hero-feature i{display:block;color:var(--blue);font-size:24px;margin-bottom:7px}
        .hero-feature span{font-size:16px;font-weight:750}
        .hero-image-wrap{height:100%;min-height:430px;display:flex;align-items:end;justify-content:center}
        .hero-person{
            width:100%;max-width:510px;height:430px;object-fit:cover;
            object-position:center top;border-radius:120px 0 0 0;
            box-shadow:0 20px 45px rgba(17,36,81,.08);
        }
        .callback{
            background:#fff;border:1px solid #e9eef7;border-radius:12px;
            box-shadow:0 12px 35px rgba(17,36,81,.09);padding:20px;
            margin-top:2px;
        }
        .callback h3{margin-bottom:2px}
        .callback p{font-size:16px;color:var(--muted)}
        .callback .form-control,.callback .form-select{
            min-height:39px;border-color:#dce3ef;border-radius:7px;font-size:16px;
        }
        .callback textarea{min-height:88px!important}
        .callback .btn{min-height:40px;font-size:16px}
        .privacy{font-size:16px;color:#6b7890;margin-top:12px}

        /* Stats */
        .stats{
            background:var(--navy);border-radius:13px;color:#fff;padding:14px 12px;
            margin-top:-1px;box-shadow:0 12px 30px rgba(7,30,80,.12)
        }
        .stat{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 14px;border-right:1px solid rgba(255,255,255,.22)}
        .stat:last-child{border-right:0}
        .stat i{font-size:29px;color:var(--orange)}
        .stat strong{display:block;font-size:18px;line-height:1.1}
        .stat span{display:block;font-size:16px;color:#dbe5fb;margin-top:4px}

        /* About */
        .about-copy ul{padding:0;margin:20px 0;list-style:none}
        .about-copy li{margin:10px 0;color:#354564;font-size:16px}
        .about-copy li i{color:var(--blue);margin-right:7px}
        .info-card{
            height:100%;border:1px solid var(--border);border-radius:13px;padding:20px;
            background:#fff;box-shadow:0 7px 25px rgba(17,36,81,.025)
        }
        .info-icon{
            width:52px;height:52px;border-radius:15px;background:var(--blue-light);
            display:grid;place-items:center;font-size:25px;color:var(--blue);margin-bottom:14px
        }
        .info-card:nth-child(2) .info-icon{background:#fff5e9;color:#ff9f00}
        .info-card:nth-child(3) .info-icon{background:#effaf5;color:#11a466}
        .info-card p{color:#53617d;font-size:16px;margin:0}

        /* Courses */
        .course-card{
            position:relative;height:100%;min-height:190px;border:1px solid var(--border);
            border-radius:13px;padding:18px 15px;background:#fff;
            transition:.25s ease;box-shadow:0 5px 18px rgba(17,36,81,.025)
        }
        .course-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(21,87,255,.09);border-color:#cfdcff}
        .course-icon{
            width:45px;height:45px;border-radius:12px;background:#eef4ff;display:grid;place-items:center;
            color:var(--blue);font-size:22px;margin-bottom:10px
        }
        .course-card h4{font-size:16px;line-height:1.25;margin-bottom:8px;text-transform:uppercase}
        .course-card p{font-size:16px;color:#5d6980;line-height:1.6;margin-bottom:10px}
        .course-link{font-size:16px;color:var(--blue);font-weight:800}
        .course-no{
            position:absolute;right:10px;top:10px;width:23px;height:23px;border-radius:50%;
            background:#eef2ff;color:var(--blue);font-size:11px;display:grid;place-items:center;font-weight:800
        }

        /* Programs */
        .programs-box{
            border:1px solid var(--border);border-radius:14px;padding:18px 12px;background:#fff
        }
        .program-pill{
            border:1px solid var(--border);border-radius:9px;padding:12px 10px;
            height:100%;display:flex;align-items:center;gap:9px;background:#fff
        }
        .program-pill i{font-size:21px;color:var(--blue)}
        .program-pill span{font-size:16px;font-weight:750;line-height:1.35}

        /* Methodology */
        .method-box{
            border:1px solid var(--border);border-radius:14px;padding:18px;background:#fff;
        }
        .steps{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:28px}
        .step{text-align:center;flex:1}
        .step-icon{
            width:48px;height:48px;border-radius:50%;background:#f0f4ff;color:var(--blue);
            display:grid;place-items:center;margin:0 auto 8px;font-size:20px
        }
        .step strong{display:block;font-size:16px;line-height:1.25}
        .step small{color:#61708b}
        .step-arrow{font-size:22px;color:#a9b8d4}
        .get-box{background:#f1f5ff;border-radius:11px;padding:18px;height:100%}
        .get-box h4{margin-bottom:13px}
        .get-box ul{padding:0;margin:0;list-style:none}
        .get-box li{font-size:16px;margin:8px 0}
        .get-box li i{color:#19a565;margin-right:6px}
        .method-person{width:100%;height:190px;object-fit:cover;object-position:center top;border-radius:10px}

        /* Why choose */
        .why-card{
            height:100%;border:1px solid var(--border);border-radius:12px;padding:17px;background:#fff
        }
        .why-card i{font-size:24px;color:var(--blue);margin-bottom:10px}
        .why-card h4{font-size:16px;line-height:1.35}
        .why-card p{font-size:16px;color:#5b6881;margin:0}

        /* CTA/Footer */
        .bottom-cta{
            background:var(--navy);color:#fff;border-radius:12px 12px 0 0;padding:15px 22px;
        }
        .bottom-cta h3{margin:0;font-size:20px}
        .bottom-cta p{margin:3px 0 0;color:#d7e1f7;font-size:16px}
        .cta-icon{font-size:37px;color:var(--orange)}
        .footer{
            background:linear-gradient(135deg,#071e50,#05235e);color:#fff;
            padding:24px 22px 12px;border-radius:0 0 12px 12px
        }
        .footer h5{font-size:16px;margin-bottom:12px}
        .footer p,.footer li,.footer a{font-size:16px;color:#d5def2}
        .footer ul{padding:0;margin:0;list-style:none}
        .footer li{margin:7px 0}
        .footer-brand{border-right:1px solid rgba(255,255,255,.16);padding-right:25px;height:100%}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:12px;font-size:16px;color:#c6d0e6}
        .social a{
            width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;
            display:inline-grid;place-items:center;margin-right:5px;color:#fff
        }
        .whatsapp{
            position:fixed;right:20px;bottom:20px;width:50px;height:50px;border-radius:50%;
            display:grid;place-items:center;background:#20c66b;color:#fff;font-size:25px;
            box-shadow:0 8px 25px rgba(0,0,0,.2);z-index:1050
        }

        @media (max-width:991.98px){
            .navbar .header-phone,.navbar .header-contact{display:none}
            .hero-copy{padding-top:30px}
            .hero-image-wrap{min-height:350px}
            .hero-person{height:350px}
            .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:12px}
            .stat:last-child{border-bottom:0}
            .steps{flex-wrap:wrap}
            .step-arrow{display:none}
            .footer-brand{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:0 0 18px;margin-bottom:18px}
        }
        @media (max-width:575.98px){
            body{font-size:16px}
            .section{padding:38px 0}
            h1{font-size:34px}
            h2{font-size:27px}
            .hero-copy .lead{font-size:16px}
            .hero-features{gap:12px}
            .hero-feature{min-width:67px}
            .hero-image-wrap{min-height:300px}
            .hero-person{height:300px;border-radius:70px 0 0 0}
            .brand-text strong{font-size:18px}
            .partner{display:none}
            .stats{margin:0 8px}
            .steps{display:grid;grid-template-columns:repeat(2,1fr)}
        }
    
        /* Final typography rule: minimum readable text size is 16px */
        body{font-size:16px}
        p,li,a,button,label,input,select,textarea,
        .form-control,.form-select,.form-text,.dropdown-item,
        .nav-link,.eyebrow,.section-subtitle,.course-link,
        .course-card p,.course-card h4,.program-pill span,
        .step strong,.step small,.get-box li,.why-card h4,.why-card p,
        .footer p,.footer li,.footer a,.footer h5,.footer-bottom,
        .privacy,.header-phone,.brand-text span,.partner,
        .stat span,.stat strong{font-size:16px !important}
        .hero-copy .lead{font-size:18px !important}
        .callback h3{font-size:22px}
        .callback p{font-size:16px !important}
        .callback .form-control,.callback .form-select{font-size:16px !important}
        .callback .btn{font-size:16px !important}
        .btn-primary-custom,.btn-outline-custom{font-size:16px !important}
        .brand-text strong{font-size:22px}
        .nav-link{margin-left:7px;margin-right:7px}
        .stat strong{font-size:20px !important}
        .course-card h4{font-size:17px !important}
        .course-card p,.course-link{font-size:16px !important}
        .program-pill span{font-size:16px !important}
        .footer h5{font-size:17px !important}
        .footer-bottom{font-size:16px !important}
        .bottom-cta h3{font-size:22px}
        .bottom-cta p{font-size:16px !important}

    
        /* Improved fluid layout */
        .container-fluid.container-wide{
            width:100%;
            max-width:none;
            padding-left:clamp(16px,2.2vw,42px);
            padding-right:clamp(16px,2.2vw,42px);
        }

        /* Better desktop spacing and visual balance */
        .hero{padding-top:18px}
        .hero-copy{padding-left:clamp(4px,1vw,20px)}
        .callback{margin-right:clamp(0px,1vw,18px)}
        .section{padding-top:60px;padding-bottom:60px}
        .course-card{min-height:215px}
        .course-card h4{line-height:1.35}
        .course-card p{line-height:1.7}
        .info-card,.why-card{padding:22px}
        .stats{padding-left:18px;padding-right:18px}
        .stat{padding-left:18px;padding-right:18px}

        /* Fluid six-column course layout on large screens */
        @media (min-width:1200px){
            #courses .col-xl-2{
                flex:0 0 auto;
                width:16.66666667%;
            }
        }

        @media (min-width:1600px){
            .container-fluid.container-wide{
                padding-left:clamp(24px,3vw,64px);
                padding-right:clamp(24px,3vw,64px);
            }
            .hero-copy h1{font-size:62px}
            .course-card{min-height:230px}
        }

        @media (max-width:1199.98px){
            .course-card{min-height:220px}
        }

        @media (max-width:767.98px){
            .container-fluid.container-wide{
                padding-left:16px;
                padding-right:16px;
            }
            .section{padding-top:45px;padding-bottom:45px}
            .course-card{min-height:0}
            .stats{border-radius:10px}
        }

/* Footer refinement: no padding and no rounded corners */
footer,
.footer {
    border-radius: 0 !important;
}
footer .container-fluid.container-wide {
    padding: 1px !important;
}
/* Inner footer rows provide spacing without padding the footer element itself. */
.footer > .row {
    padding-top: 24px;
    padding-bottom: 12px;
}

.bottom-cta {
    border-radius: 0 !important;
}


/* =========================================
   COURSES CAROUSEL
========================================= */

.course-carousel-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.course-carousel {
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
    transition: transform 0.5s ease;
    will-change: transform;
}

.course-slide {
    flex: 0 0 16.666667%;
    width: 16.666667%;
    padding: 8px;
}

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

.course-card {
    position: relative;
    height: 100%;
    min-height: 225px;

    padding: 20px 18px;

    background: #ffffff;
    border: 1px solid #e2e8f4;
    border-radius: 12px;

    box-shadow: 0 5px 18px rgba(17, 36, 81, 0.035);

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

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

    border-color: #cddaff;

    box-shadow:
        0 15px 35px rgba(21, 87, 255, 0.10);
}


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

.course-no {
    position: absolute;

    top: 12px;
    right: 12px;

    width: 28px;
    height: 28px;

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

    background: #eef2ff;
    color: #1557ff;

    border-radius: 50%;

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


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

.course-icon {
    width: 50px;
    height: 50px;

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

    margin-bottom: 15px;

    background: #eef4ff;
    color: #1557ff;

    border-radius: 12px;

    font-size: 24px;
}

.course-green {
    color: #0a9a57;
    background: #effaf5;
}


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

.course-card h4 {
    margin-bottom: 10px;

    color: #112451;

    font-size: 17px !important;
    font-weight: 750;

    line-height: 1.35;
}

.course-card p {
    margin-bottom: 0;

    color: #5d6980;

    font-size: 16px !important;

    line-height: 1.65;
}


/* =========================================
   CAROUSEL CONTROLS
========================================= */

.course-carousel-controls {
    flex-shrink: 0;
}

.course-prev,
.course-next {
    width: 44px;
    height: 44px;

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

    border: 1px solid #dbe3f2;
    border-radius: 50%;

    background: #ffffff;
    color: #112451;

    font-size: 16px;

    cursor: pointer;

    transition: all 0.25s ease;
}

.course-prev:hover,
.course-next:hover {
    background: #071e50;
    color: #ffffff;
    border-color: #071e50;
}

.course-prev:disabled,
.course-next:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}


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

.course-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

.course-dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #ccd5e8;

    cursor: pointer;

    transition: all 0.25s ease;
}

.course-dot.active {
    width: 25px;

    border-radius: 10px;

    background: #1557ff;
}


/* =========================================
   TABLET
   3 CARDS
========================================= */

@media (max-width: 1199.98px) {

    .course-slide {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }

    .course-card {
        min-height: 240px;
    }
}


/* =========================================
   MOBILE
   2 CARDS
========================================= */

@media (max-width: 767.98px) {

    .course-slide {
        flex: 0 0 50%;
        width: 50%;
    }

    .course-card {
        min-height: 250px;
        padding: 18px 15px;
    }

    .course-card h4 {
        font-size: 16px !important;
    }

    .course-card p {
        font-size: 16px !important;
    }

    .course-carousel-controls {
        display: none !important;
    }

    .course-dots {
        margin-top: 15px;
    }
}


/* =========================================
   SMALL MOBILE
   1 CARD
========================================= */

@media (max-width: 575.98px) {

    .course-slide {
        flex: 0 0 100%;
        width: 100%;
    }

    .course-card {
        min-height: 230px;
    }
}

/* =========================================
   LEARNING METHODOLOGY
========================================= */

.method-box {
    width: 100%;

    padding: 30px 25px;

    background: #ffffff;

    border: 1px solid #dfe6f3;
    border-radius: 14px;

    box-shadow: 0 5px 20px rgba(17, 36, 81, 0.025);
}


/* =========================================
   METHODOLOGY STEPS
========================================= */

.methodology-steps {
    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 35px;
}


.method-step {
    flex: 1;

    text-align: center;

    min-width: 120px;
}


.method-icon {
    width: 52px;
    height: 52px;

    margin: 0 auto 12px;

    display: flex;

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

    background: #eef4ff;

    color: #1557ff;

    border-radius: 50%;

    font-size: 22px;

    transition: all 0.3s ease;
}


.method-step:hover .method-icon {
    background: #1557ff;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(21, 87, 255, 0.18);
}


.method-title {
    font-size: 16px !important;

    font-weight: 750;

    color: #112451;

    line-height: 1.3;

    margin-bottom: 3px;
}


.method-text {
    font-size: 16px !important;

    color: #53617d;

    line-height: 1.4;
}


/* =========================================
   ARROWS
========================================= */

.method-arrow {
    flex: 0 0 35px;

    text-align: center;

    color: #aab9d3;

    font-size: 15px;
}


/* =========================================
   WHAT YOU GET
========================================= */

.what-you-get {
    width: 100%;

    padding-top: 28px;

    border-top: 1px solid #e4e9f2;
}


.what-you-get-title {
    text-align: center;

    margin-bottom: 25px;
}


.what-you-get-title span {
    display: inline-block;

    position: relative;

    padding: 0 18px;

    color: #112451;

    font-size: 20px !important;

    font-weight: 750;
}


/* Decorative lines */

.what-you-get-title span::before,
.what-you-get-title span::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 45px;

    height: 2px;

    background: #1557ff;
}


.what-you-get-title span::before {
    right: 100%;

    margin-right: 10px;
}


.what-you-get-title span::after {
    left: 100%;

    margin-left: 10px;
}


/* =========================================
   BENEFIT LIST
========================================= */

.benefit-list {
    display: grid;

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

    gap: 15px;
}


.benefit-item {
    position: relative;

    min-height: 145px;

    padding: 20px 15px;

    text-align: center;

    background: #ffffff;

    border: 1px solid #e2e8f4;

    border-radius: 12px;

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


.benefit-item:hover {
    transform: translateY(-5px);

    border-color: #cbd8f5;

    box-shadow:
        0 12px 28px rgba(21, 87, 255, 0.08);
}


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

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

    margin: 0 auto 12px;

    display: flex;

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

    background: #eef4ff;

    color: #1557ff;

    border-radius: 50%;

    font-size: 21px;

    transition: all 0.3s ease;
}


.benefit-item:hover .benefit-icon {
    background: #1557ff;

    color: #ffffff;
}


/* Different icon colors */

.benefit-item:nth-child(2) .benefit-icon {
    background: #effaf5;

    color: #0a9a57;
}


.benefit-item:nth-child(3) .benefit-icon {
    background: #fff5e9;

    color: #f29b00;
}


.benefit-item:nth-child(4) .benefit-icon {
    background: #f2efff;

    color: #6b4eff;
}


.benefit-item:nth-child(5) .benefit-icon {
    background: #eaf8ff;

    color: #009bd8;
}


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

.benefit-content {
    display: block;
}


.benefit-content strong {
    display: block;

    margin-bottom: 7px;

    color: #112451;

    font-size: 16px !important;

    line-height: 1.35;
}


.benefit-content span {
    display: block;

    color: #61708b;

    font-size: 16px !important;

    line-height: 1.5;
}


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

@media (max-width: 1199.98px) {

    .methodology-steps {
        flex-wrap: wrap;

        gap: 20px;
    }

    .method-step {
        flex: 0 0 calc(33.333% - 20px);
    }

    .method-arrow {
        display: none;
    }

    .benefit-list {
        grid-template-columns:
            repeat(3, 1fr);
    }
}


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

@media (max-width: 767.98px) {

    .method-box {
        padding: 22px 15px;
    }

    .methodology-steps {
        display: grid;

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

        gap: 25px 10px;
    }

    .method-step {
        flex: auto;

        min-width: 0;
    }

    .benefit-list {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 12px;
    }

    .benefit-item {
        min-height: 160px;

        padding: 18px 12px;
    }
}


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

@media (max-width: 575.98px) {

    .methodology-steps {
        grid-template-columns: 1fr;
    }

    .benefit-list {
        grid-template-columns: 1fr;
    }

    .benefit-item {
        min-height: auto;

        padding: 20px;
    }

    .what-you-get-title span::before,
    .what-you-get-title span::after {
        display: none;
    }
}