/*====================================================*
 * MADIBENG CONNECT
 * HOME PAGE
 *====================================================*/


/*====================================================*
 * HERO
 *====================================================*/


.mc-home{
    --mc-navy:#082b4c;
    --mc-navy-dark:#061f38;
    --mc-lime:#7ed321;
    --mc-lime-dark:#5eae0d;
    --mc-text:#0b2340;
    --mc-muted:#667085;
    --mc-border:#dfe7ee;
    --mc-soft:#f6f9fc;
    --mc-white:#ffffff;
}

.mc-home .mc-hero{

    position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:120px 0 110px;

    background-image:
        linear-gradient(
            180deg,
            rgba(4,35,84,.24) 0%,
            rgba(13,78,150,.40) 45%,
            rgba(3,36,82,.78) 100%
        ),
        url("../images/logo/hero/madibeng-connect-hero.jpg");

    background-position:center center;

    background-repeat:no-repeat;

    background-size:cover;

    color:#fff;

    text-align:center;

    overflow:hidden;

}


/*====================================================*
 * HERO DECORATION
 *====================================================*/

.mc-home .mc-hero::before{

    content:"";

    position:absolute;

    width:600px;

    height:600px;

    top:-330px;

    left:-180px;

    border-radius:50%;

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

    z-index:1;

    pointer-events:none;

}


.mc-home .mc-hero::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-230px;

    top:-260px;

    border-radius:50%;

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

    z-index:1;

    pointer-events:none;

}


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

.mc-home .mc-hero .mc-container{

    position:relative;

    z-index:3;

}


.mc-home .mc-hero-content{

    width:100%;

    max-width:920px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    align-items:center;

}


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

.mc-home .mc-hero-location{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    margin-bottom:12px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    line-height:1.4;

    text-shadow:0 2px 8px rgba(0,0,0,.25);

}


.mc-home .mc-hero-location i{

    font-size:13px;

}


.mc-home .mc-hero-location span{

    opacity:.92;

}


/*====================================================*
 * HERO KICKER
 *====================================================*/

.mc-home .mc-hero-kicker{

    margin:0 0 24px;

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

    font-size:15px;

    font-weight:500;

    line-height:1.5;

    text-shadow:0 2px 8px rgba(0,0,0,.20);

}


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

.mc-home .mc-hero h1{

    max-width:950px;

    margin:0 auto 22px;

    color:#fff;

    font-size:clamp(46px,6vw,78px);

    font-weight:800;

    line-height:1.02;

    letter-spacing:-2.8px;

    text-shadow:0 5px 24px rgba(0,0,0,.24);

}


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

.mc-home .mc-hero-description{

    max-width:720px;

    margin:0 auto 34px;

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

    font-size:18px;

    line-height:1.7;

    text-shadow:0 2px 10px rgba(0,0,0,.18);

}


/*====================================================*
 * HERO BUTTONS
 *====================================================*/

.mc-home .mc-hero-buttons{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    flex-wrap:wrap;

}


.mc-home .mc-hero-buttons .mc-btn{

    min-height:52px;

    padding:0 24px;

    border-radius:12px;

    font-size:14px;

    font-weight:800;

}


/*====================================================*
 * HERO PRIMARY BUTTON
 *====================================================*/

.mc-home .mc-hero-buttons .mc-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    background:#fff;

    border:1px solid #fff;

    color:#7ed321;

    text-decoration:none;

    box-shadow:0 10px 28px rgba(0,0,0,.14);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;

}


.mc-home .mc-hero-buttons .mc-btn-primary:hover{

    transform:translateY(-3px);

    background:#fff;

    color:#7ed321;

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

}


/*====================================================*
 * HERO SECONDARY BUTTON
 *====================================================*/

.mc-home .mc-hero-buttons .mc-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

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

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

    color:#fff;

    text-decoration:none;

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;

}


.mc-home .mc-hero-buttons .mc-btn-secondary:hover{

    transform:translateY(-3px);

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

    border-color:#fff;

    color:#fff;

}


