.elementor-5459 .elementor-element.elementor-element-abfbfb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5459 .elementor-element.elementor-element-68c944a{--display:flex;}.elementor-5459 .elementor-element.elementor-element-836992f{text-align:center;}.elementor-5459 .elementor-element.elementor-element-93a8e04{text-align:center;}.elementor-5459 .elementor-element.elementor-element-4d48c74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5459 .elementor-element.elementor-element-b21f23b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-d865cec{text-align:center;}.elementor-5459 .elementor-element.elementor-element-3280eae{text-align:center;}.elementor-5459 .elementor-element.elementor-element-76529c2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-60fe7f0{text-align:center;}.elementor-5459 .elementor-element.elementor-element-3a230f0{text-align:center;}.elementor-5459 .elementor-element.elementor-element-663ec4c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-b37ea4f{text-align:center;}.elementor-5459 .elementor-element.elementor-element-4fd10c9{text-align:center;}.elementor-5459 .elementor-element.elementor-element-4654fba{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-a421821{text-align:center;}.elementor-5459 .elementor-element.elementor-element-4bcd3f9{text-align:center;}.elementor-5459 .elementor-element.elementor-element-952b017{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5459 .elementor-element.elementor-element-74976fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5459 .elementor-element.elementor-element-f119343{--display:flex;}.elementor-5459 .elementor-element.elementor-element-cd35e3e{text-align:center;}.elementor-5459 .elementor-element.elementor-element-9e04af9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-fb57c78{text-align:center;}.elementor-5459 .elementor-element.elementor-element-98be8c9{text-align:center;}.elementor-5459 .elementor-element.elementor-element-57bc9e2{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-fa6e1b8{text-align:center;}.elementor-5459 .elementor-element.elementor-element-7027757{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-7ddb2f0{text-align:center;}.elementor-5459 .elementor-element.elementor-element-622f319{text-align:center;}.elementor-5459 .elementor-element.elementor-element-b6d7b27{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5459 .elementor-element.elementor-element-d176494{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-0c4d6df{text-align:center;}.elementor-5459 .elementor-element.elementor-element-6404359{text-align:center;}.elementor-5459 .elementor-element.elementor-element-e0ceaf6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-3528cfd{text-align:center;}.elementor-5459 .elementor-element.elementor-element-5dbbfc0{text-align:center;}.elementor-5459 .elementor-element.elementor-element-b2b1433{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-5459 .elementor-element.elementor-element-529226b{text-align:center;}.elementor-5459 .elementor-element.elementor-element-e27e0a8{text-align:center;}.elementor-5459 .elementor-element.elementor-element-78aca8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5459 .elementor-element.elementor-element-b21f23b{--width:100%;}.elementor-5459 .elementor-element.elementor-element-76529c2{--width:100%;}.elementor-5459 .elementor-element.elementor-element-663ec4c{--width:100%;}.elementor-5459 .elementor-element.elementor-element-4654fba{--width:100%;}.elementor-5459 .elementor-element.elementor-element-f119343{--width:100%;}.elementor-5459 .elementor-element.elementor-element-9e04af9{--width:100%;}.elementor-5459 .elementor-element.elementor-element-57bc9e2{--width:100%;}.elementor-5459 .elementor-element.elementor-element-7027757{--width:100%;}.elementor-5459 .elementor-element.elementor-element-d176494{--width:100%;}.elementor-5459 .elementor-element.elementor-element-e0ceaf6{--width:100%;}.elementor-5459 .elementor-element.elementor-element-b2b1433{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-5e395de *//* =========================================
   MyOnlineTutor – Tutor Upcoming Lesson
   FINAL CSS
   Dashboard Theme Matching
========================================= */

/* =========================
   Elementor Shortcode Wrapper
========================= */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container,
.elementor-shortcode{
    width:100%;
}

.elementor-widget-shortcode .elementor-widget-container{
    display:flex;
    justify-content:center;
}

/* =========================
   Tutor Upcoming Lesson Card
========================= */
.tutor-upcoming-lesson-box{
    width:100%;
    max-width:1050px;
    margin:0 auto !important;
    padding:34px 32px 30px;
    border-radius:28px;
    border:1px solid #e4eaf5;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
    box-shadow:
        0 12px 32px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.92);
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}

/* top accent line */
.tutor-upcoming-lesson-box::after{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, #0b0f4f, #1d4ed8 58%, #c7d2fe 100%);
    opacity:.92;
}

/* subtle decorative glow */
.tutor-upcoming-lesson-box .lesson-content::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-55px;
    right:-55px;
    background:radial-gradient(circle, rgba(29,78,216,.08) 0%, rgba(29,78,216,.03) 45%, rgba(29,78,216,0) 72%);
    pointer-events:none;
    z-index:0;
}

/* =========================
   Badge
========================= */
.tutor-upcoming-lesson-box::before{
    content:"Next session";
    position:absolute;
    top:18px;
    left:24px;
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:-0.004em;
    background:#fff4f7;
    color:#e83f69;
    border:1px solid #ffd7e1;
    padding:8px 12px;
    border-radius:999px;
    z-index:3;
}

/* =========================
   Main Title
========================= */
.tutor-upcoming-lesson-box h3{
    position:relative;
    z-index:2;
    text-align:center;
    font-size:clamp(22px, 2.6vw, 30px);
    font-weight:600;
    letter-spacing:-0.016em;
    margin:6px 0 28px;
    color:#1a2753;
    line-height:1.16;
}

/* =========================
   Inner Layout
========================= */
.tutor-upcoming-lesson-box .lesson-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:34px;
    flex-wrap:nowrap;
    position:relative;
    z-index:1;
}

/* =========================
   Left Info Area
========================= */
.tutor-upcoming-lesson-box .lesson-info{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
    position:relative;
    z-index:2;
}

/* lesson title */
.tutor-upcoming-lesson-box .lesson-info h4{
    font-size:clamp(20px, 2.2vw, 26px);
    font-weight:600;
    letter-spacing:-0.012em;
    margin:0 0 10px;
    color:#1a2753;
    line-height:1.22;
}

/* student name */
.tutor-upcoming-lesson-box .lesson-student{
    font-size:15px;
    line-height:1.7;
    font-weight:400;
    color:#71819b;
    margin:0 0 4px;
}

/* optional student email */
.tutor-upcoming-lesson-box .lesson-email{
    font-size:14px;
    line-height:1.65;
    font-weight:400;
    color:#94a3b8;
    margin:0 0 6px;
    word-break:break-word;
}

/* date */
.tutor-upcoming-lesson-box .lesson-date{
    font-size:15px;
    line-height:1.7;
    font-weight:400;
    color:#7a879d;
    margin:0;
}

/* button area */
.tutor-upcoming-lesson-box .lesson-action{
    flex:0 0 auto;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    position:relative;
    z-index:2;
}

/* =========================
   Main Button
========================= */
.tutor-dashboard-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:200px;
    min-height:54px;
    padding:0 20px;
    border:none;
    border-radius:17px;
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%);
    color:#ffffff !important;
    font-size:15px;
    font-weight:600;
    line-height:1;
    letter-spacing:-0.005em;
    text-decoration:none !important;
    box-shadow:0 12px 24px rgba(11,15,79,.16);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        background .18s ease;
    white-space:nowrap;
    cursor:pointer;
}

.tutor-dashboard-btn:hover{
    background:linear-gradient(180deg, #1a3eab 0%, #101a63 100%);
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(11,15,79,.20);
    color:#ffffff !important;
    filter:brightness(1.02);
}

/* =========================
   Disabled Button
========================= */
button.tutor-dashboard-btn.mot-disabled-btn,
a.tutor-dashboard-btn.mot-disabled-btn,
.tutor-dashboard-btn.mot-disabled-btn:disabled{
    background:#eef2f7 !important;
    color:#94a3b8 !important;
    border:1px solid #e2e8f0 !important;
    box-shadow:none !important;
    cursor:not-allowed !important;
    pointer-events:none !important;
    transform:none !important;
    opacity:1 !important;
}

button.tutor-dashboard-btn.mot-disabled-btn:hover,
a.tutor-dashboard-btn.mot-disabled-btn:hover,
.tutor-dashboard-btn.mot-disabled-btn:disabled:hover{
    background:#eef2f7 !important;
    color:#94a3b8 !important;
    border-color:#e2e8f0 !important;
    box-shadow:none !important;
    transform:none !important;
    filter:none !important;
}

/* =========================
   Live Join Button
========================= */
.tutor-dashboard-btn.mot-join-live-btn{
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%) !important;
    color:#ffffff !important;
    border:none !important;
    box-shadow:0 12px 24px rgba(11,15,79,.16) !important;
}

.tutor-dashboard-btn.mot-join-live-btn:hover{
    background:linear-gradient(180deg, #1a3eab 0%, #101a63 100%) !important;
    box-shadow:0 16px 30px rgba(11,15,79,.20) !important;
    transform:translateY(-1px);
}

/* =========================
   Status Texts
========================= */
.tutor-upcoming-lesson-box .mot-lesson-note{
    margin-top:14px;
    font-size:14px;
    line-height:1.7;
    font-weight:400;
    color:#5f6f87;
}

.tutor-upcoming-lesson-box .mot-lesson-live{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:14px;
    font-size:14px;
    line-height:1.5;
    font-weight:700;
    color:#e83f69;
}

.tutor-upcoming-lesson-box .mot-lesson-live::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ef476f;
    box-shadow:0 0 0 6px rgba(239,71,111,.10);
}

/* =========================
   Empty State
========================= */
.tutor-upcoming-lesson-box.no-lesson{
    text-align:center;
}

.tutor-upcoming-lesson-box.no-lesson p{
    font-size:15px;
    line-height:1.72;
    font-weight:400;
    color:#71819b;
    margin:0 0 18px;
}

/* =========================
   Tablet
========================= */
@media (max-width:991px){
    .tutor-upcoming-lesson-box{
        padding:32px 24px 26px;
    }

    .tutor-upcoming-lesson-box .lesson-content{
        gap:24px;
        flex-wrap:wrap;
    }

    .tutor-upcoming-lesson-box .lesson-info{
        text-align:center;
        width:100%;
    }

    .tutor-upcoming-lesson-box .lesson-action{
        width:100%;
        justify-content:center;
    }

    .tutor-dashboard-btn{
        min-width:180px;
    }
}

/* =========================
   Mobile
========================= */
@media (max-width:767px){
    .tutor-upcoming-lesson-box{
        padding:30px 18px 22px;
        border-radius:22px;
    }

    .tutor-upcoming-lesson-box::before{
        top:16px;
        left:16px;
        font-size:11px;
        padding:7px 10px;
    }

    .tutor-upcoming-lesson-box h3{
        font-size:24px;
        margin:8px 0 22px;
    }

    .tutor-upcoming-lesson-box .lesson-content{
        flex-direction:column;
        align-items:center;
        gap:22px;
    }

    .tutor-upcoming-lesson-box .lesson-info{
        width:100%;
        text-align:center;
    }

    .tutor-upcoming-lesson-box .lesson-info h4{
        font-size:22px;
    }

    .tutor-upcoming-lesson-box .lesson-student,
    .tutor-upcoming-lesson-box .lesson-email,
    .tutor-upcoming-lesson-box .lesson-date{
        font-size:15px;
    }

    .tutor-upcoming-lesson-box .lesson-action{
        width:100%;
        justify-content:center;
    }

    .tutor-dashboard-btn{
        width:100%;
        min-width:0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-952b017 */.upcoming-lesson-card{
background:linear-gradient(135deg,#fff0f3,#f7f9fc);
border-radius:18px;
padding:40px;
border:1px solid #ffd6dd;
text-align:center;
}

.upcoming-lesson-card h2{
font-size:34px;
color:#1f2937;
font-weight:600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d176494 */.elementor-5459 .elementor-element.elementor-element-d176494{
    flex:0 0 300px;
    max-width:300px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e0ceaf6 */.elementor-5459 .elementor-element.elementor-element-e0ceaf6{
    flex:0 0 300px;
    max-width:300px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eafa410 */.mot-dashboard-public-profile-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 20px;
    border:none;
    border-radius:17px;
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%);
    color:#ffffff !important;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 12px 24px rgba(11,15,79,.16);
}

.mot-dashboard-public-profile-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(11,15,79,.20);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2b1433 */.elementor-5459 .elementor-element.elementor-element-b2b1433{
    flex:0 0 300px;
    max-width:300px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6d7b27 */.elementor-5459 .elementor-element.elementor-element-b6d7b27{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:24px;
    width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-abfbfb5 *//* =========================================
   MyOnlineTutor – Tutor Dashboard
   FINAL CSS
   Student Dashboard Matching
========================================= */

/* =========================
   Tutor Dashboard Wrapper
========================= */
.vendor-dashboard-wrap{
    max-width:1440px;
    margin:0 auto;
    padding:32px 24px 64px;
    box-sizing:border-box;
    color:#0f172a;
}

/* =========================
   Hero Section
========================= */
.vendor-dashboard-hero{
    position:relative;
    overflow:hidden;
    margin-bottom:28px;
    padding:30px 28px 26px;
    border:1px solid #e4eaf5;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
    box-shadow:
        0 12px 32px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.92);
    isolation:isolate;
    text-align:center;
}

.vendor-dashboard-hero::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, #0b0f4f, #1d4ed8 58%, #c7d2fe 100%);
    opacity:.94;
}

.vendor-dashboard-hero::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-70px;
    top:-70px;
    background:radial-gradient(circle, rgba(29,78,216,.09) 0%, rgba(29,78,216,.035) 42%, rgba(29,78,216,0) 72%);
    pointer-events:none;
    z-index:0;
}

.vendor-dashboard-hero h1,
.vendor-dashboard-hero .elementor-heading-title{
    position:relative;
    z-index:2;
    margin:0 0 12px;
    font-size:clamp(30px, 4vw, 46px);
    line-height:1.1;
    letter-spacing:-0.022em;
    font-weight:600;
    color:#162458;
    text-align:center;
}

.vendor-dashboard-hero p,
.vendor-dashboard-hero .elementor-widget-text-editor,
.vendor-dashboard-hero .elementor-widget-text-editor p{
    position:relative;
    z-index:2;
    margin:0 auto;
    max-width:700px;
    font-size:16px;
    line-height:1.75;
    font-weight:400;
    color:#71819b;
    text-align:center;
}

.vendor-dashboard-hero .elementor-widget-heading,
.vendor-dashboard-hero .elementor-widget-text-editor{
    position:relative;
    z-index:2;
}

/* Accent line */
.vendor-dashboard-hero .elementor-widget-text-editor::after{
    content:"";
    display:block;
    width:56px;
    height:4px;
    margin:16px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg, #0b0f4f, #1d4ed8 70%, #c7d2fe 100%);
    box-shadow:0 8px 18px rgba(29,78,216,.14);
    opacity:.95;
}

/* Optional badge */
.vendor-dashboard-hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    margin-bottom:14px;
    border-radius:999px;
    border:1px solid #d8e5ff;
    background:#eef4ff;
    color:#12308d;
    font-size:13px;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.004em;
    box-shadow:none;
    position:relative;
    z-index:2;
}

/* =========================
   Grid Rows
========================= */
.vendor-dashboard-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
    margin-bottom:28px;
    align-items:stretch;
}

/* =========================
   Small Cards
========================= */
.vendor-dashboard-card{
    position:relative;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
    border:1px solid #e4eaf5;
    border-radius:28px;
    padding:28px 24px 24px;
    text-align:center;
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-shadow:
        0 12px 32px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.92);
    overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.vendor-dashboard-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, #0b0f4f, #1d4ed8 58%, #c7d2fe 100%);
    opacity:.9;
}

.vendor-dashboard-card:hover{
    transform:translateY(-2px);
    box-shadow:
        0 18px 38px rgba(15,23,42,.08),
        inset 0 1px 0 rgba(255,255,255,.94);
    border-color:#d9e2f0;
}

.vendor-dashboard-card h2,
.vendor-dashboard-card h3,
.vendor-dashboard-card .elementor-heading-title{
    margin:0 0 10px;
    font-size:clamp(18px, 2vw, 24px);
    line-height:1.22;
    letter-spacing:-0.012em;
    font-weight:600;
    color:#1a2753;
    text-align:center;
}

.vendor-dashboard-card p,
.vendor-dashboard-card .elementor-widget-text-editor,
.vendor-dashboard-card .elementor-widget-text-editor p{
    margin:0 auto 16px;
    max-width:260px;
    font-size:15px;
    line-height:1.7;
    font-weight:400;
    color:#7a879d;
    text-align:center;
}

/* =========================
   Buttons
========================= */
.vendor-dashboard-card .elementor-button,
.vendor-dashboard-upcoming .elementor-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 20px;
    border:none;
    border-radius:17px;
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%);
    color:#ffffff !important;
    font-size:15px;
    font-weight:600;
    line-height:1;
    letter-spacing:-0.005em;
    box-shadow:0 12px 24px rgba(11,15,79,.16);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.vendor-dashboard-card .elementor-button:hover,
.vendor-dashboard-upcoming .elementor-button:hover{
    background:linear-gradient(180deg, #1a3eab 0%, #101a63 100%);
    color:#ffffff !important;
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(11,15,79,.20);
    filter:brightness(1.02);
}

.vendor-dashboard-card .elementor-button .elementor-button-text,
.vendor-dashboard-upcoming .elementor-button .elementor-button-text{
    color:#ffffff !important;
}

/* =========================
   Upcoming Lesson Big Box
========================= */
.vendor-dashboard-upcoming{
    position:relative;
    overflow:hidden;
    margin:26px 0 28px;
    padding:30px 28px 26px;
    border:1px solid #e4eaf5;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
    box-shadow:
        0 12px 32px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.92);
    text-align:center;
}

.vendor-dashboard-upcoming::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, #0b0f4f, #1d4ed8 58%, #c7d2fe 100%);
    opacity:.92;
}

.vendor-dashboard-upcoming::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-55px;
    right:-55px;
    background:radial-gradient(circle, rgba(29,78,216,.08) 0%, rgba(29,78,216,.03) 45%, rgba(29,78,216,0) 72%);
    pointer-events:none;
}

