/* ==========================================================
   MERITZA CLASSES
   TUTOR PROFILE PAGE
   Version : 3.0.0

   Design:
   Premium Editorial / Academic
   Navy #0A1946
   Gold #D4AF37
========================================================== */


/* ==========================================================
   PAGE BASE
========================================================== */

.mc-tutor-profile-page{

    width:100%;

    min-height:100vh;

    padding:
        0 0
        70px;


}


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

.mc-tutor-profile-page .mc-container{

    width:min(
        1180px,
        calc(100% - 40px)
    );

    margin:0 auto;

}


/* ==========================================================
   BREADCRUMB
========================================================== */

/* Tutor Profile breadcrumb: inherit the global transparent breadcrumb treatment. */
/* Breadcrumb lives inside the page main, matching the global public-page treatment. */
body.mc-tutor-profile-body .mc-breadcrumbs {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Keep the breadcrumb itself transparent so the global main background shows through. */
body.mc-tutor-profile-body .mc-breadcrumbs-inner {
    background: transparent !important;
}

body.mc-tutor-profile-body .mc-breadcrumbs {
    background: transparent !important;
}

body.mc-tutor-profile-body .mc-breadcrumbs,
body.mc-tutor-profile-body .mc-breadcrumbs::before,
body.mc-tutor-profile-body .mc-breadcrumbs::after,
body.mc-tutor-profile-body .mc-breadcrumbs-inner,
body.mc-tutor-profile-body .mc-breadcrumbs-inner::before,
body.mc-tutor-profile-body .mc-breadcrumbs-inner::after {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


.mc-tutor-profile-page .mc-breadcrumbs{

    width:100%;

    margin-top:56px;

    padding:
        4px 0
        2px;

    background:transparent !important;

    border:none !important;

    box-shadow:none !important;

    position:relative;

    z-index:3;

}


.mc-tutor-profile-page .mc-breadcrumbs-inner{

    width:min(
        1180px,
        calc(100% - 40px)
    );

    min-height:34px;

    margin:0 auto;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

}


.mc-tutor-profile-page .mc-breadcrumb-link{

    display:inline-flex;

    align-items:center;

    gap:6px;

    color:#536A87 !important;

    font-size:.82rem;

    font-weight:600;

    line-height:1;

    text-decoration:none !important;

}


.mc-tutor-profile-page .mc-breadcrumb-link:hover{

    color:#0A1946 !important;

}


.mc-tutor-profile-page .mc-breadcrumb-separator{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    color:#526A87 !important;

    font-size:.78rem;

    font-weight:700;

    line-height:1;

    opacity:1;

}


.mc-tutor-profile-page .mc-breadcrumb-current{

    display:inline-flex;

    align-items:center;

    color:#0A1946 !important;

    font-size:.82rem;

    font-weight:700;

    line-height:1;

}


/* ==========================================================
   TUTOR PROFILE HERO
   Match the same content width as the sections below
========================================================== */

.mc-tutor-profile-hero{

    position:relative;

    width:100%;

    margin:8px auto 0;

    overflow:hidden;

    border-radius:26px;

    background:
        linear-gradient(
            120deg,
            #07183D 0%,
            #0A1946 52%,
            #173477 100%
        );

    box-shadow:
        0 22px 50px
        rgba(
            10,
            25,
            70,
            .18
        );

}


/*
|--------------------------------------------------------------------------
| The Hero already controls its own width.
| Prevent the nested global container from shrinking it again.
|--------------------------------------------------------------------------
*/

.mc-tutor-profile-hero > .mc-container{

    width:100%;

    margin:0;

}


.mc-tutor-profile-hero::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    top:-260px;

    right:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(
                212,
                175,
                55,
                .18
            ) 0%,
            transparent 68%
        );

    pointer-events:none;

}


.mc-tutor-profile-hero::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    bottom:-220px;

    left:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(
                255,
                255,
                255,
                .06
            ) 0%,
            transparent 70%
        );

    pointer-events:none;

}


.mc-tutor-profile-hero-inner{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        250px
        minmax(0,1fr);

    gap:48px;

    align-items:center;

    padding:
        44px
        48px;

}


/* ==========================================================
   PROFILE PHOTO
========================================================== */

.mc-tutor-profile-photo-area{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}


.mc-tutor-profile-photo-wrap{

    width:205px;

    height:205px;

    overflow:hidden;

    border-radius:24px;

    border:
        5px solid
        rgba(
            255,
            255,
            255,
            .9
        );

    background:#E8EEF5;

    box-shadow:
        0 18px 40px
        rgba(
            0,
            0,
            0,
            .22
        );

}