/*====================================================*
 * QUICK ACCESS / PILLARS
 *====================================================*/

.mc-home .mc-pillars{

    position:relative;

    z-index:10;

    width:100%;

    max-width:1120px;

    margin:-42px auto 0;

    padding:0 20px;

    box-sizing:border-box;

}


.mc-home .mc-pillars-grid{

    display:grid;

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

    gap:16px;

}


.mc-home .mc-pillars .mc-pillar{

    position:relative;

    display:flex;

    align-items:center;

    gap:14px;

    width:100%;

    min-width:0;

    min-height:86px;

    box-sizing:border-box;

    padding:18px 20px;

    background:#fff;

    border:1px solid var(--mc-border,#dfe7ee);

    border-radius:16px;

    color:var(--mc-dark,#0b2340);

    text-decoration:none;

    box-shadow:0 10px 28px rgba(15,23,42,.10);

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

}


.mc-home .mc-pillars .mc-pillar:hover{

    transform:translateY(-5px);

    border-color:rgba(126,211,33,.22);

    box-shadow:0 18px 38px rgba(15,23,42,.14);

}


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

.mc-home .mc-pillar-icon{

    flex:0 0 auto;

    display:flex;

    align-items:center;

    justify-content:center;

    width:46px;

    height:46px;

    border-radius:12px;

    background:rgba(126,211,33,.08);

    color:var(--mc-primary,#7ed321);

}


.mc-home .mc-pillar-icon i{

    font-size:18px;

}


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

.mc-home .mc-pillar-content{

    display:flex;

    flex-direction:column;

    min-width:0;

}


.mc-home .mc-pillar-content strong{

    margin:0 0 3px;

    color:var(--mc-dark,#0b2340);

    font-size:15px;

    font-weight:800;

    line-height:1.3;

}


.mc-home .mc-pillar-content small{

    color:var(--mc-muted,#667085);

    font-size:12px;

    line-height:1.4;

}


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

.mc-home .mc-pillar-arrow{

    margin-left:auto;

    flex:0 0 auto;

    color:#94a3b8;

    font-size:13px;

    transition:
        transform .25s ease,
        color .25s ease;

}


.mc-home .mc-pillar:hover .mc-pillar-arrow{

    color:var(--mc-primary,#7ed321);

    transform:translateX(4px);

}


/*====================================================*
 * COMING SOON
 *====================================================*/

.mc-home .mc-pillar-coming-soon{

    cursor:default;

}


.mc-home .mc-pillar-coming-soon:hover{

    transform:none;

    border-color:var(--mc-border,#dfe7ee);

    box-shadow:0 10px 28px rgba(15,23,42,.10);

}


.mc-home .mc-pillar-status{

    margin-left:auto;

    flex:0 0 auto;

    color:#667085;

    font-size:11px;

    font-weight:700;

    white-space:nowrap;

}


/*====================================================*
 * SEARCH SECTION
 *====================================================*/

.mc-home .mc-search-section{

    padding:88px 0 76px;

    background:#f6f9fc;

}


.mc-home .mc-search-card{

    max-width:900px;

    margin:0 auto;

}


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

.mc-home .mc-search-heading{

    margin-bottom:28px;

}


.mc-home .mc-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-bottom:14px;

    padding:7px 14px;

    border:1px solid #dbe3ec;

    border-radius:999px;

    background:#fff;

    color:#7ed321;

    font-size:11px;

    font-weight:800;

    letter-spacing:.8px;

    text-transform:uppercase;

}


.mc-home .mc-eyebrow::before{

    content:"";

    width:16px;

    height:2px;

    background:#7ed321;

    border-radius:999px;

}


.mc-home .mc-search-heading h2{

    margin:0 0 12px;

    color:var(--mc-dark,#0b2340);

    font-size:clamp(30px,4vw,44px);

    line-height:1.1;

    letter-spacing:-1.5px;

}


.mc-home .mc-search-heading p{

    margin:0;

    color:var(--mc-muted,#667085);

    font-size:15px;

    line-height:1.7;

}


/*====================================================*
 * SEARCH FORM
 *====================================================*/

.mc-home .mc-search-section .mc-search-form{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    max-width:800px;

    margin:0;

}


.mc-home .mc-search-input-wrap{

    position:relative;

    flex:1;

    min-width:0;

}


.mc-home .mc-search-input-wrap > i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:#667085;

    font-size:14px;

    pointer-events:none;

}


.mc-home .mc-search-input-wrap input{

    width:100%;

    height:56px;

    box-sizing:border-box;

    padding:0 20px 0 46px;

    border:1px solid var(--mc-border,#dfe7ee);

    border-radius:14px;

    background:#fff;

    color:var(--mc-dark,#0b2340);

    outline:none;

    box-shadow:0 5px 18px rgba(15,23,42,.05);

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

}


.mc-home .mc-search-input-wrap input:focus{

    border-color:var(--mc-primary,#7ed321);

    box-shadow:0 0 0 4px rgba(126,211,33,.10);

}


.mc-home .mc-search-section .mc-search-form button{

    min-height:56px;

}


/*====================================================*
 * FEATURED BUSINESSES
 *====================================================*/

.mc-home .mc-featured-businesses{

    padding:88px 0;

    background:#fff;

}


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

.mc-home .mc-section-heading{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:25px;

    margin-bottom:35px;

}


.mc-home .mc-section-heading > div{

    max-width:700px;

}


.mc-home .mc-section-heading h2{

    margin:0 0 10px;

    color:var(--mc-dark,#0b2340);

    font-size:clamp(30px,4vw,44px);

    line-height:1.1;

    letter-spacing:-1px;

}


.mc-home .mc-section-heading p{

    margin:0;

    color:var(--mc-muted,#667085);

    line-height:1.7;

}


.mc-home .mc-section-link{

    flex:0 0 auto;

}


/*====================================================*
 * FEATURED BUSINESS GRID
 *====================================================*/

.mc-home .mc-grid{

    display:grid;

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

    gap:26px;

}


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

.mc-home .mc-grid .mc-card{

    height:100%;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:#fff;

    border:1px solid var(--mc-border,#dfe7ee);

    border-radius:18px;

    box-shadow:0 4px 16px rgba(15,23,42,.06);

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

}


.mc-home .mc-grid .mc-card:hover{

    transform:translateY(-6px);

    border-color:rgba(126,211,33,.18);

    box-shadow:0 20px 44px rgba(8,43,76,.10);

}


/*====================================================*
 * BUSINESS CARD IMAGE
 *====================================================*/

.mc-home .mc-card-image{

    display:block;

    width:100%;

    height:220px;

    object-fit:cover;

}


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

.mc-home .mc-card-content{

    display:flex;

    flex:1;

    flex-direction:column;

    padding:24px;

}


.mc-home .mc-card-content h3{

    margin:8px 0 10px;

    color:var(--mc-dark,#0b2340);

    font-size:21px;

    line-height:1.25;

}


.mc-home .mc-card-content h3 a{

    color:inherit;

    text-decoration:none;

}


.mc-home .mc-card-content p{

    margin:0 0 20px;

    color:var(--mc-muted,#667085);

    font-size:14px;

    line-height:1.65;

}


.mc-home .mc-card-content .mc-btn{

    margin-top:auto;

    align-self:flex-start;

}


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

.mc-home .mc-category-grid{

    display:grid;

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

    gap:20px;

}


.mc-home .mc-category{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:175px;

    padding:26px 18px;

    background:#fff;

    border:1px solid var(--mc-border,#dfe7ee);

    border-radius:18px;

    text-align:center;

    text-decoration:none;

    box-shadow:0 4px 16px rgba(15,23,42,.05);

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

}


.mc-home .mc-category:hover{

    transform:translateY(-5px);

    border-color:rgba(126,211,33,.20);

    box-shadow:0 15px 35px rgba(15,23,42,.09);

}


.mc-home .mc-category i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    margin-bottom:15px;

    border-radius:16px;

    background:rgba(126,211,33,.08);

    color:var(--mc-primary,#7ed321);

    font-size:25px;

}


.mc-home .mc-category h3{

    margin:0 0 5px;

    color:var(--mc-dark,#0b2340);

    font-size:17px;

}


.mc-home .mc-category span{

    color:var(--mc-muted,#667085);

    font-size:13px;

}


/*====================================================*
 * EVENTS
 *====================================================*/

.mc-home .mc-events-grid{

    display:grid;

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

    gap:26px;

}


.mc-home .mc-event-card{

    overflow:hidden;

    background:#fff;

    border:1px solid var(--mc-border,#dfe7ee);

    border-radius:18px;

    box-shadow:0 4px 16px rgba(15,23,42,.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.mc-home .mc-event-card:hover{

    transform:translateY(-5px);

    box-shadow:0 16px 35px rgba(15,23,42,.09);

}


.mc-home .mc-event-card-content{

    padding:24px;

}


.mc-home .mc-event-date{

    display:inline-flex;

    padding:6px 10px;

    margin-bottom:12px;

    border-radius:8px;

    background:rgba(126,211,33,.08);

    color:var(--mc-primary,#7ed321);

    font-size:12px;

    font-weight:700;

}


/*====================================================*
 * EXPLORE MADIBENG
 *====================================================*/

.mc-home .mc-explore-grid{

    display:grid;

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

    gap:25px;

}


.mc-home .mc-explore-card{

    padding:32px;

    background:#fff;

    border:1px solid var(--mc-border,#dfe7ee);

    border-radius:18px;

    box-shadow:0 4px 16px rgba(15,23,42,.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.mc-home .mc-explore-card:hover{

    transform:translateY(-4px);

    box-shadow:0 14px 32px rgba(15,23,42,.08);

}


.mc-home .mc-explore-card h3{

    margin:0 0 10px;

}


.mc-home .mc-explore-card p{

    margin:0 0 20px;

    color:var(--mc-muted,#667085);

    line-height:1.65;

}


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

.mc-home .mc-business-cta{

    padding:90px 0;

    background:#0b2340;

    color:#fff;

    text-align:center;

}


.mc-home .mc-business-cta h2{

    margin:0 0 15px;

    color:#fff;

    font-size:clamp(32px,4vw,48px);

}


.mc-home .mc-business-cta p{

    max-width:650px;

    margin:0 auto 30px;

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

    line-height:1.7;

}


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

@media(max-width:991px){

    .mc-home .mc-hero{

        min-height:500px;

        padding:105px 0 95px;

    }


    .mc-home .mc-grid{

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

    }


    .mc-home .mc-category-grid{

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

    }


    .mc-home .mc-events-grid{

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

    }


    .mc-home .mc-explore-grid{

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

    }


    .mc-home .mc-pillars{

        margin-top:-34px;

    }


    .mc-home .mc-pillars-grid{

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

    }

}


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

@media(max-width:768px){

    .mc-home .mc-hero{

        min-height:560px;

        padding:90px 20px 90px;

        background-image:
            linear-gradient(
                180deg,
                rgba(4,35,84,.22) 0%,
                rgba(13,78,150,.40) 42%,
                rgba(3,36,82,.84) 100%
            ),
            url("../images/logo/hero/madibeng-connect-hero-mobile.jpg");

        background-position:center center;

        background-size:cover;

    }


    .mc-home .mc-hero-location{

        font-size:12px;

        margin-bottom:10px;

    }


    .mc-home .mc-hero-kicker{

        margin-bottom:20px;

        font-size:14px;

    }


    .mc-home .mc-hero h1{

        max-width:620px;

        font-size:clamp(40px,10vw,56px);

        letter-spacing:-1.8px;

        line-height:1.04;

        margin-bottom:18px;

    }


    .mc-home .mc-hero-description{

        max-width:560px;

        font-size:16px;

        line-height:1.6;

        margin-bottom:26px;

    }


    .mc-home .mc-hero-buttons{

        width:100%;

        gap:9px;

    }


    .mc-home .mc-hero-buttons .mc-btn{

        min-height:50px;

        padding:0 18px;

        font-size:13px;

    }


    /*----------------------------------------------*
     * QUICK ACCESS
     *----------------------------------------------*/

    .mc-home .mc-pillars{

        margin-top:-30px;

        padding:0 14px;

    }


    .mc-home .mc-pillars-grid{

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

        gap:10px;

    }


    .mc-home .mc-pillars .mc-pillar{

        min-height:78px;

        padding:14px;

        gap:10px;

        border-radius:14px;

    }


    .mc-home .mc-pillar-icon{

        width:40px;

        height:40px;

        border-radius:10px;

    }


    .mc-home .mc-pillar-icon i{

        font-size:16px;

    }


    .mc-home .mc-pillar-content strong{

        font-size:13px;

    }


    .mc-home .mc-pillar-content small{

        font-size:10px;

        line-height:1.3;

    }


    .mc-home .mc-pillar-arrow{

        display:none;

    }


    .mc-home .mc-pillar-status{

        font-size:9px;

        white-space:normal;

        text-align:right;

    }


    /*----------------------------------------------*
     * SEARCH
     *----------------------------------------------*/

    .mc-home .mc-search-section{

        padding:64px 0 58px;

    }


    .mc-home .mc-search-heading{

        margin-bottom:22px;

    }


    .mc-home .mc-search-heading h2{

        font-size:32px;

    }


    .mc-home .mc-search-heading p{

        font-size:14px;

    }


    .mc-home .mc-search-section .mc-search-form{

        flex-direction:column;

        align-items:stretch;

        width:100%;

    }


    .mc-home .mc-search-input-wrap{

        width:100%;

    }


    .mc-home .mc-search-input-wrap input{

        height:54px;

    }


    .mc-home .mc-search-section .mc-search-form button{

        width:100%;

        min-height:54px;

    }


    /*----------------------------------------------*
     * FEATURED BUSINESSES
     *----------------------------------------------*/

    .mc-home .mc-featured-businesses{

        padding:65px 0;

    }


    .mc-home .mc-section-heading{

        display:block;

        margin-bottom:25px;

    }


    .mc-home .mc-section-heading h2{

        font-size:32px;

    }


    .mc-home .mc-section-heading p{

        font-size:14px;

    }


    .mc-home .mc-section-link{

        display:inline-flex;

        margin-top:16px;

    }


    .mc-home .mc-grid{

        grid-template-columns:1fr;

        gap:18px;

    }


    .mc-home .mc-card-image{

        height:205px;

    }


    .mc-home .mc-card-content{

        padding:20px;

    }


    /*----------------------------------------------*
     * CATEGORIES
     *----------------------------------------------*/

    .mc-home .mc-category-grid{

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

        gap:10px;

    }


    .mc-home .mc-category{

        min-height:140px;

        padding:20px 10px;

        border-radius:14px;

    }


    .mc-home .mc-category i{

        width:48px;

        height:48px;

        margin-bottom:10px;

        border-radius:13px;

        font-size:20px;

    }


    .mc-home .mc-category h3{

        font-size:15px;

    }


    .mc-home .mc-category span{

        font-size:11px;

    }


    /*----------------------------------------------*
     * EVENTS
     *----------------------------------------------*/

    .mc-home .mc-events-grid{

        grid-template-columns:1fr;

        gap:16px;

    }


    .mc-home .mc-event-card-content{

        padding:20px;

    }


    /*----------------------------------------------*
     * EXPLORE
     *----------------------------------------------*/

    .mc-home .mc-explore-grid{

        grid-template-columns:1fr;

        gap:14px;

    }


    .mc-home .mc-explore-card{

        padding:24px;

    }


    /*----------------------------------------------*
     * CTA
     *----------------------------------------------*/

    .mc-home .mc-business-cta{

        padding:70px 20px;

    }

}


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

@media(max-width:480px){

    .mc-home .mc-hero{

        min-height:570px;

        padding:76px 16px 82px;

        background-position:center center;

    }


    .mc-home .mc-hero h1{

        font-size:39px;

        line-height:1.05;

        letter-spacing:-1.4px;

    }


    .mc-home .mc-hero-location{

        flex-wrap:wrap;

    }


    .mc-home .mc-hero-description{

        font-size:15px;

        line-height:1.6;

    }


    .mc-home .mc-hero-buttons{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }


    .mc-home .mc-hero-buttons .mc-btn{

        width:100%;

    }


    /*----------------------------------------------*
     * QUICK ACCESS
     *----------------------------------------------*/

    .mc-home .mc-pillars{

        padding:0 10px;

        margin-top:-26px;

    }


    .mc-home .mc-pillars-grid{

        gap:8px;

    }


    .mc-home .mc-pillars .mc-pillar{

        min-height:72px;

        padding:11px;

        gap:8px;

        border-radius:13px;

    }


    .mc-home .mc-pillar-icon{

        width:35px;

        height:35px;

        border-radius:9px;

    }


    .mc-home .mc-pillar-icon i{

        font-size:14px;

    }


    .mc-home .mc-pillar-content strong{

        font-size:11px;

        line-height:1.25;

    }


    .mc-home .mc-pillar-content small{

        font-size:9px;

    }


    .mc-home .mc-pillar-status{

        font-size:8px;

    }


    /*----------------------------------------------*
     * SEARCH
     *----------------------------------------------*/

    .mc-home .mc-search-section{

        padding:55px 0 50px;

    }


    .mc-home .mc-search-heading h2{

        font-size:29px;

    }


    /*----------------------------------------------*
     * FEATURED CARDS
     *----------------------------------------------*/

    .mc-home .mc-card-image{

        height:190px;

    }


    .mc-home .mc-card-content{

        padding:18px;

    }


    /*----------------------------------------------*
     * CATEGORIES
     *----------------------------------------------*/

    .mc-home .mc-category-grid{

        gap:8px;

    }


    .mc-home .mc-category{

        min-height:130px;

        padding:17px 7px;

        border-radius:13px;

    }


    .mc-home .mc-category i{

        width:44px;

        height:44px;

        margin-bottom:9px;

        font-size:18px;

    }


    .mc-home .mc-category h3{

        font-size:13px;

    }


    .mc-home .mc-category span{

        font-size:10px;

    }


    /*----------------------------------------------*
     * EXPLORE
     *----------------------------------------------*/

    .mc-home .mc-explore-card{

        padding:20px;

    }


    /*----------------------------------------------*
     * CTA
     *----------------------------------------------*/

    .mc-home .mc-business-cta{

        padding:60px 16px;

    }


    .mc-home .mc-business-cta h2{

        font-size:32px;

    }

}


/*====================================================*
 * ACCESSIBILITY / REDUCED MOTION
 *====================================================*/

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

    .mc-home .mc-pillars .mc-pillar,
    .mc-home .mc-grid .mc-card,
    .mc-home .mc-category,
    .mc-home .mc-event-card,
    .mc-home .mc-explore-card,
    .mc-home .mc-hero-buttons .mc-btn-primary,
    .mc-home .mc-hero-buttons .mc-btn-secondary{

        transition:none;

    }

}

/*====================================================*
 * MODERN STATES
 *====================================================*/

.mc-home a:focus-visible,
.mc-home button:focus-visible,
.mc-home input:focus-visible{
    outline:3px solid rgba(126,211,33,.28);
    outline-offset:2px;
}

@media(prefers-reduced-motion:reduce){
    .mc-home *,
    .mc-home *::before,
    .mc-home *::after{
        scroll-behavior:auto !important;
        transition-duration:0.01ms !important;
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
    }
}