.vendor-dashboard-upcoming h2,
.vendor-dashboard-upcoming .elementor-heading-title{
    position:relative;
    z-index:2;
    margin:0 0 10px;
    font-size:clamp(22px, 2.6vw, 30px);
    line-height:1.16;
    letter-spacing:-0.016em;
    font-weight:600;
    color:#1a2753;
    text-align:center;
}

.vendor-dashboard-upcoming p,
.vendor-dashboard-upcoming .elementor-widget-text-editor,
.vendor-dashboard-upcoming .elementor-widget-text-editor p{
    position:relative;
    z-index:2;
    margin:0 auto;
    font-size:15px;
    line-height:1.72;
    font-weight:400;
    color:#6f7f96;
    text-align:center;
}

/* =========================
   Optional Quick Actions Row
========================= */
.vendor-dashboard-actions .vendor-dashboard-card{
    min-height:220px;
}

/* =========================
   Remove focus/active black state
========================= */
.vendor-dashboard-card .elementor-button,
.vendor-dashboard-upcoming .elementor-button{
    -webkit-appearance:none;
    appearance:none;
    outline:none !important;
}

.vendor-dashboard-card .elementor-button:focus,
.vendor-dashboard-card .elementor-button:active,
.vendor-dashboard-card .elementor-button:focus-visible,
.vendor-dashboard-upcoming .elementor-button:focus,
.vendor-dashboard-upcoming .elementor-button:active,
.vendor-dashboard-upcoming .elementor-button:focus-visible{
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%) !important;
    color:#ffffff !important;
    border:none !important;
    box-shadow:0 12px 24px rgba(11,15,79,.16) !important;
    outline:none !important;
}

