.elementor-21935 .elementor-element.elementor-element-e60b3f1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.63;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:155px;--padding-bottom:155px;--padding-left:20px;--padding-right:20px;}.elementor-21935 .elementor-element.elementor-element-e60b3f1:not(.elementor-motion-effects-element-type-background), .elementor-21935 .elementor-element.elementor-element-e60b3f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://maputointernationalcollege.com/wp-content/uploads/2026/07/Slide-01-MIC.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21935 .elementor-element.elementor-element-e60b3f1::before, .elementor-21935 .elementor-element.elementor-element-e60b3f1 > .elementor-background-video-container::before, .elementor-21935 .elementor-element.elementor-element-e60b3f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-21935 .elementor-element.elementor-element-e60b3f1 > .elementor-background-slideshow::before, .elementor-21935 .elementor-element.elementor-element-e60b3f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21935 .elementor-element.elementor-element-e60b3f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#030303B5;--background-overlay:'';}.elementor-21935 .elementor-element.elementor-element-0363901{width:auto;max-width:auto;}.elementor-21935 .elementor-element.elementor-element-0363901 .jet-listing-dynamic-field__content{color:#FFFFFF;font-family:"Bitter", Sans-serif;font-size:56px;font-weight:500;}.elementor-21935 .elementor-element.elementor-element-0363901 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-21935 .elementor-element.elementor-element-0363901 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-21935 .elementor-element.elementor-element-0363901 .jet-listing-dynamic-field{justify-content:center;}.elementor-21935 .elementor-element.elementor-element-9da3fd8 .rs-divider{background-color:#FFFFFF26;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-21935 .elementor-element.elementor-element-9da3fd8 .rs-divider.dot-enable::before, .elementor-21935 .elementor-element.elementor-element-9da3fd8 .rs-divider.dot-enable::after{background:#FFFFFF;width:145px;height:2px;}.elementor-21935 .elementor-element.elementor-element-9da3fd8 .rs-divider.dot-enable::before{left:50%;transform:translateX(-50%);}.elementor-21935 .elementor-element.elementor-element-9da3fd8 .rs-divider.dot-enable::after{display:none !important;}.elementor-21935 .elementor-element.elementor-element-9da3fd8.elementor-widget-rs-divider{width:480px;height:1px;}.elementor-21935 .elementor-element.elementor-element-4a96938{width:var( --container-widget-width, 40% );max-width:40%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFFE6;}.elementor-21935 .elementor-element.elementor-element-69bcc9a{--display:flex;--padding-top:0px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}@media(min-width:768px){.elementor-21935 .elementor-element.elementor-element-e60b3f1{--content-width:1620px;}}@media(max-width:1366px){.elementor-21935 .elementor-element.elementor-element-0363901{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;}.elementor-21935 .elementor-element.elementor-element-4a96938{--container-widget-width:53%;--container-widget-flex-grow:0;width:var( --container-widget-width, 53% );max-width:53%;}}@media(max-width:1200px){.elementor-21935 .elementor-element.elementor-element-4a96938{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}}@media(max-width:1024px){.elementor-21935 .elementor-element.elementor-element-e60b3f1{--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-21935 .elementor-element.elementor-element-0363901{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-21935 .elementor-element.elementor-element-e60b3f1{--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-21935 .elementor-element.elementor-element-4a96938{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c26e6e5 *//* =========================================================
   MIC — GRADUATES
========================================================= */

.mic-graduates{
    --mic-green:#9dbb18;
    --mic-green-dark:#758b13;
    --mic-red:#a52b38;

    --mic-dark:#202020;
    --mic-heading:#181818;

    --mic-text:#5f5f5f;
    --mic-muted:#888680;

    --mic-border:#e6e2d9;
    --mic-border-dark:#d6d1c6;

    --mic-soft:#f7f6f1;
    --mic-soft-2:#fbfaf7;
    --mic-white:#ffffff;

    width:100%;
    max-width:1180px;
    margin:0 auto;
}


.mic-graduates *,
.mic-graduates *::before,
.mic-graduates *::after{
    box-sizing:border-box;
}


/* =========================================================
   COMMON
========================================================= */

.mic-graduates-eyebrow{
    display:block;
    margin-bottom:7px;

    color:var(--mic-green-dark);

    font-size:10px;
    line-height:1;

    font-weight:700;

    letter-spacing:.11em;

    text-transform:uppercase;
}


/* =========================================================
   INTRO
========================================================= */

.mic-graduates-intro{
    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(340px,.85fr);

    overflow:hidden;

    margin-bottom:26px;

    background:var(--mic-white);

    border:1px solid var(--mic-border);
    border-radius:17px;
}


.mic-graduates-class-photo{
    position:relative;

    min-height:410px;

    overflow:hidden;

    background:#ecebe7;
}


.mic-graduates-class-photo::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.42),
            transparent 42%
        );

    pointer-events:none;
}