.mc-tutor-profile-photo{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;
    object-position:top center;

}


.mc-tutor-profile-photo-fallback{

    width:100%;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #DCE6F1,
            #EEF3F8
        );

    color:#71839A;

    font-size:4rem;

}


/* ==========================================================
   VERIFICATION
========================================================== */

.mc-tutor-profile-verification{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    margin-top:14px;

    padding:
        7px
        12px;

    border:
        1px solid
        rgba(
            212,
            175,
            55,
            .55
        );

    border-radius:999px;

    background:
        rgba(
            212,
            175,
            55,
            .12
        );

    color:#F0C94D;

    font-size:.68rem;

    font-weight:700;

    letter-spacing:.02em;

}


.mc-tutor-profile-verification i{

    font-size:.75rem;

}


/* ==========================================================
   IDENTITY
========================================================== */

.mc-tutor-profile-identity{

    min-width:0;

}

.mc-tutor-profile-name{

    margin:0;

    color:#FFFFFF;

    font-size:
        clamp(
            2rem,
            4vw,
            3.35rem
        );

    font-weight:760;

    line-height:1.05;

    letter-spacing:-.035em;

}


.mc-tutor-profile-institute,
.mc-tutor-profile-branch{

    display:flex;

    align-items:flex-start;

    gap:9px;

    margin-top:14px;

    color:#DCE7F5;

    font-size:.9rem;

    line-height:1.45;

}


.mc-tutor-profile-institute i,
.mc-tutor-profile-branch i{

    flex:0 0 17px;

    margin-top:2px;

    color:#D4AF37;

    text-align:center;

}


/* ==========================================================
   SUBJECTS
========================================================== */

.mc-tutor-profile-subjects{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-top:20px;

}


.mc-tutor-profile-subject{

    display:inline-flex;

    align-items:center;

    min-height:28px;

    padding:
        5px
        11px;

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

    border-radius:999px;

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

    color:#F5F8FC;

    font-size:.68rem;

    font-weight:600;

}


/* ==========================================================
   ACTIONS
========================================================== */

.mc-tutor-profile-actions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:28px;

}


.mc-tutor-profile-primary-btn,
.mc-tutor-profile-secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:46px;

    padding:
        0 20px;

    border-radius:9px;

    font-size:.76rem;

    font-weight:750;

    text-decoration:none !important;

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

}


.mc-tutor-profile-primary-btn{

    border:
        1px solid
        #D4AF37;

    background:#D4AF37;

    color:#0A1946 !important;

    box-shadow:
        0 8px 20px
        rgba(
            212,
            175,
            55,
            .20
        );

}


.mc-tutor-profile-primary-btn:hover{

    background:#E1BC42;

    color:#0A1946 !important;

    transform:translateY(-2px);

    box-shadow:
        0 12px 25px
        rgba(
            212,
            175,
            55,
            .28
        );

}


.mc-tutor-profile-secondary-btn{

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

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

    color:#FFFFFF !important;

}


.mc-tutor-profile-secondary-btn:hover{

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

    border-color:
        rgba(
            255,
            255,
            255,
            .45
        );

    color:#FFFFFF !important;

    transform:translateY(-2px);

}


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

.mc-tutor-profile-content{

    padding-top:26px;

}


.mc-tutor-profile-content-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        330px;

    gap:26px;

    align-items:start;

}


/* ==========================================================
   MAIN CONTENT SECTIONS
========================================================== */

.mc-tutor-profile-main-content{

    min-width:0;

}


.mc-tutor-profile-section{

    margin-bottom:20px;

    padding:
        30px
        32px;

    border:
        1px solid
        rgba(
            10,
            25,
            70,
            .07
        );

    border-radius:18px;

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

    box-shadow:
        0 8px 25px
        rgba(
            10,
            25,
            70,
            .06
        );

}


.mc-tutor-profile-section-eyebrow{

    margin-bottom:7px;

    color:#B58E1B;

    font-size:.63rem;

    font-weight:800;

    letter-spacing:.15em;

    text-transform:uppercase;

}


.mc-tutor-profile-section-title{

    margin:0 0 16px;

    color:#0A1946;

    font-size:1.35rem;

    font-weight:750;

    line-height:1.2;

    letter-spacing:-.02em;

}


/* ==========================================================
   BIO
========================================================== */

.mc-tutor-profile-bio{

    color:#56657A;

    font-size:.86rem;

    line-height:1.8;

}


.mc-tutor-profile-bio p{

    margin:0 0 12px;

}


.mc-tutor-profile-bio p:last-child{

    margin-bottom:0;

}


/* ==========================================================
   EXPERTISE
========================================================== */