.vendor-dashboard-card .elementor-button:focus .elementor-button-text,
.vendor-dashboard-card .elementor-button:active .elementor-button-text,
.vendor-dashboard-card .elementor-button:focus-visible .elementor-button-text,
.vendor-dashboard-upcoming .elementor-button:focus .elementor-button-text,
.vendor-dashboard-upcoming .elementor-button:active .elementor-button-text,
.vendor-dashboard-upcoming .elementor-button:focus-visible .elementor-button-text{
    color:#ffffff !important;
}

/* =========================
   Responsive
========================= */
@media (max-width:1180px){
    .vendor-dashboard-wrap{
        padding:28px 18px 56px;
    }

    .vendor-dashboard-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:24px;
    }
}

@media (max-width:767px){
    .vendor-dashboard-wrap{
        padding:24px 14px 48px;
    }

    .vendor-dashboard-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .vendor-dashboard-hero,
    .vendor-dashboard-upcoming{
        padding:26px 18px 22px;
        border-radius:22px;
    }

    .vendor-dashboard-card{
        min-height:auto;
        padding:22px 18px 20px;
        border-radius:22px;
    }

    .vendor-dashboard-hero h1,
    .vendor-dashboard-hero .elementor-heading-title{
        font-size:34px;
        line-height:1.1;
    }

    .vendor-dashboard-hero p,
    .vendor-dashboard-hero .elementor-widget-text-editor,
    .vendor-dashboard-hero .elementor-widget-text-editor p{
        font-size:15px;
    }

    .vendor-dashboard-card h2,
    .vendor-dashboard-card h3,
    .vendor-dashboard-card .elementor-heading-title{
        font-size:22px;
    }

    .vendor-dashboard-upcoming h2,
    .vendor-dashboard-upcoming .elementor-heading-title{
        font-size:24px;
    }

    .vendor-dashboard-card p,
    .vendor-dashboard-card .elementor-widget-text-editor,
    .vendor-dashboard-card .elementor-widget-text-editor p,
    .vendor-dashboard-upcoming p,
    .vendor-dashboard-upcoming .elementor-widget-text-editor,
    .vendor-dashboard-upcoming .elementor-widget-text-editor p{
        font-size:15px;
    }

    .vendor-dashboard-card .elementor-button,
    .vendor-dashboard-upcoming .elementor-button{
        min-height:52px;
        width:100%;
        font-size:15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1f83c9 */.elementor-5459 .elementor-element.elementor-element-e1f83c9 a.mot-student-logout-btn,
.elementor-5459 .elementor-element.elementor-element-e1f83c9 a.mot-tutor-logout-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:44px !important;
  padding:0 20px !important;
  border-radius:16px !important;

  background:#ffffff !important;
  border:1px solid #d9e2f2 !important;
  color:#2d3b58 !important;

  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
  transition:all .18s ease !important;
}

.elementor-5459 .elementor-element.elementor-element-e1f83c9 a.mot-student-logout-btn:hover,
.elementor-5459 .elementor-element.elementor-element-e1f83c9 a.mot-tutor-logout-btn:hover{
  background:#fbfdff !important;
  border-color:#c8d6ef !important;
  color:#0f1b4d !important;
  box-shadow:0 14px 30px rgba(15,23,42,.07) !important;
  transform:translateY(-1px) !important;
}/* End custom CSS */