.mic-graduates-class-photo img{
    display:block;

    width:100%;
    height:100%;

    min-height:410px;

    object-fit:cover;
}


.mic-graduates-year-badge{
    position:absolute;

    left:24px;
    bottom:22px;

    z-index:2;

    display:flex;
    flex-direction:column;

    padding:13px 17px;

    background:#fff;

    border-radius:10px;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.15);
}


.mic-graduates-year-badge span{
    margin-bottom:3px;

    color:var(--mic-muted);

    font-size:9px;
    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.mic-graduates-year-badge strong{
    color:var(--mic-heading);

    font-size:24px;
    line-height:1;

    font-weight:700;
}


.mic-graduates-intro-content{
    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:38px;
}


.mic-graduates-intro-content h2{
    margin:
        0 0 18px;

    color:var(--mic-heading);

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

    line-height:1.08;

    font-weight:700;
}


.mic-graduates-description{
    color:var(--mic-text);

    font-size:14px;
    line-height:1.75;
}


.mic-graduates-description > *:first-child{
    margin-top:0;
}


.mic-graduates-description > *:last-child{
    margin-bottom:0;
}


/* =========================================================
   STATS
========================================================= */

.mic-graduates-stats{
    display:grid;

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

    gap:9px;

    margin-top:27px;
}


.mic-graduates-stat{
    padding:14px 15px;

    background:var(--mic-soft-2);

    border:
        1px solid
        var(--mic-border);

    border-radius:10px;
}


.mic-graduates-stat strong{
    display:block;

    margin-bottom:4px;

    color:var(--mic-heading);

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

    font-weight:700;
}


.mic-graduates-stat span{
    color:var(--mic-muted);

    font-size:10px;

    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;
}


/* =========================================================
   TOOLBAR
========================================================= */

.mic-graduates-toolbar{
    margin-bottom:24px;

    padding:23px 25px;

    background:var(--mic-white);

    border:
        1px solid
        var(--mic-border);

    border-radius:15px;
}


.mic-graduates-toolbar-heading{
    margin-bottom:20px;
}


.mic-graduates-toolbar-heading h3{
    margin:0;

    color:var(--mic-heading);

    font-size:25px;
    line-height:1.2;
}


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

.mic-graduates-search{
    margin-bottom:16px;
}


.mic-graduates-search label{
    display:block;

    margin-bottom:7px;

    color:var(--mic-muted);

    font-size:9px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.mic-graduates-search-input{
    display:block;

    width:100%;
    min-height:46px;

    padding:
        0 15px;

    background:#fff;

    border:
        1px solid
        var(--mic-border-dark);

    border-radius:8px;

    outline:none;

    color:var(--mic-dark);

    font-size:14px;

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


.mic-graduates-search-input:focus{
    border-color:var(--mic-green);

    box-shadow:
        0 0 0 3px
        rgba(157,187,24,.11);
}


/* =========================================================
   FILTERS
========================================================= */

.mic-graduates-filters{
    display:flex;

    flex-wrap:wrap;

    gap:8px;
}


.mic-graduates-filter{
    appearance:none;

    display:inline-flex;

    align-items:center;

    gap:8px;

    min-height:40px;

    padding:
        0 14px;

    background:#fff;

    border:
        1px solid
        var(--mic-border-dark);

    border-radius:8px;

    color:var(--mic-text);

    cursor:pointer;

    font-size:12px;
    font-weight:700;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}


.mic-graduates-filter span{
    display:inline-flex;

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

    min-width:22px;
    height:22px;

    padding:
        0 6px;

    background:var(--mic-soft);

    border-radius:20px;

    color:var(--mic-muted);

    font-size:9px;
}


.mic-graduates-filter:hover{
    border-color:var(--mic-green);
}


.mic-graduates-filter.is-active{
    background:var(--mic-green);

    border-color:var(--mic-green);

    color:#fff;
}


.mic-graduates-filter.is-active span{
    background:
        rgba(255,255,255,.18);

    color:#fff;
}


/* =========================================================
   SCHOOL SECTION
========================================================= */

.mic-graduates-school{
    margin-bottom:28px;

    overflow:hidden;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:17px;
}


.mic-graduates-school:last-child{
    margin-bottom:0;
}


.mic-graduates-school-header{
    display:flex;

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

    gap:20px;

    padding:
        22px 25px;

    background:
        var(--mic-soft-2);

    border-bottom:
        1px solid
        var(--mic-border);
}


.mic-graduates-school-header h3{
    margin:0;

    color:var(--mic-heading);

    font-size:27px;
    line-height:1.15;
}


.mic-graduates-school-count{
    flex-shrink:0;

    padding:
        7px 10px;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:20px;

    color:var(--mic-muted);

    font-size:10px;

    font-weight:700;

    letter-spacing:.03em;
}


/* =========================================================
   GRADE
========================================================= */

.mic-graduates-grade{
    padding:25px;
}


.mic-graduates-grade + .mic-graduates-grade{
    border-top:
        1px solid
        var(--mic-border);
}


.mic-graduates-grade-heading{
    display:flex;

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

    gap:18px;

    margin-bottom:17px;
}


.mic-graduates-grade-heading h4{
    margin:0;

    color:var(--mic-heading);

    font-size:19px;
    line-height:1.25;
}


.mic-graduates-grade-heading span{
    color:var(--mic-muted);

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


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

.mic-graduates-grid{
    display:grid;

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

    gap:14px;
}


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

.mic-graduate-card{
    min-width:0;

    overflow:hidden;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:13px;

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


@media (hover:hover) and (pointer:fine){

    .mic-graduate-card:hover{
        transform:
            translateY(-3px);

        border-color:
            rgba(157,187,24,.55);

        box-shadow:
            0 12px 28px
            rgba(0,0,0,.07);
    }

}


.mic-graduate-photo{
    position:relative;

    width:100%;
    aspect-ratio:4 / 5;

    overflow:hidden;

    background:#ecebe7;
}


.mic-graduate-photo img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center top;

    transition:
        transform .3s ease;
}


@media (hover:hover) and (pointer:fine){

    .mic-graduate-card:hover
    .mic-graduate-photo img{
        transform:
            scale(1.025);
    }

}


/* =========================================================
   PHOTO PLACEHOLDER
========================================================= */

.mic-graduate-photo-placeholder{
    width:100%;
    height:100%;

    display:flex;

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

    background:
        linear-gradient(
            145deg,
            #f5f5ef,
            #ecebe4
        );
}


.mic-graduate-photo-placeholder span{
    width:72px;
    height:72px;

    display:flex;

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

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:50%;

    color:var(--mic-green-dark);

    font-size:22px;

    font-weight:700;

    letter-spacing:.04em;
}


/* =========================================================
   AWARD BADGE
========================================================= */

.mic-graduate-award{
    position:absolute;

    top:11px;
    right:11px;

    padding:
        6px 8px;

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

    border-radius:6px;

    color:var(--mic-green-dark);

    font-size:8.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    box-shadow:
        0 5px 16px
        rgba(0,0,0,.09);
}


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

.mic-graduate-content{
    padding:
        15px 15px 17px;
}


.mic-graduate-level{
    display:block;

    margin-bottom:6px;

    color:var(--mic-green-dark);

    font-size:8.5px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.mic-graduate-content h5{
    margin:
        0 0 5px;

    color:var(--mic-heading);

    font-size:15px;

    line-height:1.3;

    font-weight:700;
}


.mic-graduate-grade{
    color:var(--mic-muted);

    font-size:11px;

    line-height:1.4;

    font-weight:600;
}


.mic-graduate-award-text{
    margin-top:11px;

    padding-top:10px;

    border-top:
        1px solid
        var(--mic-border);

    color:var(--mic-text);

    font-size:10.5px;

    line-height:1.45;
}


/* =========================================================
   EMPTY / NO RESULTS
========================================================= */

.mic-graduates-empty,
.mic-graduates-no-results{
    padding:35px;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:15px;

    text-align:center;
}


.mic-graduates-empty h3,
.mic-graduates-no-results strong{
    display:block;

    margin:
        0 0 7px;

    color:var(--mic-heading);

    font-size:20px;
}


.mic-graduates-empty p,
.mic-graduates-no-results p{
    margin:0;

    color:var(--mic-muted);

    font-size:13px;
}


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

@media(max-width:1024px){

    .mic-graduates-intro{
        grid-template-columns:
            1fr 1fr;
    }


    .mic-graduates-intro-content{
        padding:28px;
    }


    .mic-graduates-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


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

@media(max-width:767px){

    .mic-graduates-intro{
        grid-template-columns:1fr;
    }


    .mic-graduates-class-photo,
    .mic-graduates-class-photo img{
        min-height:0;

        aspect-ratio:16 / 10;
    }


    .mic-graduates-intro-content{
        padding:22px;
    }


    .mic-graduates-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .mic-graduates-toolbar{
        padding:20px;
    }


    .mic-graduates-filters{
        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:4px;

        scrollbar-width:thin;
    }


    .mic-graduates-filter{
        flex:0 0 auto;
    }


    .mic-graduates-school-header{
        align-items:flex-start;

        padding:20px;
    }


    .mic-graduates-grade{
        padding:20px;
    }


    .mic-graduates-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:11px;
    }

}


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

@media(max-width:420px){

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


    .mic-graduate-content{
        padding:
            12px 11px 14px;
    }


    .mic-graduate-content h5{
        font-size:13px;
    }


    .mic-graduates-school-count{
        display:none;
    }

}/* End custom CSS */