.mc-tutor-profile-expertise-list{

    display:grid;

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

    gap:9px;

}


.mc-tutor-profile-expertise-item{

    display:flex;

    align-items:center;

    gap:10px;

    min-height:45px;

    padding:
        9px
        12px;

    border:
        1px solid
        rgba(
            10,
            25,
            70,
            .07
        );

    border-radius:10px;

    background:#F7F9FC;

    color:#33445D;

    font-size:.76rem;

    font-weight:600;

}


.mc-tutor-profile-expertise-item i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:24px;

    height:24px;

    flex:0 0 24px;

    border-radius:50%;

    background:
        rgba(
            212,
            175,
            55,
            .14
        );

    color:#B58E1B;

    font-size:.75rem;

}


/* ==========================================================
   ACADEMIC BACKGROUND
========================================================== */

.mc-tutor-profile-academic-list{

    border-top:
        1px solid
        #E7EBF1;

}


.mc-tutor-profile-academic-row{

    display:grid;

    grid-template-columns:
        190px
        minmax(0,1fr);

    gap:20px;

    padding:
        14px 0;

    border-bottom:
        1px solid
        #E7EBF1;

}


.mc-tutor-profile-academic-row span{

    color:#7A8798;

    font-size:.73rem;

    font-weight:600;

}


.mc-tutor-profile-academic-row strong{

    color:#243653;

    font-size:.78rem;

    font-weight:650;

    line-height:1.5;

}


/* ==========================================================
   SIDEBAR
========================================================== */

.mc-tutor-profile-sidebar{

    position:sticky;

    top:90px;

    min-width:0;

}


.mc-tutor-profile-booking-card{

    position:relative;

    overflow:hidden;

    margin-bottom:16px;

    padding:
        26px;

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            #0A1946,
            #122A61
        );

    box-shadow:
        0 14px 35px
        rgba(
            10,
            25,
            70,
            .16
        );

}


.mc-tutor-profile-booking-card::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    top:-100px;

    right:-80px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(
                212,
                175,
                55,
                .20
            ),
            transparent 70%
        );

    pointer-events:none;

}


.mc-tutor-profile-card-eyebrow{

    position:relative;

    z-index:1;

    margin-bottom:8px;

    color:#D4AF37;

    font-size:.61rem;

    font-weight:800;

    letter-spacing:.14em;

    text-transform:uppercase;

}


.mc-tutor-profile-booking-card h2{

    position:relative;

    z-index:1;

    margin:0;

    color:#FFFFFF;

    font-size:1.25rem;

    font-weight:740;

    line-height:1.3;

    letter-spacing:-.02em;

}


.mc-tutor-profile-booking-card p{

    position:relative;

    z-index:1;

    margin:12px 0 20px;

    color:#C9D5E7;

    font-size:.75rem;

    line-height:1.65;

}


.mc-tutor-profile-book-btn{

    position:relative;

    z-index:1;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:46px;

    border:
        1px solid
        #D4AF37;

    border-radius:9px;

    background:#D4AF37;

    color:#0A1946 !important;

    font-size:.75rem;

    font-weight:750;

    text-decoration:none !important;

    transition:
        transform .2s ease,
        background .2s ease;

}


.mc-tutor-profile-book-btn:hover{

    background:#E1BC42;

    color:#0A1946 !important;

    transform:translateY(-2px);

}


.mc-tutor-profile-booking-note{

    position:relative;

    z-index:1;

    display:flex;

    align-items:center;

    gap:7px;

    margin-top:13px;

    color:#BFCDE0;

    font-size:.65rem;

    line-height:1.4;

}


.mc-tutor-profile-booking-note i{

    color:#D4AF37;

}


/* ==========================================================
   SNAPSHOT
========================================================== */

.mc-tutor-profile-snapshot{

    padding:
        24px 26px;

    border:
        1px solid
        rgba(
            10,
            25,
            70,
            .07
        );

    border-radius:18px;

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

    box-shadow:
        0 8px 25px
        rgba(
            10,
            25,
            70,
            .05
        );

}


.mc-tutor-profile-snapshot-row{

    display:flex;

    flex-direction:column;

    gap:4px;

    padding:
        12px 0;

    border-bottom:
        1px solid
        #E9EDF3;

}


.mc-tutor-profile-snapshot-row:last-child{

    border-bottom:none;

    padding-bottom:0;

}


.mc-tutor-profile-snapshot-row span{

    color:#8490A1;

    font-size:.65rem;

    font-weight:600;

}


.mc-tutor-profile-snapshot-row strong{

    color:#233452;

    font-size:.75rem;

    font-weight:650;

    line-height:1.45;

}


/* ==========================================================
   EMPTY STATE
========================================================== */

.mc-tutor-profile-empty{

    max-width:600px;

    margin:
        40px auto;

    padding:
        55px
        30px;

    border:
        1px solid
        rgba(
            10,
            25,
            70,
            .08
        );

    border-radius:20px;

    background:#FFFFFF;

    text-align:center;

    box-shadow:
        0 12px 35px
        rgba(
            10,
            25,
            70,
            .08
        );

}


.mc-tutor-profile-empty h1{

    margin:0 0 10px;

    color:#0A1946;

    font-size:1.7rem;

}


.mc-tutor-profile-empty p{

    margin:0 0 22px;

    color:#718096;

    font-size:.85rem;

}


.mc-tutor-profile-back{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:42px;

    padding:
        0 18px;

    border-radius:8px;

    background:#0A1946;

    color:#FFFFFF !important;

    font-size:.74rem;

    font-weight:700;

    text-decoration:none !important;

}


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

@media (max-width:991.98px){

    .mc-tutor-profile-hero-inner{

        grid-template-columns:
            190px
            minmax(0,1fr);

        gap:32px;

        padding:
            36px
            32px;

    }


    .mc-tutor-profile-photo-wrap{

        width:170px;

        height:170px;

    }


    .mc-tutor-profile-content-grid{

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

    }


    .mc-tutor-profile-sidebar{

        position:static;

        display:grid;

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

        gap:16px;

    }


    .mc-tutor-profile-booking-card{

        margin-bottom:0;

    }

}


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

@media (max-width:767.98px){

    .mc-tutor-profile-page{

        padding-bottom:50px;

    }


    .mc-tutor-profile-page .mc-container{

        width:
            calc(
                100% - 28px
            );

    }


    .mc-tutor-profile-page .mc-breadcrumbs{

        margin-top:56px;

        padding:
            3px 0
            1px;

    }


    .mc-tutor-profile-page .mc-breadcrumbs-inner{

        width:100%;

        min-height:30px;

    }


    .mc-tutor-profile-page .mc-breadcrumb-link,
    .mc-tutor-profile-page .mc-breadcrumb-current{

        font-size:.74rem;

    }


    .mc-tutor-profile-hero{

        margin-top:5px;

        border-radius:20px;

    }


    .mc-tutor-profile-hero-inner{

        display:flex;

        flex-direction:column;

        gap:24px;

        padding:
            28px
            20px
            30px;

        text-align:center;

    }


    .mc-tutor-profile-photo-area{

        width:100%;

    }


    .mc-tutor-profile-photo-wrap{

        width:150px;

        height:150px;

    }


    .mc-tutor-profile-identity{

        width:100%;

    }


    .mc-tutor-profile-name{

        font-size:2rem;

    }


    .mc-tutor-profile-institute,
    .mc-tutor-profile-branch{

        justify-content:center;

        font-size:.78rem;

    }


    .mc-tutor-profile-subjects{

        justify-content:center;

        margin-top:16px;

    }


    .mc-tutor-profile-actions{

        flex-direction:column;

        width:100%;

        margin-top:22px;

    }


    .mc-tutor-profile-primary-btn,
    .mc-tutor-profile-secondary-btn{

        width:100%;

    }


    .mc-tutor-profile-content{

        padding-top:18px;

    }


    .mc-tutor-profile-section{

        margin-bottom:14px;

        padding:
            22px
            20px;

        border-radius:15px;

    }


    .mc-tutor-profile-section-title{

        font-size:1.18rem;

    }


    .mc-tutor-profile-bio{

        font-size:.8rem;

        line-height:1.75;

    }


    .mc-tutor-profile-expertise-list{

        grid-template-columns:
            1fr;

    }


    .mc-tutor-profile-academic-row{

        grid-template-columns:
            1fr;

        gap:4px;

    }


    .mc-tutor-profile-sidebar{

        display:flex;

        flex-direction:column;

        gap:14px;

    }


    .mc-tutor-profile-booking-card{

        margin-bottom:0;

        padding:22px;

    }


    .mc-tutor-profile-snapshot{

        padding:
            21px
            22px;

    }

}


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

@media (max-width:480px){

    .mc-tutor-profile-hero-inner{

        padding:
            24px
            16px
            26px;

    }


    .mc-tutor-profile-photo-wrap{

        width:135px;

        height:135px;

        border-radius:20px;

    }


    .mc-tutor-profile-name{

        font-size:1.75rem;

    }


    .mc-tutor-profile-verification{

        font-size:.62rem;

    }


    .mc-tutor-profile-section{

        padding:
            20px
            17px;

    }

}