.elementor-15843 .elementor-element.elementor-element-3c19e14b{--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-15843 .elementor-element.elementor-element-235c7719{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15843 .elementor-element.elementor-element-8e7f845{--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;--justify-content:center;}.elementor-15843 .elementor-element.elementor-element-15fbad20{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15843 .elementor-element.elementor-element-33f2ea04{--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;}.elementor-15843 .elementor-element.elementor-element-4c18d9c{--display:flex;}.elementor-15843 .elementor-element.elementor-element-23a8f8ad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15843 .elementor-element.elementor-element-23a8f8ad.e-con{--align-self:center;}.elementor-15843 .elementor-element.elementor-element-38acc722{--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-15843 .elementor-element.elementor-element-21167aee{--display:flex;}.elementor-15843 .elementor-element.elementor-element-6a5e6b06.elementor-element{--align-self:center;}.elementor-15843 .elementor-element.elementor-element-74919f9f{--display:flex;}.elementor-15843 .elementor-element.elementor-element-32e8b421{--display:flex;}.elementor-15843 .elementor-element.elementor-element-591b86e1{--display:flex;}.elementor-15843 .elementor-element.elementor-element-537fbb8a{--display:flex;}.elementor-15843 .elementor-element.elementor-element-4e330e24{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-15843 .elementor-element.elementor-element-8e7f845{--width:80%;}.elementor-15843 .elementor-element.elementor-element-4c18d9c{--width:40%;}.elementor-15843 .elementor-element.elementor-element-23a8f8ad{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-6ee5202c */.elementor-15843 .elementor-element.elementor-element-6ee5202c .mot-share-floating{
    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    background:#2456e6;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 12px 30px rgba(36,86,230,.25);
    transition:.25s;
}

.elementor-15843 .elementor-element.elementor-element-6ee5202c .mot-share-floating:hover{
    transform:translateY(-3px) scale(1.06);
    box-shadow:0 18px 40px rgba(36,86,230,.35);
}

.elementor-15843 .elementor-element.elementor-element-6ee5202c .mot-share-floating svg{
    width:30px;
    height:30px;
}

.elementor-15843 .elementor-element.elementor-element-6ee5202c .mot-share-tooltip{
    position:absolute;
    top:65px;
    right:0;
    transform:none;
    background:#111827;
    color:#fff;
    padding:9px 12px;
    border-radius:10px;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transition:.2s;
}

.elementor-15843 .elementor-element.elementor-element-6ee5202c:hover .mot-share-tooltip{
    opacity:1;
    visibility:visible;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-562ad988 */.mot-profile-favorite-btn{
    
    border-radius:999px !important;
    border:0 !important;
    background:#ffffff !important;
    color:#e11d48 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 18px 36px rgba(15,23,42,.12) !important;
    transition:all .18s ease !important;
}

.mot-profile-favorite-btn:hover{
    transform:translateY(-2px) !important;
    background:#fff1f4 !important;
}

.mot-profile-favorite-btn.is-saved{
    background:#e11d48 !important;
    color:#ffffff !important;
    box-shadow:0 18px 38px rgba(225,29,72,.30) !important;
}

.mot-profile-favorite-btn.is-loading,
.mot-profile-favorite-btn:disabled{
    opacity:.65 !important;
    cursor:wait !important;
    pointer-events:none !important;
    transform:none !important;
}

.mot-profile-favorite-icon{
    display:block !important;
    transform:translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15fbad20 */.mot-profile-action-bar{
    position:absolute !important;
    top:28px !important;
    right:28px !important;
    z-index:999 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;

    width:auto !important;
    min-width:auto !important;
    padding:8px !important;

    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    box-shadow:0 18px 42px rgba(15,23,42,.14) !important;
}

/* Elementor widgets inside action bar */
.mot-profile-action-bar > .elementor-widget,
.mot-profile-action-bar .elementor-widget-container{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}

/* Share button */
.mot-profile-action-bar .mot-share-floating{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;

    width:52px !important;
    height:52px !important;
    min-width:52px !important;

    border:0 !important;
    border-radius:999px !important;
    background:#2456e6 !important;
    color:#fff !important;

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

    box-shadow:none !important;
    cursor:pointer !important;
    transition:.22s ease !important;
}

.mot-profile-action-bar .mot-share-floating:hover{
    transform:translateY(-2px) scale(1.04) !important;
    background:#1d4ed8 !important;
}

.mot-profile-action-bar .mot-share-floating svg{
    width:24px !important;
    height:24px !important;
}

/* Heart button */
.mot-profile-action-bar .mot-profile-favorite-btn{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;

    width:52px !important;
    height:52px !important;
    min-width:52px !important;

    border:0 !important;
    border-radius:999px !important;
    background:#fff1f4 !important;
    color:#e11d48 !important;

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

    font-size:24px !important;
    line-height:1 !important;
    box-shadow:none !important;
    cursor:pointer !important;
    transition:.22s ease !important;
}

.mot-profile-action-bar .mot-profile-favorite-btn:hover{
    transform:translateY(-2px) scale(1.04) !important;
    background:#ffe4ea !important;
}

.mot-profile-action-bar .mot-profile-favorite-btn.is-saved{
    background:#e11d48 !important;
    color:#fff !important;
}

.mot-profile-action-bar .mot-profile-favorite-btn.is-loading,
.mot-profile-action-bar .mot-profile-favorite-btn:disabled{
    opacity:.65 !important;
    cursor:wait !important;
    pointer-events:none !important;
    transform:none !important;
}

.mot-profile-action-bar .mot-profile-favorite-icon{
    display:block !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
}

/* Tooltip */
.mot-profile-action-bar .mot-share-tooltip{
    position:absolute !important;
    right:0 !important;
    top:64px !important;

    background:#111827 !important;
    color:#fff !important;
    padding:8px 11px !important;
    border-radius:10px !important;
    font-size:12px !important;
    font-weight:600 !important;
    white-space:nowrap !important;

    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-4px) !important;
    transition:.2s ease !important;
}

.mot-profile-action-bar .elementor-widget:hover .mot-share-tooltip{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-13eee045 *//* ==========================
   Tutor Photo
   Premium Luxury 2026
========================== */

.mot-tutor-public-photo-wrap{
    position:relative !important;

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

    width:220px !important;
    height:220px !important;
    margin:0 auto !important;

    border-radius:50% !important;
    overflow:hidden !important;

    background:#fff !important;

    border:4px solid #fff !important;

    box-shadow:
        0 18px 40px rgba(69,33,151,.10),
        0 0 0 1px rgba(216,194,138,.35),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}

/* حلقه طلایی ظریف */
.mot-tutor-public-photo-wrap::before{
    content:"";
    position:absolute;
    inset:-8px;

    border-radius:50%;
    border:1.5px solid rgba(216,194,138,.55);

    opacity:0;
    transform:scale(.95);

    transition:
        opacity .35s ease,
        transform .35s ease;
}

/* Shine Effect */
.mot-tutor-public-photo-wrap::after{
    content:"";
    position:absolute;
    top:-40%;
    left:-120%;

    width:60%;
    height:180%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.55),
            transparent
        );

    transform:rotate(20deg);
    transition:left .8s ease;
}

.mot-tutor-public-photo-wrap:hover{
    transform:translateY(-6px);

    box-shadow:
        0 28px 55px rgba(69,33,151,.14),
        0 0 0 1px rgba(216,194,138,.55),
        0 0 30px rgba(216,194,138,.18) !important;
}

.mot-tutor-public-photo-wrap:hover::before{
    opacity:1;
    transform:scale(1);
}

.mot-tutor-public-photo-wrap:hover::after{
    left:170%;
}

.mot-tutor-public-photo-wrap img,
img.mot-tutor-public-photo{
    width:100% !important;
    height:100% !important;
    display:block !important;

    object-fit:cover !important;
    object-position:center !important;

    border-radius:50% !important;

    transition:
        transform .5s ease,
        filter .35s ease;
}

.mot-tutor-public-photo-wrap:hover img,
img.mot-tutor-public-photo:hover{
    transform:scale(1.04);
    filter:saturate(1.05);
}

/* Mobile */
@media (max-width:767px){
    .mot-tutor-public-photo-wrap{
        width:170px !important;
        height:170px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1bae650d */.elementor-15843 .elementor-element.elementor-element-1bae650d .mot-tutor-public-name{
    display:block !important;
    width:100% !important;
    margin:0 auto 10px !important;
    padding:0 !important;

    text-align:center !important;

    font-family:"Inter","Poppins","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(27px, 3vw, 36px) !important;
    line-height:1.14 !important;
    font-weight:500 !important;
    letter-spacing:-0.45px !important;

    color:#452197 !important;
}

/* خط طلایی خیلی ظریف زیر اسم */
.elementor-15843 .elementor-element.elementor-element-1bae650d .mot-tutor-public-name::after{
    content:"";
    display:block;
    width:34px;
    height:1.5px;
    margin:10px auto 0;

    border-radius:999px;
    background:linear-gradient(
        90deg,
        transparent,
        #D8C28A,
        #B8A05A,
        #D8C28A,
        transparent
    );
}

/* Mobile */
@media (max-width:767px){
    .elementor-15843 .elementor-element.elementor-element-1bae650d .mot-tutor-public-name{
        font-size:24px !important;
        line-height:1.18 !important;
        letter-spacing:-0.25px !important;
        margin-bottom:8px !important;
    }

    .elementor-15843 .elementor-element.elementor-element-1bae650d .mot-tutor-public-name::after{
        width:28px;
        margin-top:8px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c8b34e */.mot-tutor-public-meta{
    text-align:center;
    font-size:17px;
    line-height:1.7;
    font-weight:400;
    color:#6b7280;
    letter-spacing:-0.2px;
    margin:0 0 24px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3b42a5ca */.mot-tutor-public-stats{
    text-align:center;
    font-size:15px;
    line-height:1.7;
    color:#6b7280;
    margin:10px 0 26px;
    font-weight:400;
    letter-spacing:-0.15px;
}

.mot-tutor-public-stat strong{
    color:#0b0f4f;
    font-weight:600;
}

.mot-tutor-public-stat-sep{
    display:inline-block;
    margin:0 8px;
    color:#94a3b8;
}

@media (max-width: 767px){
    .mot-tutor-public-stats{
        font-size:14px;
        margin:8px 0 20px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-33839f68 */.mot-msg-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 22px;
    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;
}

.mot-msg-btn: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);
    text-decoration:none !important;
}

.mot-msg-btn:focus,
.mot-msg-btn:active,
.mot-msg-btn:focus-visible{
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%) !important;
    color:#ffffff !important;
    outline:none !important;
    box-shadow:0 12px 24px rgba(11,15,79,.16) !important;
    text-decoration:none !important;
}

@media (max-width:767px){
    .mot-msg-btn{
        min-height:52px;
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-874545b */.mot-edit-profile-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:10px 18px;
    border-radius:999px;

    background:#452197;
    color:#fff !important;

    font-size:14px;
    font-weight:500;
    text-decoration:none !important;

    transition:.25s ease;
    box-shadow:0 8px 22px rgba(69,33,151,.18);
}

.mot-edit-profile-btn:hover{
    transform:translateY(-2px);
    background:#5a2ec9;
    box-shadow:0 12px 28px rgba(69,33,151,.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e7f845 */.mot-tutor-profile-hero{
    position:relative !important;
    overflow:hidden !important;
    border-radius:28px !important;
    border:1px solid rgba(97,52,183,.16) !important;
    background:#fff !important;
    box-shadow:0 22px 55px rgba(69,33,151,.07) !important;
}

.mot-tutor-profile-hero::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:24px !important;
    right:24px !important;
    height:4px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(90deg,#6134B7,#B794F6,#D8C28A,#B794F6,#6134B7) !important;
    box-shadow:0 8px 22px rgba(139,92,246,.28) !important;
    z-index:5 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5e6b06 */.mot-about-readmore{
    max-height: 5.4em; /* تقریباً 3 خط */
    overflow: hidden;
    position: relative;
    transition: max-height .4s ease;
    line-height: 1.8;
}

/* افکت محو در انتهای متن */
.mot-about-readmore::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events: none;
}

/* حالت باز */
.mot-about-readmore.is-open{
    max-height: 3000px;
}

.mot-about-readmore.is-open::after{
    display: none;
}


.mot-about-toggle{
    all: unset;

    display: inline !important;
    color: #6134B7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    cursor: pointer !important;
    font-family: inherit !important;

    transition: color .2s ease !important;
}

.mot-about-toggle:hover{
    color: #452197 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.mot-about-toggle::after{
    content: " →";
    transition: transform .2s ease;
}

.mot-about-toggle:hover::after{
    transform: translateX(3px);
}

.mot-about-readmore.is-open + .mot-about-toggle::after{
    content: " ↑";
}


.mot-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:12px !important;
    color:#6134B7 !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mot-about-toggle:hover{
    color:#452197 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74919f9f *//* =========================================
   MyOnlineTutor – Qualification Cards
   Final Minimal Premium 2026
========================================= */

.mot-qualifications{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --text:#222222;
    --muted:#6B6B6B;

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding:4px 8px 18px !important;
}

.mot-qual-card{
    position:relative !important;
    overflow:hidden !important;

    min-height:118px !important;
    padding:18px 22px !important;

    background:#ffffff !important;
    border:1px solid rgba(184,160,90,.28) !important;
    border-radius:18px !important;

    box-shadow:
        0 10px 26px rgba(34,34,34,.035) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.mot-qual-card::before{
    content:none !important;
    display:none !important;
}

.mot-qual-card::after{
    content:"" !important;
    position:absolute !important;
    top:-34px !important;
    right:-34px !important;
    width:86px !important;
    height:86px !important;
    border-radius:50% !important;
    background:rgba(216,194,138,.12) !important;
    opacity:0 !important;
    transition:opacity .24s ease, transform .24s ease !important;
}

.mot-qual-card:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border-color:rgba(184,160,90,.48) !important;
    box-shadow:
        0 14px 34px rgba(69,33,151,.055),
        0 5px 14px rgba(184,160,90,.055) !important;
}

.mot-qual-card:hover::after{
    opacity:1 !important;
    transform:scale(1.04) !important;
}

.mot-qual-card .mot-qual-title{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 12px !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;

    color:var(--violet) !important;
}

.mot-qual-card .mot-qual-main{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 7px !important;

    font-size:14.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    color:#1f2c55 !important;
}

.mot-qual-card .mot-qual-sub{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 5px !important;

    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:var(--muted) !important;
}

.mot-qual-card .mot-qual-meta{
    position:relative !important;
    z-index:1 !important;

    margin:0 !important;

    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    color:#7b8497 !important;
}

.mot-qual-card .mot-qual-year{
    position:relative !important;
    z-index:1 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:9px !important;
    padding:4px 9px !important;

    border-radius:999px !important;
    background:#F8F6F0 !important;
    border:1px solid rgba(184,160,90,.32) !important;

    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:var(--dark) !important;
}

.mot-empty{
    max-width:560px !important;
    margin:10px auto !important;
    padding:16px 18px !important;

    text-align:center !important;
    font-size:13.5px !important;
    font-weight:550 !important;
    color:var(--muted) !important;

    background:#ffffff !important;
    border:1px dashed rgba(184,160,90,.36) !important;
    border-radius:16px !important;
}

@media (max-width:600px){
    .mot-qualifications{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:2px 8px 16px !important;
    }

    .mot-qual-card{
        min-height:auto !important;
        padding:17px 18px !important;
        border-radius:16px !important;
    }

    .mot-qual-card .mot-qual-title{
        font-size:19px !important;
        margin-bottom:10px !important;
    }

    .mot-qual-card .mot-qual-main{
        font-size:14px !important;
    }

    .mot-qual-card .mot-qual-sub{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12410591 *//* =========================================
   MyOnlineTutor – Public Tutor Reviews Slider
   Premium Luxury 2026 – FINAL
========================================= */

.mot-reviews-slider{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --lavender:#E9DDFB;
    --cream:#F8F6F0;
    --page:#FCFBF8;
    --text:#222222;
    --muted:#6B6B6B;

    position:relative;
    max-width:1120px;
    margin:0 auto;
    padding:4px 34px 12px;
    overflow:visible !important;
}

.mot-reviews-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-snap-type:x mandatory;
    padding:2px 0;
}

.mot-reviews-viewport::-webkit-scrollbar{
    display:none;
}

.mot-reviews-track{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    width:max-content;
    padding:4px 0 10px;
}

.mot-review-card{
    position:relative;
    flex:0 0 292px;
    min-height:172px;
    padding:18px 18px 17px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,248,.96));
    border:1px solid rgba(97,52,183,.10);
    border-radius:20px;

    box-shadow:
        0 10px 26px rgba(69,33,151,.055),
        inset 0 1px 0 rgba(255,255,255,.9);

    scroll-snap-align:start;

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

.mot-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0%, rgba(216,194,138,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(233,221,251,.36), transparent 38%);
    opacity:.75;
}

.mot-review-card::after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-8px;
    font-size:72px;
    line-height:1;
    font-family:Georgia, serif;
    color:rgba(184,160,90,.13);
    pointer-events:none;
}

.mot-review-card:hover{
    transform:translateY(-3px);
    border-color:rgba(184,160,90,.45);
    box-shadow:
        0 16px 34px rgba(69,33,151,.09),
        0 4px 14px rgba(184,160,90,.12);
}

.mot-review-card-top{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.mot-review-author{
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:var(--dark);
    letter-spacing:-.01em;
}

.mot-review-stars{
    font-size:14px;
    line-height:1;
    color:var(--gold);
    letter-spacing:.8px;
    white-space:nowrap;
    padding-top:2px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}

.mot-review-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-bottom:10px;

    font-size:12.5px;
    line-height:1.45;
    color:var(--muted);
}

.mot-review-dot{
    color:rgba(184,160,90,.55);
}

.mot-review-text{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.72;
    color:#3f3f46;
    text-align:left;
    margin:0;
}

.mot-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:30px;
    height:30px;
    border:none;
    border-radius:999px;

    background:rgba(255,255,255,.96);
    color:var(--royal);

    font-size:18px;
    font-weight:700;
    line-height:1;
    cursor:pointer;

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

    box-shadow:
        0 8px 22px rgba(69,33,151,.12),
        inset 0 0 0 1px rgba(97,52,183,.10);

    z-index:10;

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

.mot-reviews-nav:hover{
    background:linear-gradient(135deg, var(--royal), var(--dark));
    color:#ffffff;
    transform:translateY(-50%) scale(1.04);
    box-shadow:
        0 12px 28px rgba(69,33,151,.22),
        0 3px 10px rgba(184,160,90,.18);
}

.mot-reviews-nav:active{
    transform:translateY(-50%) scale(.96);
}

.mot-reviews-prev{
    left:0;
}

.mot-reviews-next{
    right:0;
}

.mot-reviews-empty{
    text-align:center;
    color:var(--muted);
    font-size:14px;
    padding:18px;
    background:#ffffff;
    border:1px solid rgba(97,52,183,.10);
    border-radius:18px;
}

/* Elementor overflow fix */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

/* Tablet */
@media (max-width:1024px){
    .mot-reviews-slider{
        max-width:100%;
        padding:4px 30px 10px;
    }

    .mot-reviews-track{
        gap:13px;
    }

    .mot-review-card{
        flex:0 0 280px;
        padding:17px;
    }
}

/* Mobile */
@media (max-width:767px){
    .mot-reviews-slider{
        padding:4px 8px 10px;
    }

    .mot-reviews-track{
        gap:12px;
        padding:4px 2px 10px;
    }

    .mot-review-card{
        flex:0 0 82vw;
        min-height:auto;
        padding:16px 15px 15px;
        border-radius:18px;
    }

    .mot-review-card-top{
        gap:10px;
        margin-bottom:7px;
    }

    .mot-review-author{
        font-size:14.5px;
    }

    .mot-review-stars{
        font-size:13px;
        letter-spacing:.5px;
    }

    .mot-review-meta{
        font-size:12px;
        margin-bottom:9px;
    }

    .mot-review-text{
        font-size:14px;
        line-height:1.68;
    }

    .mot-reviews-nav{
        width:27px;
        height:27px;
        font-size:16px;
        background:#ffffff;
    }

    .mot-reviews-prev{
        left:-2px;
    }

    .mot-reviews-next{
        right:-2px;
    }
}


/* MOT Reviews Slider – FORCE OVERRIDE FINAL */

body .mot-reviews-slider{
    max-width:1100px !important;
    margin:0 auto !important;
    padding:0 26px 10px !important;
    overflow:visible !important;
}

body .mot-reviews-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
}

body .mot-reviews-viewport::-webkit-scrollbar{
    display:none !important;
}

body .mot-reviews-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    padding:4px 0 8px !important;
}

body .mot-review-card{
    flex:0 0 280px !important;
    min-height:155px !important;
    padding:15px 16px !important;

    background:#ffffff !important;
    border:1px solid rgba(97,52,183,.14) !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 20px rgba(69,33,151,.06),
        0 1px 0 rgba(184,160,90,.18) inset !important;

    scroll-snap-align:start !important;
    transition:all .25s ease !important;
}

body .mot-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(184,160,90,.55) !important;
    box-shadow:
        0 14px 30px rgba(69,33,151,.10),
        0 4px 12px rgba(184,160,90,.16) !important;
}

body .mot-review-card-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:7px !important;
}

body .mot-review-author{
    font-size:14.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#452197 !important;
}

body .mot-review-stars{
    font-size:13.5px !important;
    line-height:1 !important;
    color:#B8A05A !important;
    letter-spacing:.6px !important;
    white-space:nowrap !important;
}

body .mot-review-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-bottom:8px !important;

    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B6B6B !important;
}

body .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-review-text{
    font-size:13.8px !important;
    line-height:1.65 !important;
    color:#222222 !important;
    text-align:left !important;
    margin:0 !important;
}

body .mot-reviews-nav{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:28px !important;
    height:28px !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:50% !important;

    background:#ffffff !important;
    color:#6134B7 !important;

    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;

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

    box-shadow:0 8px 18px rgba(69,33,151,.12) !important;
    z-index:99 !important;
}

body .mot-reviews-nav:hover{
    background:#6134B7 !important;
    color:#ffffff !important;
    border-color:#6134B7 !important;
    box-shadow:0 12px 24px rgba(69,33,151,.22) !important;
}

body .mot-reviews-prev{
    left:0 !important;
}

body .mot-reviews-next{
    right:0 !important;
}

body .elementor-widget-shortcode,
body .elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

@media (max-width:767px){
    body .mot-reviews-slider{
        padding:0 6px 8px !important;
    }

    body .mot-reviews-track{
        gap:10px !important;
    }

    body .mot-review-card{
        flex:0 0 80vw !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .mot-reviews-nav{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
    }

    body .mot-reviews-prev{
        left:-3px !important;
    }

    body .mot-reviews-next{
        right:-3px !important;
    }
}

/* Remove blue top line from review cards */

body .mot-reviews-slider .mot-review-card{
    background-image:none !important;
    outline:none !important;
}

body .mot-reviews-slider .mot-review-card *{
    border-top-color:inherit !important;
}





/* =========================================
   MOT Reviews – Premium Warm Final Fix
   No Blue Line / Elegant Gold-Violet Style
========================================= */

body .mot-reviews-slider .mot-review-card{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(216,194,138,.22), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;

    border:1px solid rgba(184,160,90,.36) !important;
    border-top:1px solid rgba(184,160,90,.55) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(69,33,151,.075),
        0 4px 12px rgba(184,160,90,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* این خط طلایی خیلی ظریف جایگزین خط آبی می‌شود */
body .mot-reviews-slider .mot-review-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:22px !important;
    right:22px !important;
    height:2px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,160,90,.70),
        rgba(216,194,138,.45),
        transparent
    ) !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* علامت نقل‌قول لطیف */
body .mot-reviews-slider .mot-review-card::after{
    content:"“" !important;
    position:absolute !important;
    right:18px !important;
    bottom:-10px !important;
    font-family:Georgia, serif !important;
    font-size:76px !important;
    line-height:1 !important;
    color:rgba(184,160,90,.14) !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

body .mot-reviews-slider .mot-review-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(184,160,90,.62) !important;
    box-shadow:
        0 20px 42px rgba(69,33,151,.11),
        0 8px 18px rgba(184,160,90,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body .mot-reviews-slider .mot-review-author{
    color:#452197 !important;
    font-weight:750 !important;
}

body .mot-reviews-slider .mot-review-stars{
    color:#B8A05A !important;
}

body .mot-reviews-slider .mot-review-meta{
    color:#6B6B6B !important;
}

body .mot-reviews-slider .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-reviews-slider .mot-review-text{
    color:#222222 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55b44509 *//* =========================================
   MyOnlineTutor – Tutor Lesson Cards
   Ultra Premium UI 2026
   Clean White + Lilac + Soft Gold Hover
========================================= */

.mot-offers-grid{
    --mot-purple:#6134B7;
    --mot-purple-dark:#452197;
    --mot-purple-soft:#7A3EF2;
    --mot-lilac:#F4EFFF;
    --mot-lilac-2:#FAF7FF;
    --mot-gold:#D8C28A;
    --mot-gold-soft:#FFF8E6;
    --mot-text:#1F1B2E;
    --mot-muted:#7A7486;
    --mot-border:rgba(97,52,183,.12);

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(235px, 275px)) !important;
    justify-content:center !important;
    gap:22px !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:22px 10px 32px !important;
    background:#fff !important;
}

/* Card */
.mot-offer-card{
    position:relative !important;
    width:100% !important;
    max-width:275px !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#FCFAFF 100%) !important;
    border:1px solid var(--mot-border) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:
        0 18px 42px rgba(31,27,46,.07),
        0 2px 8px rgba(97,52,183,.04) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

.mot-offer-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(216,194,138,.20), transparent 34%),
        linear-gradient(180deg, rgba(244,239,255,.42), transparent 42%) !important;
    opacity:.9 !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(216,194,138,.55) !important;
    box-shadow:
        0 26px 58px rgba(97,52,183,.13),
        0 10px 24px rgba(216,194,138,.14) !important;
}

/* Image */
.mot-offer-image-wrap{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:128px !important;
    overflow:hidden !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 52%,#FFF8E6 100%) !important;
    border-bottom:1px solid rgba(97,52,183,.08) !important;
}

.mot-offer-image-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.06) !important;
    filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
}

/* Placeholder */
.mot-offer-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(216,194,138,.30), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(122,62,242,.18), transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 58%,#FFF8E6 100%) !important;
}

/* Body */
.mot-offer-body{
    position:relative !important;
    z-index:2 !important;
    padding:17px 15px 19px !important;
    text-align:center !important;
    background:transparent !important;
}

.mot-offer-title{
    margin:0 0 13px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--mot-text) !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    line-height:1.38 !important;
    letter-spacing:-.02em !important;
}

/* Price – no olive */
.mot-offer-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:31px !important;
    padding:6px 13px !important;
    margin:0 7px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#FFFFFF 0%,#FFF8E6 100%) !important;
    border:1px solid rgba(216,194,138,.38) !important;
    color:#5B4670 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(216,194,138,.13) !important;
}

/* Button – Premium Lilac */
.mot-offer-card .mot-offer-btn,
.mot-offer-card a.mot-offer-btn,
.mot-offer-card a.button,
.mot-offer-card .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 19px !important;
    border-radius:999px !important;
    border:1px solid rgba(97,52,183,.14) !important;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#FAF7FF 38%,#F1EAFF 100%) !important;
    color:var(--mot-purple-dark) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
        0 10px 24px rgba(97,52,183,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Hover – Soft Lilac */

.mot-offer-card .mot-offer-btn:hover,
.mot-offer-card a.mot-offer-btn:hover,
.mot-offer-card a.button:hover,
.mot-offer-card .button:hover{
    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F4FF 40%,
            #EEE7FF 100%
        ) !important;

    color:#452197 !important;

    border-color:rgba(122,62,242,.28) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 32px rgba(97,52,183,.12),
        0 8px 20px rgba(233,221,251,.55) !important;
}

/* Active / Focus – no ugly olive */
.mot-offer-card .mot-offer-btn:focus,
.mot-offer-card a.mot-offer-btn:focus,
.mot-offer-card a.button:focus,
.mot-offer-card .button:focus{
    outline:none !important;
    background:
        linear-gradient(135deg,#F7F3FF 0%,#EEE7FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.35) !important;
    box-shadow:
        0 0 0 4px rgba(244,239,255,.95),
        0 12px 24px rgba(97,52,183,.14) !important;
}

.mot-offer-card .mot-offer-btn:active,
.mot-offer-card a.mot-offer-btn:active,
.mot-offer-card a.button:active,
.mot-offer-card .button:active{
    transform:translateY(0) scale(.98) !important;
    background:
        linear-gradient(135deg,#EEE7FF 0%,#F7F3FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.28) !important;
    box-shadow:
        0 8px 18px rgba(97,52,183,.12) !important;
}

/* Empty */
.mot-empty{
    text-align:center !important;
    color:var(--mot-muted) !important;
    font-size:14px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(31,27,46,.05) !important;
}

/* Mobile */
@media (max-width:767px){
    .mot-offers-grid{
        grid-template-columns:1fr !important;
        max-width:330px !important;
        gap:18px !important;
        padding:16px 8px 24px !important;
    }

    .mot-offer-card{
        max-width:100% !important;
        border-radius:24px !important;
    }

    .mot-offer-image-wrap{
        height:118px !important;
    }

    .mot-offer-title{
        min-height:auto !important;
        font-size:14px !important;
    }

    .mot-offer-price{
        margin:0 0 10px !important;
    }

    .mot-offer-card .mot-offer-btn,
    .mot-offer-card a.mot-offer-btn,
    .mot-offer-card a.button,
    .mot-offer-card .button{
        width:100% !important;
        min-height:42px !important;
    }
}



/* =========================================
   Premium Soft Lilac Hover
========================================= */

.mot-offer-card{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #FCFAFF 60%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.25) !important;

    box-shadow:
        0 26px 60px rgba(97,52,183,.14),
        0 10px 30px rgba(122,62,242,.10),
        0 0 0 1px rgba(233,221,251,.75) inset !important;
}

/* Glow lilac behind card */
.mot-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    border-radius:28px !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233,221,251,.9),
            transparent 70%
        );

    opacity:0 !important;
    transition:opacity .35s ease !important;
}

.mot-offer-card:hover::before{
    opacity:1 !important;
}

/* Image gets softer */
.mot-offer-card:hover .mot-offer-image-wrap{
    border-bottom-color:rgba(122,62,242,.15) !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.05) !important;
    filter:
        saturate(1.05)
        brightness(1.03)
        contrast(1.02) !important;
}

/* Title becomes royal violet */
.mot-offer-card:hover .mot-offer-title{
    color:#452197 !important;
}

/* Price gets subtle lilac */
.mot-offer-card:hover .mot-offer-price{
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.18) !important;
}

/* Button gets slightly brighter */
.mot-offer-card:hover .mot-offer-btn,
.mot-offer-card:hover .button{
    box-shadow:
        0 16px 30px rgba(97,52,183,.12),
        0 8px 18px rgba(233,221,251,.55) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ad6786f */.mot-video-card{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border:1px solid #ececf2;
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.mot-video-embed iframe,
.mot-video-embed video{
    width:100%;
    min-height:420px;
    border:none;
    border-radius:18px;
    display:block;
}

.mot-video-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:#475569;
    text-align:center;
}

@media (max-width:767px){
    .mot-video-card{
        padding:16px;
        border-radius:18px;
    }

    .mot-video-embed iframe,
    .mot-video-embed video{
        min-height:240px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5e6b06 */.mot-about-readmore{
    max-height: 5.4em; /* تقریباً 3 خط */
    overflow: hidden;
    position: relative;
    transition: max-height .4s ease;
    line-height: 1.8;
}

/* افکت محو در انتهای متن */
.mot-about-readmore::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events: none;
}

/* حالت باز */
.mot-about-readmore.is-open{
    max-height: 3000px;
}

.mot-about-readmore.is-open::after{
    display: none;
}


.mot-about-toggle{
    all: unset;

    display: inline !important;
    color: #6134B7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    cursor: pointer !important;
    font-family: inherit !important;

    transition: color .2s ease !important;
}

.mot-about-toggle:hover{
    color: #452197 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.mot-about-toggle::after{
    content: " →";
    transition: transform .2s ease;
}

.mot-about-toggle:hover::after{
    transform: translateX(3px);
}

.mot-about-readmore.is-open + .mot-about-toggle::after{
    content: " ↑";
}


.mot-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:12px !important;
    color:#6134B7 !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mot-about-toggle:hover{
    color:#452197 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74919f9f *//* =========================================
   MyOnlineTutor – Qualification Cards
   Final Minimal Premium 2026
========================================= */

.mot-qualifications{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --text:#222222;
    --muted:#6B6B6B;

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding:4px 8px 18px !important;
}

.mot-qual-card{
    position:relative !important;
    overflow:hidden !important;

    min-height:118px !important;
    padding:18px 22px !important;

    background:#ffffff !important;
    border:1px solid rgba(184,160,90,.28) !important;
    border-radius:18px !important;

    box-shadow:
        0 10px 26px rgba(34,34,34,.035) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.mot-qual-card::before{
    content:none !important;
    display:none !important;
}

.mot-qual-card::after{
    content:"" !important;
    position:absolute !important;
    top:-34px !important;
    right:-34px !important;
    width:86px !important;
    height:86px !important;
    border-radius:50% !important;
    background:rgba(216,194,138,.12) !important;
    opacity:0 !important;
    transition:opacity .24s ease, transform .24s ease !important;
}

.mot-qual-card:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border-color:rgba(184,160,90,.48) !important;
    box-shadow:
        0 14px 34px rgba(69,33,151,.055),
        0 5px 14px rgba(184,160,90,.055) !important;
}

.mot-qual-card:hover::after{
    opacity:1 !important;
    transform:scale(1.04) !important;
}

.mot-qual-card .mot-qual-title{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 12px !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;

    color:var(--violet) !important;
}

.mot-qual-card .mot-qual-main{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 7px !important;

    font-size:14.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    color:#1f2c55 !important;
}

.mot-qual-card .mot-qual-sub{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 5px !important;

    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:var(--muted) !important;
}

.mot-qual-card .mot-qual-meta{
    position:relative !important;
    z-index:1 !important;

    margin:0 !important;

    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    color:#7b8497 !important;
}

.mot-qual-card .mot-qual-year{
    position:relative !important;
    z-index:1 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:9px !important;
    padding:4px 9px !important;

    border-radius:999px !important;
    background:#F8F6F0 !important;
    border:1px solid rgba(184,160,90,.32) !important;

    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:var(--dark) !important;
}

.mot-empty{
    max-width:560px !important;
    margin:10px auto !important;
    padding:16px 18px !important;

    text-align:center !important;
    font-size:13.5px !important;
    font-weight:550 !important;
    color:var(--muted) !important;

    background:#ffffff !important;
    border:1px dashed rgba(184,160,90,.36) !important;
    border-radius:16px !important;
}

@media (max-width:600px){
    .mot-qualifications{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:2px 8px 16px !important;
    }

    .mot-qual-card{
        min-height:auto !important;
        padding:17px 18px !important;
        border-radius:16px !important;
    }

    .mot-qual-card .mot-qual-title{
        font-size:19px !important;
        margin-bottom:10px !important;
    }

    .mot-qual-card .mot-qual-main{
        font-size:14px !important;
    }

    .mot-qual-card .mot-qual-sub{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12410591 *//* =========================================
   MyOnlineTutor – Public Tutor Reviews Slider
   Premium Luxury 2026 – FINAL
========================================= */

.mot-reviews-slider{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --lavender:#E9DDFB;
    --cream:#F8F6F0;
    --page:#FCFBF8;
    --text:#222222;
    --muted:#6B6B6B;

    position:relative;
    max-width:1120px;
    margin:0 auto;
    padding:4px 34px 12px;
    overflow:visible !important;
}

.mot-reviews-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-snap-type:x mandatory;
    padding:2px 0;
}

.mot-reviews-viewport::-webkit-scrollbar{
    display:none;
}

.mot-reviews-track{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    width:max-content;
    padding:4px 0 10px;
}

.mot-review-card{
    position:relative;
    flex:0 0 292px;
    min-height:172px;
    padding:18px 18px 17px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,248,.96));
    border:1px solid rgba(97,52,183,.10);
    border-radius:20px;

    box-shadow:
        0 10px 26px rgba(69,33,151,.055),
        inset 0 1px 0 rgba(255,255,255,.9);

    scroll-snap-align:start;

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

.mot-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0%, rgba(216,194,138,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(233,221,251,.36), transparent 38%);
    opacity:.75;
}

.mot-review-card::after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-8px;
    font-size:72px;
    line-height:1;
    font-family:Georgia, serif;
    color:rgba(184,160,90,.13);
    pointer-events:none;
}

.mot-review-card:hover{
    transform:translateY(-3px);
    border-color:rgba(184,160,90,.45);
    box-shadow:
        0 16px 34px rgba(69,33,151,.09),
        0 4px 14px rgba(184,160,90,.12);
}

.mot-review-card-top{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.mot-review-author{
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:var(--dark);
    letter-spacing:-.01em;
}

.mot-review-stars{
    font-size:14px;
    line-height:1;
    color:var(--gold);
    letter-spacing:.8px;
    white-space:nowrap;
    padding-top:2px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}

.mot-review-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-bottom:10px;

    font-size:12.5px;
    line-height:1.45;
    color:var(--muted);
}

.mot-review-dot{
    color:rgba(184,160,90,.55);
}

.mot-review-text{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.72;
    color:#3f3f46;
    text-align:left;
    margin:0;
}

.mot-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:30px;
    height:30px;
    border:none;
    border-radius:999px;

    background:rgba(255,255,255,.96);
    color:var(--royal);

    font-size:18px;
    font-weight:700;
    line-height:1;
    cursor:pointer;

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

    box-shadow:
        0 8px 22px rgba(69,33,151,.12),
        inset 0 0 0 1px rgba(97,52,183,.10);

    z-index:10;

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

.mot-reviews-nav:hover{
    background:linear-gradient(135deg, var(--royal), var(--dark));
    color:#ffffff;
    transform:translateY(-50%) scale(1.04);
    box-shadow:
        0 12px 28px rgba(69,33,151,.22),
        0 3px 10px rgba(184,160,90,.18);
}

.mot-reviews-nav:active{
    transform:translateY(-50%) scale(.96);
}

.mot-reviews-prev{
    left:0;
}

.mot-reviews-next{
    right:0;
}

.mot-reviews-empty{
    text-align:center;
    color:var(--muted);
    font-size:14px;
    padding:18px;
    background:#ffffff;
    border:1px solid rgba(97,52,183,.10);
    border-radius:18px;
}

/* Elementor overflow fix */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

/* Tablet */
@media (max-width:1024px){
    .mot-reviews-slider{
        max-width:100%;
        padding:4px 30px 10px;
    }

    .mot-reviews-track{
        gap:13px;
    }

    .mot-review-card{
        flex:0 0 280px;
        padding:17px;
    }
}

/* Mobile */
@media (max-width:767px){
    .mot-reviews-slider{
        padding:4px 8px 10px;
    }

    .mot-reviews-track{
        gap:12px;
        padding:4px 2px 10px;
    }

    .mot-review-card{
        flex:0 0 82vw;
        min-height:auto;
        padding:16px 15px 15px;
        border-radius:18px;
    }

    .mot-review-card-top{
        gap:10px;
        margin-bottom:7px;
    }

    .mot-review-author{
        font-size:14.5px;
    }

    .mot-review-stars{
        font-size:13px;
        letter-spacing:.5px;
    }

    .mot-review-meta{
        font-size:12px;
        margin-bottom:9px;
    }

    .mot-review-text{
        font-size:14px;
        line-height:1.68;
    }

    .mot-reviews-nav{
        width:27px;
        height:27px;
        font-size:16px;
        background:#ffffff;
    }

    .mot-reviews-prev{
        left:-2px;
    }

    .mot-reviews-next{
        right:-2px;
    }
}


/* MOT Reviews Slider – FORCE OVERRIDE FINAL */

body .mot-reviews-slider{
    max-width:1100px !important;
    margin:0 auto !important;
    padding:0 26px 10px !important;
    overflow:visible !important;
}

body .mot-reviews-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
}

body .mot-reviews-viewport::-webkit-scrollbar{
    display:none !important;
}

body .mot-reviews-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    padding:4px 0 8px !important;
}

body .mot-review-card{
    flex:0 0 280px !important;
    min-height:155px !important;
    padding:15px 16px !important;

    background:#ffffff !important;
    border:1px solid rgba(97,52,183,.14) !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 20px rgba(69,33,151,.06),
        0 1px 0 rgba(184,160,90,.18) inset !important;

    scroll-snap-align:start !important;
    transition:all .25s ease !important;
}

body .mot-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(184,160,90,.55) !important;
    box-shadow:
        0 14px 30px rgba(69,33,151,.10),
        0 4px 12px rgba(184,160,90,.16) !important;
}

body .mot-review-card-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:7px !important;
}

body .mot-review-author{
    font-size:14.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#452197 !important;
}

body .mot-review-stars{
    font-size:13.5px !important;
    line-height:1 !important;
    color:#B8A05A !important;
    letter-spacing:.6px !important;
    white-space:nowrap !important;
}

body .mot-review-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-bottom:8px !important;

    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B6B6B !important;
}

body .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-review-text{
    font-size:13.8px !important;
    line-height:1.65 !important;
    color:#222222 !important;
    text-align:left !important;
    margin:0 !important;
}

body .mot-reviews-nav{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:28px !important;
    height:28px !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:50% !important;

    background:#ffffff !important;
    color:#6134B7 !important;

    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;

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

    box-shadow:0 8px 18px rgba(69,33,151,.12) !important;
    z-index:99 !important;
}

body .mot-reviews-nav:hover{
    background:#6134B7 !important;
    color:#ffffff !important;
    border-color:#6134B7 !important;
    box-shadow:0 12px 24px rgba(69,33,151,.22) !important;
}

body .mot-reviews-prev{
    left:0 !important;
}

body .mot-reviews-next{
    right:0 !important;
}

body .elementor-widget-shortcode,
body .elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

@media (max-width:767px){
    body .mot-reviews-slider{
        padding:0 6px 8px !important;
    }

    body .mot-reviews-track{
        gap:10px !important;
    }

    body .mot-review-card{
        flex:0 0 80vw !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .mot-reviews-nav{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
    }

    body .mot-reviews-prev{
        left:-3px !important;
    }

    body .mot-reviews-next{
        right:-3px !important;
    }
}

/* Remove blue top line from review cards */

body .mot-reviews-slider .mot-review-card{
    background-image:none !important;
    outline:none !important;
}

body .mot-reviews-slider .mot-review-card *{
    border-top-color:inherit !important;
}





/* =========================================
   MOT Reviews – Premium Warm Final Fix
   No Blue Line / Elegant Gold-Violet Style
========================================= */

body .mot-reviews-slider .mot-review-card{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(216,194,138,.22), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;

    border:1px solid rgba(184,160,90,.36) !important;
    border-top:1px solid rgba(184,160,90,.55) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(69,33,151,.075),
        0 4px 12px rgba(184,160,90,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* این خط طلایی خیلی ظریف جایگزین خط آبی می‌شود */
body .mot-reviews-slider .mot-review-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:22px !important;
    right:22px !important;
    height:2px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,160,90,.70),
        rgba(216,194,138,.45),
        transparent
    ) !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* علامت نقل‌قول لطیف */
body .mot-reviews-slider .mot-review-card::after{
    content:"“" !important;
    position:absolute !important;
    right:18px !important;
    bottom:-10px !important;
    font-family:Georgia, serif !important;
    font-size:76px !important;
    line-height:1 !important;
    color:rgba(184,160,90,.14) !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

body .mot-reviews-slider .mot-review-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(184,160,90,.62) !important;
    box-shadow:
        0 20px 42px rgba(69,33,151,.11),
        0 8px 18px rgba(184,160,90,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body .mot-reviews-slider .mot-review-author{
    color:#452197 !important;
    font-weight:750 !important;
}

body .mot-reviews-slider .mot-review-stars{
    color:#B8A05A !important;
}

body .mot-reviews-slider .mot-review-meta{
    color:#6B6B6B !important;
}

body .mot-reviews-slider .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-reviews-slider .mot-review-text{
    color:#222222 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55b44509 *//* =========================================
   MyOnlineTutor – Tutor Lesson Cards
   Ultra Premium UI 2026
   Clean White + Lilac + Soft Gold Hover
========================================= */

.mot-offers-grid{
    --mot-purple:#6134B7;
    --mot-purple-dark:#452197;
    --mot-purple-soft:#7A3EF2;
    --mot-lilac:#F4EFFF;
    --mot-lilac-2:#FAF7FF;
    --mot-gold:#D8C28A;
    --mot-gold-soft:#FFF8E6;
    --mot-text:#1F1B2E;
    --mot-muted:#7A7486;
    --mot-border:rgba(97,52,183,.12);

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(235px, 275px)) !important;
    justify-content:center !important;
    gap:22px !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:22px 10px 32px !important;
    background:#fff !important;
}

/* Card */
.mot-offer-card{
    position:relative !important;
    width:100% !important;
    max-width:275px !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#FCFAFF 100%) !important;
    border:1px solid var(--mot-border) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:
        0 18px 42px rgba(31,27,46,.07),
        0 2px 8px rgba(97,52,183,.04) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

.mot-offer-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(216,194,138,.20), transparent 34%),
        linear-gradient(180deg, rgba(244,239,255,.42), transparent 42%) !important;
    opacity:.9 !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(216,194,138,.55) !important;
    box-shadow:
        0 26px 58px rgba(97,52,183,.13),
        0 10px 24px rgba(216,194,138,.14) !important;
}

/* Image */
.mot-offer-image-wrap{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:128px !important;
    overflow:hidden !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 52%,#FFF8E6 100%) !important;
    border-bottom:1px solid rgba(97,52,183,.08) !important;
}

.mot-offer-image-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.06) !important;
    filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
}

/* Placeholder */
.mot-offer-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(216,194,138,.30), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(122,62,242,.18), transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 58%,#FFF8E6 100%) !important;
}

/* Body */
.mot-offer-body{
    position:relative !important;
    z-index:2 !important;
    padding:17px 15px 19px !important;
    text-align:center !important;
    background:transparent !important;
}

.mot-offer-title{
    margin:0 0 13px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--mot-text) !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    line-height:1.38 !important;
    letter-spacing:-.02em !important;
}

/* Price – no olive */
.mot-offer-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:31px !important;
    padding:6px 13px !important;
    margin:0 7px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#FFFFFF 0%,#FFF8E6 100%) !important;
    border:1px solid rgba(216,194,138,.38) !important;
    color:#5B4670 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(216,194,138,.13) !important;
}

/* Button – Premium Lilac */
.mot-offer-card .mot-offer-btn,
.mot-offer-card a.mot-offer-btn,
.mot-offer-card a.button,
.mot-offer-card .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 19px !important;
    border-radius:999px !important;
    border:1px solid rgba(97,52,183,.14) !important;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#FAF7FF 38%,#F1EAFF 100%) !important;
    color:var(--mot-purple-dark) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
        0 10px 24px rgba(97,52,183,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Hover – Soft Lilac */

.mot-offer-card .mot-offer-btn:hover,
.mot-offer-card a.mot-offer-btn:hover,
.mot-offer-card a.button:hover,
.mot-offer-card .button:hover{
    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F4FF 40%,
            #EEE7FF 100%
        ) !important;

    color:#452197 !important;

    border-color:rgba(122,62,242,.28) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 32px rgba(97,52,183,.12),
        0 8px 20px rgba(233,221,251,.55) !important;
}

/* Active / Focus – no ugly olive */
.mot-offer-card .mot-offer-btn:focus,
.mot-offer-card a.mot-offer-btn:focus,
.mot-offer-card a.button:focus,
.mot-offer-card .button:focus{
    outline:none !important;
    background:
        linear-gradient(135deg,#F7F3FF 0%,#EEE7FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.35) !important;
    box-shadow:
        0 0 0 4px rgba(244,239,255,.95),
        0 12px 24px rgba(97,52,183,.14) !important;
}

.mot-offer-card .mot-offer-btn:active,
.mot-offer-card a.mot-offer-btn:active,
.mot-offer-card a.button:active,
.mot-offer-card .button:active{
    transform:translateY(0) scale(.98) !important;
    background:
        linear-gradient(135deg,#EEE7FF 0%,#F7F3FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.28) !important;
    box-shadow:
        0 8px 18px rgba(97,52,183,.12) !important;
}

/* Empty */
.mot-empty{
    text-align:center !important;
    color:var(--mot-muted) !important;
    font-size:14px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(31,27,46,.05) !important;
}

/* Mobile */
@media (max-width:767px){
    .mot-offers-grid{
        grid-template-columns:1fr !important;
        max-width:330px !important;
        gap:18px !important;
        padding:16px 8px 24px !important;
    }

    .mot-offer-card{
        max-width:100% !important;
        border-radius:24px !important;
    }

    .mot-offer-image-wrap{
        height:118px !important;
    }

    .mot-offer-title{
        min-height:auto !important;
        font-size:14px !important;
    }

    .mot-offer-price{
        margin:0 0 10px !important;
    }

    .mot-offer-card .mot-offer-btn,
    .mot-offer-card a.mot-offer-btn,
    .mot-offer-card a.button,
    .mot-offer-card .button{
        width:100% !important;
        min-height:42px !important;
    }
}



/* =========================================
   Premium Soft Lilac Hover
========================================= */

.mot-offer-card{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #FCFAFF 60%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.25) !important;

    box-shadow:
        0 26px 60px rgba(97,52,183,.14),
        0 10px 30px rgba(122,62,242,.10),
        0 0 0 1px rgba(233,221,251,.75) inset !important;
}

/* Glow lilac behind card */
.mot-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    border-radius:28px !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233,221,251,.9),
            transparent 70%
        );

    opacity:0 !important;
    transition:opacity .35s ease !important;
}

.mot-offer-card:hover::before{
    opacity:1 !important;
}

/* Image gets softer */
.mot-offer-card:hover .mot-offer-image-wrap{
    border-bottom-color:rgba(122,62,242,.15) !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.05) !important;
    filter:
        saturate(1.05)
        brightness(1.03)
        contrast(1.02) !important;
}

/* Title becomes royal violet */
.mot-offer-card:hover .mot-offer-title{
    color:#452197 !important;
}

/* Price gets subtle lilac */
.mot-offer-card:hover .mot-offer-price{
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.18) !important;
}

/* Button gets slightly brighter */
.mot-offer-card:hover .mot-offer-btn,
.mot-offer-card:hover .button{
    box-shadow:
        0 16px 30px rgba(97,52,183,.12),
        0 8px 18px rgba(233,221,251,.55) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ad6786f */.mot-video-card{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border:1px solid #ececf2;
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.mot-video-embed iframe,
.mot-video-embed video{
    width:100%;
    min-height:420px;
    border:none;
    border-radius:18px;
    display:block;
}

.mot-video-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:#475569;
    text-align:center;
}

@media (max-width:767px){
    .mot-video-card{
        padding:16px;
        border-radius:18px;
    }

    .mot-video-embed iframe,
    .mot-video-embed video{
        min-height:240px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5e6b06 */.mot-about-readmore{
    max-height: 5.4em; /* تقریباً 3 خط */
    overflow: hidden;
    position: relative;
    transition: max-height .4s ease;
    line-height: 1.8;
}

/* افکت محو در انتهای متن */
.mot-about-readmore::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events: none;
}

/* حالت باز */
.mot-about-readmore.is-open{
    max-height: 3000px;
}

.mot-about-readmore.is-open::after{
    display: none;
}


.mot-about-toggle{
    all: unset;

    display: inline !important;
    color: #6134B7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    cursor: pointer !important;
    font-family: inherit !important;

    transition: color .2s ease !important;
}

.mot-about-toggle:hover{
    color: #452197 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.mot-about-toggle::after{
    content: " →";
    transition: transform .2s ease;
}

.mot-about-toggle:hover::after{
    transform: translateX(3px);
}

.mot-about-readmore.is-open + .mot-about-toggle::after{
    content: " ↑";
}


.mot-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:12px !important;
    color:#6134B7 !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mot-about-toggle:hover{
    color:#452197 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74919f9f *//* =========================================
   MyOnlineTutor – Qualification Cards
   Final Minimal Premium 2026
========================================= */

.mot-qualifications{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --text:#222222;
    --muted:#6B6B6B;

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding:4px 8px 18px !important;
}

.mot-qual-card{
    position:relative !important;
    overflow:hidden !important;

    min-height:118px !important;
    padding:18px 22px !important;

    background:#ffffff !important;
    border:1px solid rgba(184,160,90,.28) !important;
    border-radius:18px !important;

    box-shadow:
        0 10px 26px rgba(34,34,34,.035) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.mot-qual-card::before{
    content:none !important;
    display:none !important;
}

.mot-qual-card::after{
    content:"" !important;
    position:absolute !important;
    top:-34px !important;
    right:-34px !important;
    width:86px !important;
    height:86px !important;
    border-radius:50% !important;
    background:rgba(216,194,138,.12) !important;
    opacity:0 !important;
    transition:opacity .24s ease, transform .24s ease !important;
}

.mot-qual-card:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border-color:rgba(184,160,90,.48) !important;
    box-shadow:
        0 14px 34px rgba(69,33,151,.055),
        0 5px 14px rgba(184,160,90,.055) !important;
}

.mot-qual-card:hover::after{
    opacity:1 !important;
    transform:scale(1.04) !important;
}

.mot-qual-card .mot-qual-title{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 12px !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;

    color:var(--violet) !important;
}

.mot-qual-card .mot-qual-main{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 7px !important;

    font-size:14.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    color:#1f2c55 !important;
}

.mot-qual-card .mot-qual-sub{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 5px !important;

    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:var(--muted) !important;
}

.mot-qual-card .mot-qual-meta{
    position:relative !important;
    z-index:1 !important;

    margin:0 !important;

    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    color:#7b8497 !important;
}

.mot-qual-card .mot-qual-year{
    position:relative !important;
    z-index:1 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:9px !important;
    padding:4px 9px !important;

    border-radius:999px !important;
    background:#F8F6F0 !important;
    border:1px solid rgba(184,160,90,.32) !important;

    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:var(--dark) !important;
}

.mot-empty{
    max-width:560px !important;
    margin:10px auto !important;
    padding:16px 18px !important;

    text-align:center !important;
    font-size:13.5px !important;
    font-weight:550 !important;
    color:var(--muted) !important;

    background:#ffffff !important;
    border:1px dashed rgba(184,160,90,.36) !important;
    border-radius:16px !important;
}

@media (max-width:600px){
    .mot-qualifications{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:2px 8px 16px !important;
    }

    .mot-qual-card{
        min-height:auto !important;
        padding:17px 18px !important;
        border-radius:16px !important;
    }

    .mot-qual-card .mot-qual-title{
        font-size:19px !important;
        margin-bottom:10px !important;
    }

    .mot-qual-card .mot-qual-main{
        font-size:14px !important;
    }

    .mot-qual-card .mot-qual-sub{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12410591 *//* =========================================
   MyOnlineTutor – Public Tutor Reviews Slider
   Premium Luxury 2026 – FINAL
========================================= */

.mot-reviews-slider{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --lavender:#E9DDFB;
    --cream:#F8F6F0;
    --page:#FCFBF8;
    --text:#222222;
    --muted:#6B6B6B;

    position:relative;
    max-width:1120px;
    margin:0 auto;
    padding:4px 34px 12px;
    overflow:visible !important;
}

.mot-reviews-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-snap-type:x mandatory;
    padding:2px 0;
}

.mot-reviews-viewport::-webkit-scrollbar{
    display:none;
}

.mot-reviews-track{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    width:max-content;
    padding:4px 0 10px;
}

.mot-review-card{
    position:relative;
    flex:0 0 292px;
    min-height:172px;
    padding:18px 18px 17px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,248,.96));
    border:1px solid rgba(97,52,183,.10);
    border-radius:20px;

    box-shadow:
        0 10px 26px rgba(69,33,151,.055),
        inset 0 1px 0 rgba(255,255,255,.9);

    scroll-snap-align:start;

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

.mot-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0%, rgba(216,194,138,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(233,221,251,.36), transparent 38%);
    opacity:.75;
}

.mot-review-card::after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-8px;
    font-size:72px;
    line-height:1;
    font-family:Georgia, serif;
    color:rgba(184,160,90,.13);
    pointer-events:none;
}

.mot-review-card:hover{
    transform:translateY(-3px);
    border-color:rgba(184,160,90,.45);
    box-shadow:
        0 16px 34px rgba(69,33,151,.09),
        0 4px 14px rgba(184,160,90,.12);
}

.mot-review-card-top{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.mot-review-author{
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:var(--dark);
    letter-spacing:-.01em;
}

.mot-review-stars{
    font-size:14px;
    line-height:1;
    color:var(--gold);
    letter-spacing:.8px;
    white-space:nowrap;
    padding-top:2px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}

.mot-review-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-bottom:10px;

    font-size:12.5px;
    line-height:1.45;
    color:var(--muted);
}

.mot-review-dot{
    color:rgba(184,160,90,.55);
}

.mot-review-text{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.72;
    color:#3f3f46;
    text-align:left;
    margin:0;
}

.mot-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:30px;
    height:30px;
    border:none;
    border-radius:999px;

    background:rgba(255,255,255,.96);
    color:var(--royal);

    font-size:18px;
    font-weight:700;
    line-height:1;
    cursor:pointer;

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

    box-shadow:
        0 8px 22px rgba(69,33,151,.12),
        inset 0 0 0 1px rgba(97,52,183,.10);

    z-index:10;

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

.mot-reviews-nav:hover{
    background:linear-gradient(135deg, var(--royal), var(--dark));
    color:#ffffff;
    transform:translateY(-50%) scale(1.04);
    box-shadow:
        0 12px 28px rgba(69,33,151,.22),
        0 3px 10px rgba(184,160,90,.18);
}

.mot-reviews-nav:active{
    transform:translateY(-50%) scale(.96);
}

.mot-reviews-prev{
    left:0;
}

.mot-reviews-next{
    right:0;
}

.mot-reviews-empty{
    text-align:center;
    color:var(--muted);
    font-size:14px;
    padding:18px;
    background:#ffffff;
    border:1px solid rgba(97,52,183,.10);
    border-radius:18px;
}

/* Elementor overflow fix */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

/* Tablet */
@media (max-width:1024px){
    .mot-reviews-slider{
        max-width:100%;
        padding:4px 30px 10px;
    }

    .mot-reviews-track{
        gap:13px;
    }

    .mot-review-card{
        flex:0 0 280px;
        padding:17px;
    }
}

/* Mobile */
@media (max-width:767px){
    .mot-reviews-slider{
        padding:4px 8px 10px;
    }

    .mot-reviews-track{
        gap:12px;
        padding:4px 2px 10px;
    }

    .mot-review-card{
        flex:0 0 82vw;
        min-height:auto;
        padding:16px 15px 15px;
        border-radius:18px;
    }

    .mot-review-card-top{
        gap:10px;
        margin-bottom:7px;
    }

    .mot-review-author{
        font-size:14.5px;
    }

    .mot-review-stars{
        font-size:13px;
        letter-spacing:.5px;
    }

    .mot-review-meta{
        font-size:12px;
        margin-bottom:9px;
    }

    .mot-review-text{
        font-size:14px;
        line-height:1.68;
    }

    .mot-reviews-nav{
        width:27px;
        height:27px;
        font-size:16px;
        background:#ffffff;
    }

    .mot-reviews-prev{
        left:-2px;
    }

    .mot-reviews-next{
        right:-2px;
    }
}


/* MOT Reviews Slider – FORCE OVERRIDE FINAL */

body .mot-reviews-slider{
    max-width:1100px !important;
    margin:0 auto !important;
    padding:0 26px 10px !important;
    overflow:visible !important;
}

body .mot-reviews-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
}

body .mot-reviews-viewport::-webkit-scrollbar{
    display:none !important;
}

body .mot-reviews-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    padding:4px 0 8px !important;
}

body .mot-review-card{
    flex:0 0 280px !important;
    min-height:155px !important;
    padding:15px 16px !important;

    background:#ffffff !important;
    border:1px solid rgba(97,52,183,.14) !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 20px rgba(69,33,151,.06),
        0 1px 0 rgba(184,160,90,.18) inset !important;

    scroll-snap-align:start !important;
    transition:all .25s ease !important;
}

body .mot-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(184,160,90,.55) !important;
    box-shadow:
        0 14px 30px rgba(69,33,151,.10),
        0 4px 12px rgba(184,160,90,.16) !important;
}

body .mot-review-card-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:7px !important;
}

body .mot-review-author{
    font-size:14.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#452197 !important;
}

body .mot-review-stars{
    font-size:13.5px !important;
    line-height:1 !important;
    color:#B8A05A !important;
    letter-spacing:.6px !important;
    white-space:nowrap !important;
}

body .mot-review-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-bottom:8px !important;

    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B6B6B !important;
}

body .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-review-text{
    font-size:13.8px !important;
    line-height:1.65 !important;
    color:#222222 !important;
    text-align:left !important;
    margin:0 !important;
}

body .mot-reviews-nav{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:28px !important;
    height:28px !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:50% !important;

    background:#ffffff !important;
    color:#6134B7 !important;

    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;

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

    box-shadow:0 8px 18px rgba(69,33,151,.12) !important;
    z-index:99 !important;
}

body .mot-reviews-nav:hover{
    background:#6134B7 !important;
    color:#ffffff !important;
    border-color:#6134B7 !important;
    box-shadow:0 12px 24px rgba(69,33,151,.22) !important;
}

body .mot-reviews-prev{
    left:0 !important;
}

body .mot-reviews-next{
    right:0 !important;
}

body .elementor-widget-shortcode,
body .elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

@media (max-width:767px){
    body .mot-reviews-slider{
        padding:0 6px 8px !important;
    }

    body .mot-reviews-track{
        gap:10px !important;
    }

    body .mot-review-card{
        flex:0 0 80vw !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .mot-reviews-nav{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
    }

    body .mot-reviews-prev{
        left:-3px !important;
    }

    body .mot-reviews-next{
        right:-3px !important;
    }
}

/* Remove blue top line from review cards */

body .mot-reviews-slider .mot-review-card{
    background-image:none !important;
    outline:none !important;
}

body .mot-reviews-slider .mot-review-card *{
    border-top-color:inherit !important;
}





/* =========================================
   MOT Reviews – Premium Warm Final Fix
   No Blue Line / Elegant Gold-Violet Style
========================================= */

body .mot-reviews-slider .mot-review-card{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(216,194,138,.22), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;

    border:1px solid rgba(184,160,90,.36) !important;
    border-top:1px solid rgba(184,160,90,.55) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(69,33,151,.075),
        0 4px 12px rgba(184,160,90,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* این خط طلایی خیلی ظریف جایگزین خط آبی می‌شود */
body .mot-reviews-slider .mot-review-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:22px !important;
    right:22px !important;
    height:2px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,160,90,.70),
        rgba(216,194,138,.45),
        transparent
    ) !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* علامت نقل‌قول لطیف */
body .mot-reviews-slider .mot-review-card::after{
    content:"“" !important;
    position:absolute !important;
    right:18px !important;
    bottom:-10px !important;
    font-family:Georgia, serif !important;
    font-size:76px !important;
    line-height:1 !important;
    color:rgba(184,160,90,.14) !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

body .mot-reviews-slider .mot-review-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(184,160,90,.62) !important;
    box-shadow:
        0 20px 42px rgba(69,33,151,.11),
        0 8px 18px rgba(184,160,90,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body .mot-reviews-slider .mot-review-author{
    color:#452197 !important;
    font-weight:750 !important;
}

body .mot-reviews-slider .mot-review-stars{
    color:#B8A05A !important;
}

body .mot-reviews-slider .mot-review-meta{
    color:#6B6B6B !important;
}

body .mot-reviews-slider .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-reviews-slider .mot-review-text{
    color:#222222 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55b44509 *//* =========================================
   MyOnlineTutor – Tutor Lesson Cards
   Ultra Premium UI 2026
   Clean White + Lilac + Soft Gold Hover
========================================= */

.mot-offers-grid{
    --mot-purple:#6134B7;
    --mot-purple-dark:#452197;
    --mot-purple-soft:#7A3EF2;
    --mot-lilac:#F4EFFF;
    --mot-lilac-2:#FAF7FF;
    --mot-gold:#D8C28A;
    --mot-gold-soft:#FFF8E6;
    --mot-text:#1F1B2E;
    --mot-muted:#7A7486;
    --mot-border:rgba(97,52,183,.12);

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(235px, 275px)) !important;
    justify-content:center !important;
    gap:22px !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:22px 10px 32px !important;
    background:#fff !important;
}

/* Card */
.mot-offer-card{
    position:relative !important;
    width:100% !important;
    max-width:275px !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#FCFAFF 100%) !important;
    border:1px solid var(--mot-border) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:
        0 18px 42px rgba(31,27,46,.07),
        0 2px 8px rgba(97,52,183,.04) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

.mot-offer-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(216,194,138,.20), transparent 34%),
        linear-gradient(180deg, rgba(244,239,255,.42), transparent 42%) !important;
    opacity:.9 !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(216,194,138,.55) !important;
    box-shadow:
        0 26px 58px rgba(97,52,183,.13),
        0 10px 24px rgba(216,194,138,.14) !important;
}

/* Image */
.mot-offer-image-wrap{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:128px !important;
    overflow:hidden !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 52%,#FFF8E6 100%) !important;
    border-bottom:1px solid rgba(97,52,183,.08) !important;
}

.mot-offer-image-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.06) !important;
    filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
}

/* Placeholder */
.mot-offer-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(216,194,138,.30), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(122,62,242,.18), transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 58%,#FFF8E6 100%) !important;
}

/* Body */
.mot-offer-body{
    position:relative !important;
    z-index:2 !important;
    padding:17px 15px 19px !important;
    text-align:center !important;
    background:transparent !important;
}

.mot-offer-title{
    margin:0 0 13px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--mot-text) !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    line-height:1.38 !important;
    letter-spacing:-.02em !important;
}

/* Price – no olive */
.mot-offer-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:31px !important;
    padding:6px 13px !important;
    margin:0 7px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#FFFFFF 0%,#FFF8E6 100%) !important;
    border:1px solid rgba(216,194,138,.38) !important;
    color:#5B4670 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(216,194,138,.13) !important;
}

/* Button – Premium Lilac */
.mot-offer-card .mot-offer-btn,
.mot-offer-card a.mot-offer-btn,
.mot-offer-card a.button,
.mot-offer-card .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 19px !important;
    border-radius:999px !important;
    border:1px solid rgba(97,52,183,.14) !important;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#FAF7FF 38%,#F1EAFF 100%) !important;
    color:var(--mot-purple-dark) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
        0 10px 24px rgba(97,52,183,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Hover – Soft Lilac */

.mot-offer-card .mot-offer-btn:hover,
.mot-offer-card a.mot-offer-btn:hover,
.mot-offer-card a.button:hover,
.mot-offer-card .button:hover{
    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F4FF 40%,
            #EEE7FF 100%
        ) !important;

    color:#452197 !important;

    border-color:rgba(122,62,242,.28) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 32px rgba(97,52,183,.12),
        0 8px 20px rgba(233,221,251,.55) !important;
}

/* Active / Focus – no ugly olive */
.mot-offer-card .mot-offer-btn:focus,
.mot-offer-card a.mot-offer-btn:focus,
.mot-offer-card a.button:focus,
.mot-offer-card .button:focus{
    outline:none !important;
    background:
        linear-gradient(135deg,#F7F3FF 0%,#EEE7FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.35) !important;
    box-shadow:
        0 0 0 4px rgba(244,239,255,.95),
        0 12px 24px rgba(97,52,183,.14) !important;
}

.mot-offer-card .mot-offer-btn:active,
.mot-offer-card a.mot-offer-btn:active,
.mot-offer-card a.button:active,
.mot-offer-card .button:active{
    transform:translateY(0) scale(.98) !important;
    background:
        linear-gradient(135deg,#EEE7FF 0%,#F7F3FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.28) !important;
    box-shadow:
        0 8px 18px rgba(97,52,183,.12) !important;
}

/* Empty */
.mot-empty{
    text-align:center !important;
    color:var(--mot-muted) !important;
    font-size:14px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(31,27,46,.05) !important;
}

/* Mobile */
@media (max-width:767px){
    .mot-offers-grid{
        grid-template-columns:1fr !important;
        max-width:330px !important;
        gap:18px !important;
        padding:16px 8px 24px !important;
    }

    .mot-offer-card{
        max-width:100% !important;
        border-radius:24px !important;
    }

    .mot-offer-image-wrap{
        height:118px !important;
    }

    .mot-offer-title{
        min-height:auto !important;
        font-size:14px !important;
    }

    .mot-offer-price{
        margin:0 0 10px !important;
    }

    .mot-offer-card .mot-offer-btn,
    .mot-offer-card a.mot-offer-btn,
    .mot-offer-card a.button,
    .mot-offer-card .button{
        width:100% !important;
        min-height:42px !important;
    }
}



/* =========================================
   Premium Soft Lilac Hover
========================================= */

.mot-offer-card{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #FCFAFF 60%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.25) !important;

    box-shadow:
        0 26px 60px rgba(97,52,183,.14),
        0 10px 30px rgba(122,62,242,.10),
        0 0 0 1px rgba(233,221,251,.75) inset !important;
}

/* Glow lilac behind card */
.mot-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    border-radius:28px !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233,221,251,.9),
            transparent 70%
        );

    opacity:0 !important;
    transition:opacity .35s ease !important;
}

.mot-offer-card:hover::before{
    opacity:1 !important;
}

/* Image gets softer */
.mot-offer-card:hover .mot-offer-image-wrap{
    border-bottom-color:rgba(122,62,242,.15) !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.05) !important;
    filter:
        saturate(1.05)
        brightness(1.03)
        contrast(1.02) !important;
}

/* Title becomes royal violet */
.mot-offer-card:hover .mot-offer-title{
    color:#452197 !important;
}

/* Price gets subtle lilac */
.mot-offer-card:hover .mot-offer-price{
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.18) !important;
}

/* Button gets slightly brighter */
.mot-offer-card:hover .mot-offer-btn,
.mot-offer-card:hover .button{
    box-shadow:
        0 16px 30px rgba(97,52,183,.12),
        0 8px 18px rgba(233,221,251,.55) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ad6786f */.mot-video-card{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border:1px solid #ececf2;
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.mot-video-embed iframe,
.mot-video-embed video{
    width:100%;
    min-height:420px;
    border:none;
    border-radius:18px;
    display:block;
}

.mot-video-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:#475569;
    text-align:center;
}

@media (max-width:767px){
    .mot-video-card{
        padding:16px;
        border-radius:18px;
    }

    .mot-video-embed iframe,
    .mot-video-embed video{
        min-height:240px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5e6b06 */.mot-about-readmore{
    max-height: 5.4em; /* تقریباً 3 خط */
    overflow: hidden;
    position: relative;
    transition: max-height .4s ease;
    line-height: 1.8;
}

/* افکت محو در انتهای متن */
.mot-about-readmore::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events: none;
}

/* حالت باز */
.mot-about-readmore.is-open{
    max-height: 3000px;
}

.mot-about-readmore.is-open::after{
    display: none;
}


.mot-about-toggle{
    all: unset;

    display: inline !important;
    color: #6134B7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    cursor: pointer !important;
    font-family: inherit !important;

    transition: color .2s ease !important;
}

.mot-about-toggle:hover{
    color: #452197 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.mot-about-toggle::after{
    content: " →";
    transition: transform .2s ease;
}

.mot-about-toggle:hover::after{
    transform: translateX(3px);
}

.mot-about-readmore.is-open + .mot-about-toggle::after{
    content: " ↑";
}


.mot-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:12px !important;
    color:#6134B7 !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mot-about-toggle:hover{
    color:#452197 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74919f9f *//* =========================================
   MyOnlineTutor – Qualification Cards
   Final Minimal Premium 2026
========================================= */

.mot-qualifications{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --text:#222222;
    --muted:#6B6B6B;

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding:4px 8px 18px !important;
}

.mot-qual-card{
    position:relative !important;
    overflow:hidden !important;

    min-height:118px !important;
    padding:18px 22px !important;

    background:#ffffff !important;
    border:1px solid rgba(184,160,90,.28) !important;
    border-radius:18px !important;

    box-shadow:
        0 10px 26px rgba(34,34,34,.035) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.mot-qual-card::before{
    content:none !important;
    display:none !important;
}

.mot-qual-card::after{
    content:"" !important;
    position:absolute !important;
    top:-34px !important;
    right:-34px !important;
    width:86px !important;
    height:86px !important;
    border-radius:50% !important;
    background:rgba(216,194,138,.12) !important;
    opacity:0 !important;
    transition:opacity .24s ease, transform .24s ease !important;
}

.mot-qual-card:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border-color:rgba(184,160,90,.48) !important;
    box-shadow:
        0 14px 34px rgba(69,33,151,.055),
        0 5px 14px rgba(184,160,90,.055) !important;
}

.mot-qual-card:hover::after{
    opacity:1 !important;
    transform:scale(1.04) !important;
}

.mot-qual-card .mot-qual-title{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 12px !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;

    color:var(--violet) !important;
}

.mot-qual-card .mot-qual-main{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 7px !important;

    font-size:14.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    color:#1f2c55 !important;
}

.mot-qual-card .mot-qual-sub{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 5px !important;

    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:var(--muted) !important;
}

.mot-qual-card .mot-qual-meta{
    position:relative !important;
    z-index:1 !important;

    margin:0 !important;

    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    color:#7b8497 !important;
}

.mot-qual-card .mot-qual-year{
    position:relative !important;
    z-index:1 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:9px !important;
    padding:4px 9px !important;

    border-radius:999px !important;
    background:#F8F6F0 !important;
    border:1px solid rgba(184,160,90,.32) !important;

    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:var(--dark) !important;
}

.mot-empty{
    max-width:560px !important;
    margin:10px auto !important;
    padding:16px 18px !important;

    text-align:center !important;
    font-size:13.5px !important;
    font-weight:550 !important;
    color:var(--muted) !important;

    background:#ffffff !important;
    border:1px dashed rgba(184,160,90,.36) !important;
    border-radius:16px !important;
}

@media (max-width:600px){
    .mot-qualifications{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:2px 8px 16px !important;
    }

    .mot-qual-card{
        min-height:auto !important;
        padding:17px 18px !important;
        border-radius:16px !important;
    }

    .mot-qual-card .mot-qual-title{
        font-size:19px !important;
        margin-bottom:10px !important;
    }

    .mot-qual-card .mot-qual-main{
        font-size:14px !important;
    }

    .mot-qual-card .mot-qual-sub{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12410591 *//* =========================================
   MyOnlineTutor – Public Tutor Reviews Slider
   Premium Luxury 2026 – FINAL
========================================= */

.mot-reviews-slider{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --lavender:#E9DDFB;
    --cream:#F8F6F0;
    --page:#FCFBF8;
    --text:#222222;
    --muted:#6B6B6B;

    position:relative;
    max-width:1120px;
    margin:0 auto;
    padding:4px 34px 12px;
    overflow:visible !important;
}

.mot-reviews-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-snap-type:x mandatory;
    padding:2px 0;
}

.mot-reviews-viewport::-webkit-scrollbar{
    display:none;
}

.mot-reviews-track{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    width:max-content;
    padding:4px 0 10px;
}

.mot-review-card{
    position:relative;
    flex:0 0 292px;
    min-height:172px;
    padding:18px 18px 17px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,248,.96));
    border:1px solid rgba(97,52,183,.10);
    border-radius:20px;

    box-shadow:
        0 10px 26px rgba(69,33,151,.055),
        inset 0 1px 0 rgba(255,255,255,.9);

    scroll-snap-align:start;

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

.mot-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0%, rgba(216,194,138,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(233,221,251,.36), transparent 38%);
    opacity:.75;
}

.mot-review-card::after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-8px;
    font-size:72px;
    line-height:1;
    font-family:Georgia, serif;
    color:rgba(184,160,90,.13);
    pointer-events:none;
}

.mot-review-card:hover{
    transform:translateY(-3px);
    border-color:rgba(184,160,90,.45);
    box-shadow:
        0 16px 34px rgba(69,33,151,.09),
        0 4px 14px rgba(184,160,90,.12);
}

.mot-review-card-top{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.mot-review-author{
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:var(--dark);
    letter-spacing:-.01em;
}

.mot-review-stars{
    font-size:14px;
    line-height:1;
    color:var(--gold);
    letter-spacing:.8px;
    white-space:nowrap;
    padding-top:2px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}

.mot-review-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-bottom:10px;

    font-size:12.5px;
    line-height:1.45;
    color:var(--muted);
}

.mot-review-dot{
    color:rgba(184,160,90,.55);
}

.mot-review-text{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.72;
    color:#3f3f46;
    text-align:left;
    margin:0;
}

.mot-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:30px;
    height:30px;
    border:none;
    border-radius:999px;

    background:rgba(255,255,255,.96);
    color:var(--royal);

    font-size:18px;
    font-weight:700;
    line-height:1;
    cursor:pointer;

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

    box-shadow:
        0 8px 22px rgba(69,33,151,.12),
        inset 0 0 0 1px rgba(97,52,183,.10);

    z-index:10;

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

.mot-reviews-nav:hover{
    background:linear-gradient(135deg, var(--royal), var(--dark));
    color:#ffffff;
    transform:translateY(-50%) scale(1.04);
    box-shadow:
        0 12px 28px rgba(69,33,151,.22),
        0 3px 10px rgba(184,160,90,.18);
}

.mot-reviews-nav:active{
    transform:translateY(-50%) scale(.96);
}

.mot-reviews-prev{
    left:0;
}

.mot-reviews-next{
    right:0;
}

.mot-reviews-empty{
    text-align:center;
    color:var(--muted);
    font-size:14px;
    padding:18px;
    background:#ffffff;
    border:1px solid rgba(97,52,183,.10);
    border-radius:18px;
}

/* Elementor overflow fix */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

/* Tablet */
@media (max-width:1024px){
    .mot-reviews-slider{
        max-width:100%;
        padding:4px 30px 10px;
    }

    .mot-reviews-track{
        gap:13px;
    }

    .mot-review-card{
        flex:0 0 280px;
        padding:17px;
    }
}

/* Mobile */
@media (max-width:767px){
    .mot-reviews-slider{
        padding:4px 8px 10px;
    }

    .mot-reviews-track{
        gap:12px;
        padding:4px 2px 10px;
    }

    .mot-review-card{
        flex:0 0 82vw;
        min-height:auto;
        padding:16px 15px 15px;
        border-radius:18px;
    }

    .mot-review-card-top{
        gap:10px;
        margin-bottom:7px;
    }

    .mot-review-author{
        font-size:14.5px;
    }

    .mot-review-stars{
        font-size:13px;
        letter-spacing:.5px;
    }

    .mot-review-meta{
        font-size:12px;
        margin-bottom:9px;
    }

    .mot-review-text{
        font-size:14px;
        line-height:1.68;
    }

    .mot-reviews-nav{
        width:27px;
        height:27px;
        font-size:16px;
        background:#ffffff;
    }

    .mot-reviews-prev{
        left:-2px;
    }

    .mot-reviews-next{
        right:-2px;
    }
}


/* MOT Reviews Slider – FORCE OVERRIDE FINAL */

body .mot-reviews-slider{
    max-width:1100px !important;
    margin:0 auto !important;
    padding:0 26px 10px !important;
    overflow:visible !important;
}

body .mot-reviews-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
}

body .mot-reviews-viewport::-webkit-scrollbar{
    display:none !important;
}

body .mot-reviews-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    padding:4px 0 8px !important;
}

body .mot-review-card{
    flex:0 0 280px !important;
    min-height:155px !important;
    padding:15px 16px !important;

    background:#ffffff !important;
    border:1px solid rgba(97,52,183,.14) !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 20px rgba(69,33,151,.06),
        0 1px 0 rgba(184,160,90,.18) inset !important;

    scroll-snap-align:start !important;
    transition:all .25s ease !important;
}

body .mot-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(184,160,90,.55) !important;
    box-shadow:
        0 14px 30px rgba(69,33,151,.10),
        0 4px 12px rgba(184,160,90,.16) !important;
}

body .mot-review-card-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:7px !important;
}

body .mot-review-author{
    font-size:14.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#452197 !important;
}

body .mot-review-stars{
    font-size:13.5px !important;
    line-height:1 !important;
    color:#B8A05A !important;
    letter-spacing:.6px !important;
    white-space:nowrap !important;
}

body .mot-review-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-bottom:8px !important;

    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B6B6B !important;
}

body .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-review-text{
    font-size:13.8px !important;
    line-height:1.65 !important;
    color:#222222 !important;
    text-align:left !important;
    margin:0 !important;
}

body .mot-reviews-nav{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:28px !important;
    height:28px !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:50% !important;

    background:#ffffff !important;
    color:#6134B7 !important;

    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;

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

    box-shadow:0 8px 18px rgba(69,33,151,.12) !important;
    z-index:99 !important;
}

body .mot-reviews-nav:hover{
    background:#6134B7 !important;
    color:#ffffff !important;
    border-color:#6134B7 !important;
    box-shadow:0 12px 24px rgba(69,33,151,.22) !important;
}

body .mot-reviews-prev{
    left:0 !important;
}

body .mot-reviews-next{
    right:0 !important;
}

body .elementor-widget-shortcode,
body .elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

@media (max-width:767px){
    body .mot-reviews-slider{
        padding:0 6px 8px !important;
    }

    body .mot-reviews-track{
        gap:10px !important;
    }

    body .mot-review-card{
        flex:0 0 80vw !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .mot-reviews-nav{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
    }

    body .mot-reviews-prev{
        left:-3px !important;
    }

    body .mot-reviews-next{
        right:-3px !important;
    }
}

/* Remove blue top line from review cards */

body .mot-reviews-slider .mot-review-card{
    background-image:none !important;
    outline:none !important;
}

body .mot-reviews-slider .mot-review-card *{
    border-top-color:inherit !important;
}





/* =========================================
   MOT Reviews – Premium Warm Final Fix
   No Blue Line / Elegant Gold-Violet Style
========================================= */

body .mot-reviews-slider .mot-review-card{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(216,194,138,.22), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;

    border:1px solid rgba(184,160,90,.36) !important;
    border-top:1px solid rgba(184,160,90,.55) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(69,33,151,.075),
        0 4px 12px rgba(184,160,90,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* این خط طلایی خیلی ظریف جایگزین خط آبی می‌شود */
body .mot-reviews-slider .mot-review-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:22px !important;
    right:22px !important;
    height:2px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,160,90,.70),
        rgba(216,194,138,.45),
        transparent
    ) !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* علامت نقل‌قول لطیف */
body .mot-reviews-slider .mot-review-card::after{
    content:"“" !important;
    position:absolute !important;
    right:18px !important;
    bottom:-10px !important;
    font-family:Georgia, serif !important;
    font-size:76px !important;
    line-height:1 !important;
    color:rgba(184,160,90,.14) !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

body .mot-reviews-slider .mot-review-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(184,160,90,.62) !important;
    box-shadow:
        0 20px 42px rgba(69,33,151,.11),
        0 8px 18px rgba(184,160,90,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body .mot-reviews-slider .mot-review-author{
    color:#452197 !important;
    font-weight:750 !important;
}

body .mot-reviews-slider .mot-review-stars{
    color:#B8A05A !important;
}

body .mot-reviews-slider .mot-review-meta{
    color:#6B6B6B !important;
}

body .mot-reviews-slider .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-reviews-slider .mot-review-text{
    color:#222222 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55b44509 *//* =========================================
   MyOnlineTutor – Tutor Lesson Cards
   Ultra Premium UI 2026
   Clean White + Lilac + Soft Gold Hover
========================================= */

.mot-offers-grid{
    --mot-purple:#6134B7;
    --mot-purple-dark:#452197;
    --mot-purple-soft:#7A3EF2;
    --mot-lilac:#F4EFFF;
    --mot-lilac-2:#FAF7FF;
    --mot-gold:#D8C28A;
    --mot-gold-soft:#FFF8E6;
    --mot-text:#1F1B2E;
    --mot-muted:#7A7486;
    --mot-border:rgba(97,52,183,.12);

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(235px, 275px)) !important;
    justify-content:center !important;
    gap:22px !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:22px 10px 32px !important;
    background:#fff !important;
}

/* Card */
.mot-offer-card{
    position:relative !important;
    width:100% !important;
    max-width:275px !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#FCFAFF 100%) !important;
    border:1px solid var(--mot-border) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:
        0 18px 42px rgba(31,27,46,.07),
        0 2px 8px rgba(97,52,183,.04) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

.mot-offer-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(216,194,138,.20), transparent 34%),
        linear-gradient(180deg, rgba(244,239,255,.42), transparent 42%) !important;
    opacity:.9 !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(216,194,138,.55) !important;
    box-shadow:
        0 26px 58px rgba(97,52,183,.13),
        0 10px 24px rgba(216,194,138,.14) !important;
}

/* Image */
.mot-offer-image-wrap{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:128px !important;
    overflow:hidden !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 52%,#FFF8E6 100%) !important;
    border-bottom:1px solid rgba(97,52,183,.08) !important;
}

.mot-offer-image-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.06) !important;
    filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
}

/* Placeholder */
.mot-offer-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(216,194,138,.30), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(122,62,242,.18), transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 58%,#FFF8E6 100%) !important;
}

/* Body */
.mot-offer-body{
    position:relative !important;
    z-index:2 !important;
    padding:17px 15px 19px !important;
    text-align:center !important;
    background:transparent !important;
}

.mot-offer-title{
    margin:0 0 13px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--mot-text) !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    line-height:1.38 !important;
    letter-spacing:-.02em !important;
}

/* Price – no olive */
.mot-offer-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:31px !important;
    padding:6px 13px !important;
    margin:0 7px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#FFFFFF 0%,#FFF8E6 100%) !important;
    border:1px solid rgba(216,194,138,.38) !important;
    color:#5B4670 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(216,194,138,.13) !important;
}

/* Button – Premium Lilac */
.mot-offer-card .mot-offer-btn,
.mot-offer-card a.mot-offer-btn,
.mot-offer-card a.button,
.mot-offer-card .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 19px !important;
    border-radius:999px !important;
    border:1px solid rgba(97,52,183,.14) !important;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#FAF7FF 38%,#F1EAFF 100%) !important;
    color:var(--mot-purple-dark) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
        0 10px 24px rgba(97,52,183,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Hover – Soft Lilac */

.mot-offer-card .mot-offer-btn:hover,
.mot-offer-card a.mot-offer-btn:hover,
.mot-offer-card a.button:hover,
.mot-offer-card .button:hover{
    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F4FF 40%,
            #EEE7FF 100%
        ) !important;

    color:#452197 !important;

    border-color:rgba(122,62,242,.28) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 32px rgba(97,52,183,.12),
        0 8px 20px rgba(233,221,251,.55) !important;
}

/* Active / Focus – no ugly olive */
.mot-offer-card .mot-offer-btn:focus,
.mot-offer-card a.mot-offer-btn:focus,
.mot-offer-card a.button:focus,
.mot-offer-card .button:focus{
    outline:none !important;
    background:
        linear-gradient(135deg,#F7F3FF 0%,#EEE7FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.35) !important;
    box-shadow:
        0 0 0 4px rgba(244,239,255,.95),
        0 12px 24px rgba(97,52,183,.14) !important;
}

.mot-offer-card .mot-offer-btn:active,
.mot-offer-card a.mot-offer-btn:active,
.mot-offer-card a.button:active,
.mot-offer-card .button:active{
    transform:translateY(0) scale(.98) !important;
    background:
        linear-gradient(135deg,#EEE7FF 0%,#F7F3FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.28) !important;
    box-shadow:
        0 8px 18px rgba(97,52,183,.12) !important;
}

/* Empty */
.mot-empty{
    text-align:center !important;
    color:var(--mot-muted) !important;
    font-size:14px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(31,27,46,.05) !important;
}

/* Mobile */
@media (max-width:767px){
    .mot-offers-grid{
        grid-template-columns:1fr !important;
        max-width:330px !important;
        gap:18px !important;
        padding:16px 8px 24px !important;
    }

    .mot-offer-card{
        max-width:100% !important;
        border-radius:24px !important;
    }

    .mot-offer-image-wrap{
        height:118px !important;
    }

    .mot-offer-title{
        min-height:auto !important;
        font-size:14px !important;
    }

    .mot-offer-price{
        margin:0 0 10px !important;
    }

    .mot-offer-card .mot-offer-btn,
    .mot-offer-card a.mot-offer-btn,
    .mot-offer-card a.button,
    .mot-offer-card .button{
        width:100% !important;
        min-height:42px !important;
    }
}



/* =========================================
   Premium Soft Lilac Hover
========================================= */

.mot-offer-card{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #FCFAFF 60%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.25) !important;

    box-shadow:
        0 26px 60px rgba(97,52,183,.14),
        0 10px 30px rgba(122,62,242,.10),
        0 0 0 1px rgba(233,221,251,.75) inset !important;
}

/* Glow lilac behind card */
.mot-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    border-radius:28px !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233,221,251,.9),
            transparent 70%
        );

    opacity:0 !important;
    transition:opacity .35s ease !important;
}

.mot-offer-card:hover::before{
    opacity:1 !important;
}

/* Image gets softer */
.mot-offer-card:hover .mot-offer-image-wrap{
    border-bottom-color:rgba(122,62,242,.15) !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.05) !important;
    filter:
        saturate(1.05)
        brightness(1.03)
        contrast(1.02) !important;
}

/* Title becomes royal violet */
.mot-offer-card:hover .mot-offer-title{
    color:#452197 !important;
}

/* Price gets subtle lilac */
.mot-offer-card:hover .mot-offer-price{
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.18) !important;
}

/* Button gets slightly brighter */
.mot-offer-card:hover .mot-offer-btn,
.mot-offer-card:hover .button{
    box-shadow:
        0 16px 30px rgba(97,52,183,.12),
        0 8px 18px rgba(233,221,251,.55) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ad6786f */.mot-video-card{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border:1px solid #ececf2;
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.mot-video-embed iframe,
.mot-video-embed video{
    width:100%;
    min-height:420px;
    border:none;
    border-radius:18px;
    display:block;
}

.mot-video-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:#475569;
    text-align:center;
}

@media (max-width:767px){
    .mot-video-card{
        padding:16px;
        border-radius:18px;
    }

    .mot-video-embed iframe,
    .mot-video-embed video{
        min-height:240px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5e6b06 */.mot-about-readmore{
    max-height: 5.4em; /* تقریباً 3 خط */
    overflow: hidden;
    position: relative;
    transition: max-height .4s ease;
    line-height: 1.8;
}

/* افکت محو در انتهای متن */
.mot-about-readmore::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events: none;
}

/* حالت باز */
.mot-about-readmore.is-open{
    max-height: 3000px;
}

.mot-about-readmore.is-open::after{
    display: none;
}


.mot-about-toggle{
    all: unset;

    display: inline !important;
    color: #6134B7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    cursor: pointer !important;
    font-family: inherit !important;

    transition: color .2s ease !important;
}

.mot-about-toggle:hover{
    color: #452197 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.mot-about-toggle::after{
    content: " →";
    transition: transform .2s ease;
}

.mot-about-toggle:hover::after{
    transform: translateX(3px);
}

.mot-about-readmore.is-open + .mot-about-toggle::after{
    content: " ↑";
}


.mot-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:12px !important;
    color:#6134B7 !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mot-about-toggle:hover{
    color:#452197 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74919f9f *//* =========================================
   MyOnlineTutor – Qualification Cards
   Final Minimal Premium 2026
========================================= */

.mot-qualifications{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --text:#222222;
    --muted:#6B6B6B;

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding:4px 8px 18px !important;
}

.mot-qual-card{
    position:relative !important;
    overflow:hidden !important;

    min-height:118px !important;
    padding:18px 22px !important;

    background:#ffffff !important;
    border:1px solid rgba(184,160,90,.28) !important;
    border-radius:18px !important;

    box-shadow:
        0 10px 26px rgba(34,34,34,.035) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.mot-qual-card::before{
    content:none !important;
    display:none !important;
}

.mot-qual-card::after{
    content:"" !important;
    position:absolute !important;
    top:-34px !important;
    right:-34px !important;
    width:86px !important;
    height:86px !important;
    border-radius:50% !important;
    background:rgba(216,194,138,.12) !important;
    opacity:0 !important;
    transition:opacity .24s ease, transform .24s ease !important;
}

.mot-qual-card:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border-color:rgba(184,160,90,.48) !important;
    box-shadow:
        0 14px 34px rgba(69,33,151,.055),
        0 5px 14px rgba(184,160,90,.055) !important;
}

.mot-qual-card:hover::after{
    opacity:1 !important;
    transform:scale(1.04) !important;
}

.mot-qual-card .mot-qual-title{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 12px !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;

    color:var(--violet) !important;
}

.mot-qual-card .mot-qual-main{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 7px !important;

    font-size:14.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    color:#1f2c55 !important;
}

.mot-qual-card .mot-qual-sub{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 5px !important;

    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:var(--muted) !important;
}

.mot-qual-card .mot-qual-meta{
    position:relative !important;
    z-index:1 !important;

    margin:0 !important;

    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    color:#7b8497 !important;
}

.mot-qual-card .mot-qual-year{
    position:relative !important;
    z-index:1 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:9px !important;
    padding:4px 9px !important;

    border-radius:999px !important;
    background:#F8F6F0 !important;
    border:1px solid rgba(184,160,90,.32) !important;

    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:var(--dark) !important;
}

.mot-empty{
    max-width:560px !important;
    margin:10px auto !important;
    padding:16px 18px !important;

    text-align:center !important;
    font-size:13.5px !important;
    font-weight:550 !important;
    color:var(--muted) !important;

    background:#ffffff !important;
    border:1px dashed rgba(184,160,90,.36) !important;
    border-radius:16px !important;
}

@media (max-width:600px){
    .mot-qualifications{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:2px 8px 16px !important;
    }

    .mot-qual-card{
        min-height:auto !important;
        padding:17px 18px !important;
        border-radius:16px !important;
    }

    .mot-qual-card .mot-qual-title{
        font-size:19px !important;
        margin-bottom:10px !important;
    }

    .mot-qual-card .mot-qual-main{
        font-size:14px !important;
    }

    .mot-qual-card .mot-qual-sub{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12410591 *//* =========================================
   MyOnlineTutor – Public Tutor Reviews Slider
   Premium Luxury 2026 – FINAL
========================================= */

.mot-reviews-slider{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --lavender:#E9DDFB;
    --cream:#F8F6F0;
    --page:#FCFBF8;
    --text:#222222;
    --muted:#6B6B6B;

    position:relative;
    max-width:1120px;
    margin:0 auto;
    padding:4px 34px 12px;
    overflow:visible !important;
}

.mot-reviews-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-snap-type:x mandatory;
    padding:2px 0;
}

.mot-reviews-viewport::-webkit-scrollbar{
    display:none;
}

.mot-reviews-track{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    width:max-content;
    padding:4px 0 10px;
}

.mot-review-card{
    position:relative;
    flex:0 0 292px;
    min-height:172px;
    padding:18px 18px 17px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,248,.96));
    border:1px solid rgba(97,52,183,.10);
    border-radius:20px;

    box-shadow:
        0 10px 26px rgba(69,33,151,.055),
        inset 0 1px 0 rgba(255,255,255,.9);

    scroll-snap-align:start;

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

.mot-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0%, rgba(216,194,138,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(233,221,251,.36), transparent 38%);
    opacity:.75;
}

.mot-review-card::after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-8px;
    font-size:72px;
    line-height:1;
    font-family:Georgia, serif;
    color:rgba(184,160,90,.13);
    pointer-events:none;
}

.mot-review-card:hover{
    transform:translateY(-3px);
    border-color:rgba(184,160,90,.45);
    box-shadow:
        0 16px 34px rgba(69,33,151,.09),
        0 4px 14px rgba(184,160,90,.12);
}

.mot-review-card-top{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.mot-review-author{
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:var(--dark);
    letter-spacing:-.01em;
}

.mot-review-stars{
    font-size:14px;
    line-height:1;
    color:var(--gold);
    letter-spacing:.8px;
    white-space:nowrap;
    padding-top:2px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}

.mot-review-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-bottom:10px;

    font-size:12.5px;
    line-height:1.45;
    color:var(--muted);
}

.mot-review-dot{
    color:rgba(184,160,90,.55);
}

.mot-review-text{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.72;
    color:#3f3f46;
    text-align:left;
    margin:0;
}

.mot-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:30px;
    height:30px;
    border:none;
    border-radius:999px;

    background:rgba(255,255,255,.96);
    color:var(--royal);

    font-size:18px;
    font-weight:700;
    line-height:1;
    cursor:pointer;

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

    box-shadow:
        0 8px 22px rgba(69,33,151,.12),
        inset 0 0 0 1px rgba(97,52,183,.10);

    z-index:10;

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

.mot-reviews-nav:hover{
    background:linear-gradient(135deg, var(--royal), var(--dark));
    color:#ffffff;
    transform:translateY(-50%) scale(1.04);
    box-shadow:
        0 12px 28px rgba(69,33,151,.22),
        0 3px 10px rgba(184,160,90,.18);
}

.mot-reviews-nav:active{
    transform:translateY(-50%) scale(.96);
}

.mot-reviews-prev{
    left:0;
}

.mot-reviews-next{
    right:0;
}

.mot-reviews-empty{
    text-align:center;
    color:var(--muted);
    font-size:14px;
    padding:18px;
    background:#ffffff;
    border:1px solid rgba(97,52,183,.10);
    border-radius:18px;
}

/* Elementor overflow fix */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

/* Tablet */
@media (max-width:1024px){
    .mot-reviews-slider{
        max-width:100%;
        padding:4px 30px 10px;
    }

    .mot-reviews-track{
        gap:13px;
    }

    .mot-review-card{
        flex:0 0 280px;
        padding:17px;
    }
}

/* Mobile */
@media (max-width:767px){
    .mot-reviews-slider{
        padding:4px 8px 10px;
    }

    .mot-reviews-track{
        gap:12px;
        padding:4px 2px 10px;
    }

    .mot-review-card{
        flex:0 0 82vw;
        min-height:auto;
        padding:16px 15px 15px;
        border-radius:18px;
    }

    .mot-review-card-top{
        gap:10px;
        margin-bottom:7px;
    }

    .mot-review-author{
        font-size:14.5px;
    }

    .mot-review-stars{
        font-size:13px;
        letter-spacing:.5px;
    }

    .mot-review-meta{
        font-size:12px;
        margin-bottom:9px;
    }

    .mot-review-text{
        font-size:14px;
        line-height:1.68;
    }

    .mot-reviews-nav{
        width:27px;
        height:27px;
        font-size:16px;
        background:#ffffff;
    }

    .mot-reviews-prev{
        left:-2px;
    }

    .mot-reviews-next{
        right:-2px;
    }
}


/* MOT Reviews Slider – FORCE OVERRIDE FINAL */

body .mot-reviews-slider{
    max-width:1100px !important;
    margin:0 auto !important;
    padding:0 26px 10px !important;
    overflow:visible !important;
}

body .mot-reviews-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
}

body .mot-reviews-viewport::-webkit-scrollbar{
    display:none !important;
}

body .mot-reviews-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    padding:4px 0 8px !important;
}

body .mot-review-card{
    flex:0 0 280px !important;
    min-height:155px !important;
    padding:15px 16px !important;

    background:#ffffff !important;
    border:1px solid rgba(97,52,183,.14) !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 20px rgba(69,33,151,.06),
        0 1px 0 rgba(184,160,90,.18) inset !important;

    scroll-snap-align:start !important;
    transition:all .25s ease !important;
}

body .mot-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(184,160,90,.55) !important;
    box-shadow:
        0 14px 30px rgba(69,33,151,.10),
        0 4px 12px rgba(184,160,90,.16) !important;
}

body .mot-review-card-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:7px !important;
}

body .mot-review-author{
    font-size:14.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#452197 !important;
}

body .mot-review-stars{
    font-size:13.5px !important;
    line-height:1 !important;
    color:#B8A05A !important;
    letter-spacing:.6px !important;
    white-space:nowrap !important;
}

body .mot-review-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-bottom:8px !important;

    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B6B6B !important;
}

body .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-review-text{
    font-size:13.8px !important;
    line-height:1.65 !important;
    color:#222222 !important;
    text-align:left !important;
    margin:0 !important;
}

body .mot-reviews-nav{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:28px !important;
    height:28px !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:50% !important;

    background:#ffffff !important;
    color:#6134B7 !important;

    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;

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

    box-shadow:0 8px 18px rgba(69,33,151,.12) !important;
    z-index:99 !important;
}

body .mot-reviews-nav:hover{
    background:#6134B7 !important;
    color:#ffffff !important;
    border-color:#6134B7 !important;
    box-shadow:0 12px 24px rgba(69,33,151,.22) !important;
}

body .mot-reviews-prev{
    left:0 !important;
}

body .mot-reviews-next{
    right:0 !important;
}

body .elementor-widget-shortcode,
body .elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

@media (max-width:767px){
    body .mot-reviews-slider{
        padding:0 6px 8px !important;
    }

    body .mot-reviews-track{
        gap:10px !important;
    }

    body .mot-review-card{
        flex:0 0 80vw !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .mot-reviews-nav{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
    }

    body .mot-reviews-prev{
        left:-3px !important;
    }

    body .mot-reviews-next{
        right:-3px !important;
    }
}

/* Remove blue top line from review cards */

body .mot-reviews-slider .mot-review-card{
    background-image:none !important;
    outline:none !important;
}

body .mot-reviews-slider .mot-review-card *{
    border-top-color:inherit !important;
}





/* =========================================
   MOT Reviews – Premium Warm Final Fix
   No Blue Line / Elegant Gold-Violet Style
========================================= */

body .mot-reviews-slider .mot-review-card{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(216,194,138,.22), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;

    border:1px solid rgba(184,160,90,.36) !important;
    border-top:1px solid rgba(184,160,90,.55) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(69,33,151,.075),
        0 4px 12px rgba(184,160,90,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* این خط طلایی خیلی ظریف جایگزین خط آبی می‌شود */
body .mot-reviews-slider .mot-review-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:22px !important;
    right:22px !important;
    height:2px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,160,90,.70),
        rgba(216,194,138,.45),
        transparent
    ) !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* علامت نقل‌قول لطیف */
body .mot-reviews-slider .mot-review-card::after{
    content:"“" !important;
    position:absolute !important;
    right:18px !important;
    bottom:-10px !important;
    font-family:Georgia, serif !important;
    font-size:76px !important;
    line-height:1 !important;
    color:rgba(184,160,90,.14) !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

body .mot-reviews-slider .mot-review-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(184,160,90,.62) !important;
    box-shadow:
        0 20px 42px rgba(69,33,151,.11),
        0 8px 18px rgba(184,160,90,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body .mot-reviews-slider .mot-review-author{
    color:#452197 !important;
    font-weight:750 !important;
}

body .mot-reviews-slider .mot-review-stars{
    color:#B8A05A !important;
}

body .mot-reviews-slider .mot-review-meta{
    color:#6B6B6B !important;
}

body .mot-reviews-slider .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-reviews-slider .mot-review-text{
    color:#222222 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55b44509 *//* =========================================
   MyOnlineTutor – Tutor Lesson Cards
   Ultra Premium UI 2026
   Clean White + Lilac + Soft Gold Hover
========================================= */

.mot-offers-grid{
    --mot-purple:#6134B7;
    --mot-purple-dark:#452197;
    --mot-purple-soft:#7A3EF2;
    --mot-lilac:#F4EFFF;
    --mot-lilac-2:#FAF7FF;
    --mot-gold:#D8C28A;
    --mot-gold-soft:#FFF8E6;
    --mot-text:#1F1B2E;
    --mot-muted:#7A7486;
    --mot-border:rgba(97,52,183,.12);

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(235px, 275px)) !important;
    justify-content:center !important;
    gap:22px !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:22px 10px 32px !important;
    background:#fff !important;
}

/* Card */
.mot-offer-card{
    position:relative !important;
    width:100% !important;
    max-width:275px !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#FCFAFF 100%) !important;
    border:1px solid var(--mot-border) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:
        0 18px 42px rgba(31,27,46,.07),
        0 2px 8px rgba(97,52,183,.04) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

.mot-offer-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(216,194,138,.20), transparent 34%),
        linear-gradient(180deg, rgba(244,239,255,.42), transparent 42%) !important;
    opacity:.9 !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(216,194,138,.55) !important;
    box-shadow:
        0 26px 58px rgba(97,52,183,.13),
        0 10px 24px rgba(216,194,138,.14) !important;
}

/* Image */
.mot-offer-image-wrap{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:128px !important;
    overflow:hidden !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 52%,#FFF8E6 100%) !important;
    border-bottom:1px solid rgba(97,52,183,.08) !important;
}

.mot-offer-image-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.06) !important;
    filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
}

/* Placeholder */
.mot-offer-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(216,194,138,.30), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(122,62,242,.18), transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 58%,#FFF8E6 100%) !important;
}

/* Body */
.mot-offer-body{
    position:relative !important;
    z-index:2 !important;
    padding:17px 15px 19px !important;
    text-align:center !important;
    background:transparent !important;
}

.mot-offer-title{
    margin:0 0 13px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--mot-text) !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    line-height:1.38 !important;
    letter-spacing:-.02em !important;
}

/* Price – no olive */
.mot-offer-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:31px !important;
    padding:6px 13px !important;
    margin:0 7px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#FFFFFF 0%,#FFF8E6 100%) !important;
    border:1px solid rgba(216,194,138,.38) !important;
    color:#5B4670 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(216,194,138,.13) !important;
}

/* Button – Premium Lilac */
.mot-offer-card .mot-offer-btn,
.mot-offer-card a.mot-offer-btn,
.mot-offer-card a.button,
.mot-offer-card .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 19px !important;
    border-radius:999px !important;
    border:1px solid rgba(97,52,183,.14) !important;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#FAF7FF 38%,#F1EAFF 100%) !important;
    color:var(--mot-purple-dark) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
        0 10px 24px rgba(97,52,183,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Hover – Soft Lilac */

.mot-offer-card .mot-offer-btn:hover,
.mot-offer-card a.mot-offer-btn:hover,
.mot-offer-card a.button:hover,
.mot-offer-card .button:hover{
    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F4FF 40%,
            #EEE7FF 100%
        ) !important;

    color:#452197 !important;

    border-color:rgba(122,62,242,.28) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 32px rgba(97,52,183,.12),
        0 8px 20px rgba(233,221,251,.55) !important;
}

/* Active / Focus – no ugly olive */
.mot-offer-card .mot-offer-btn:focus,
.mot-offer-card a.mot-offer-btn:focus,
.mot-offer-card a.button:focus,
.mot-offer-card .button:focus{
    outline:none !important;
    background:
        linear-gradient(135deg,#F7F3FF 0%,#EEE7FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.35) !important;
    box-shadow:
        0 0 0 4px rgba(244,239,255,.95),
        0 12px 24px rgba(97,52,183,.14) !important;
}

.mot-offer-card .mot-offer-btn:active,
.mot-offer-card a.mot-offer-btn:active,
.mot-offer-card a.button:active,
.mot-offer-card .button:active{
    transform:translateY(0) scale(.98) !important;
    background:
        linear-gradient(135deg,#EEE7FF 0%,#F7F3FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.28) !important;
    box-shadow:
        0 8px 18px rgba(97,52,183,.12) !important;
}

/* Empty */
.mot-empty{
    text-align:center !important;
    color:var(--mot-muted) !important;
    font-size:14px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(31,27,46,.05) !important;
}

/* Mobile */
@media (max-width:767px){
    .mot-offers-grid{
        grid-template-columns:1fr !important;
        max-width:330px !important;
        gap:18px !important;
        padding:16px 8px 24px !important;
    }

    .mot-offer-card{
        max-width:100% !important;
        border-radius:24px !important;
    }

    .mot-offer-image-wrap{
        height:118px !important;
    }

    .mot-offer-title{
        min-height:auto !important;
        font-size:14px !important;
    }

    .mot-offer-price{
        margin:0 0 10px !important;
    }

    .mot-offer-card .mot-offer-btn,
    .mot-offer-card a.mot-offer-btn,
    .mot-offer-card a.button,
    .mot-offer-card .button{
        width:100% !important;
        min-height:42px !important;
    }
}



/* =========================================
   Premium Soft Lilac Hover
========================================= */

.mot-offer-card{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #FCFAFF 60%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.25) !important;

    box-shadow:
        0 26px 60px rgba(97,52,183,.14),
        0 10px 30px rgba(122,62,242,.10),
        0 0 0 1px rgba(233,221,251,.75) inset !important;
}

/* Glow lilac behind card */
.mot-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    border-radius:28px !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233,221,251,.9),
            transparent 70%
        );

    opacity:0 !important;
    transition:opacity .35s ease !important;
}

.mot-offer-card:hover::before{
    opacity:1 !important;
}

/* Image gets softer */
.mot-offer-card:hover .mot-offer-image-wrap{
    border-bottom-color:rgba(122,62,242,.15) !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.05) !important;
    filter:
        saturate(1.05)
        brightness(1.03)
        contrast(1.02) !important;
}

/* Title becomes royal violet */
.mot-offer-card:hover .mot-offer-title{
    color:#452197 !important;
}

/* Price gets subtle lilac */
.mot-offer-card:hover .mot-offer-price{
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.18) !important;
}

/* Button gets slightly brighter */
.mot-offer-card:hover .mot-offer-btn,
.mot-offer-card:hover .button{
    box-shadow:
        0 16px 30px rgba(97,52,183,.12),
        0 8px 18px rgba(233,221,251,.55) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ad6786f */.mot-video-card{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border:1px solid #ececf2;
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.mot-video-embed iframe,
.mot-video-embed video{
    width:100%;
    min-height:420px;
    border:none;
    border-radius:18px;
    display:block;
}

.mot-video-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:#475569;
    text-align:center;
}

@media (max-width:767px){
    .mot-video-card{
        padding:16px;
        border-radius:18px;
    }

    .mot-video-embed iframe,
    .mot-video-embed video{
        min-height:240px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5e6b06 */.mot-about-readmore{
    max-height: 5.4em; /* تقریباً 3 خط */
    overflow: hidden;
    position: relative;
    transition: max-height .4s ease;
    line-height: 1.8;
}

/* افکت محو در انتهای متن */
.mot-about-readmore::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events: none;
}

/* حالت باز */
.mot-about-readmore.is-open{
    max-height: 3000px;
}

.mot-about-readmore.is-open::after{
    display: none;
}


.mot-about-toggle{
    all: unset;

    display: inline !important;
    color: #6134B7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    cursor: pointer !important;
    font-family: inherit !important;

    transition: color .2s ease !important;
}

.mot-about-toggle:hover{
    color: #452197 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.mot-about-toggle::after{
    content: " →";
    transition: transform .2s ease;
}

.mot-about-toggle:hover::after{
    transform: translateX(3px);
}

.mot-about-readmore.is-open + .mot-about-toggle::after{
    content: " ↑";
}


.mot-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:12px !important;
    color:#6134B7 !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mot-about-toggle:hover{
    color:#452197 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74919f9f *//* =========================================
   MyOnlineTutor – Qualification Cards
   Final Minimal Premium 2026
========================================= */

.mot-qualifications{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --text:#222222;
    --muted:#6B6B6B;

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding:4px 8px 18px !important;
}

.mot-qual-card{
    position:relative !important;
    overflow:hidden !important;

    min-height:118px !important;
    padding:18px 22px !important;

    background:#ffffff !important;
    border:1px solid rgba(184,160,90,.28) !important;
    border-radius:18px !important;

    box-shadow:
        0 10px 26px rgba(34,34,34,.035) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.mot-qual-card::before{
    content:none !important;
    display:none !important;
}

.mot-qual-card::after{
    content:"" !important;
    position:absolute !important;
    top:-34px !important;
    right:-34px !important;
    width:86px !important;
    height:86px !important;
    border-radius:50% !important;
    background:rgba(216,194,138,.12) !important;
    opacity:0 !important;
    transition:opacity .24s ease, transform .24s ease !important;
}

.mot-qual-card:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border-color:rgba(184,160,90,.48) !important;
    box-shadow:
        0 14px 34px rgba(69,33,151,.055),
        0 5px 14px rgba(184,160,90,.055) !important;
}

.mot-qual-card:hover::after{
    opacity:1 !important;
    transform:scale(1.04) !important;
}

.mot-qual-card .mot-qual-title{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 12px !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;

    color:var(--violet) !important;
}

.mot-qual-card .mot-qual-main{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 7px !important;

    font-size:14.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    color:#1f2c55 !important;
}

.mot-qual-card .mot-qual-sub{
    position:relative !important;
    z-index:1 !important;

    margin:0 0 5px !important;

    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:var(--muted) !important;
}

.mot-qual-card .mot-qual-meta{
    position:relative !important;
    z-index:1 !important;

    margin:0 !important;

    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    color:#7b8497 !important;
}

.mot-qual-card .mot-qual-year{
    position:relative !important;
    z-index:1 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:9px !important;
    padding:4px 9px !important;

    border-radius:999px !important;
    background:#F8F6F0 !important;
    border:1px solid rgba(184,160,90,.32) !important;

    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:var(--dark) !important;
}

.mot-empty{
    max-width:560px !important;
    margin:10px auto !important;
    padding:16px 18px !important;

    text-align:center !important;
    font-size:13.5px !important;
    font-weight:550 !important;
    color:var(--muted) !important;

    background:#ffffff !important;
    border:1px dashed rgba(184,160,90,.36) !important;
    border-radius:16px !important;
}

@media (max-width:600px){
    .mot-qualifications{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:2px 8px 16px !important;
    }

    .mot-qual-card{
        min-height:auto !important;
        padding:17px 18px !important;
        border-radius:16px !important;
    }

    .mot-qual-card .mot-qual-title{
        font-size:19px !important;
        margin-bottom:10px !important;
    }

    .mot-qual-card .mot-qual-main{
        font-size:14px !important;
    }

    .mot-qual-card .mot-qual-sub{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12410591 *//* =========================================
   MyOnlineTutor – Public Tutor Reviews Slider
   Premium Luxury 2026 – FINAL
========================================= */

.mot-reviews-slider{
    --royal:#6134B7;
    --dark:#452197;
    --violet:#7A3EF2;
    --gold:#B8A05A;
    --gold-soft:#D8C28A;
    --lavender:#E9DDFB;
    --cream:#F8F6F0;
    --page:#FCFBF8;
    --text:#222222;
    --muted:#6B6B6B;

    position:relative;
    max-width:1120px;
    margin:0 auto;
    padding:4px 34px 12px;
    overflow:visible !important;
}

.mot-reviews-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-snap-type:x mandatory;
    padding:2px 0;
}

.mot-reviews-viewport::-webkit-scrollbar{
    display:none;
}

.mot-reviews-track{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    width:max-content;
    padding:4px 0 10px;
}

.mot-review-card{
    position:relative;
    flex:0 0 292px;
    min-height:172px;
    padding:18px 18px 17px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,248,.96));
    border:1px solid rgba(97,52,183,.10);
    border-radius:20px;

    box-shadow:
        0 10px 26px rgba(69,33,151,.055),
        inset 0 1px 0 rgba(255,255,255,.9);

    scroll-snap-align:start;

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

.mot-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0%, rgba(216,194,138,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(233,221,251,.36), transparent 38%);
    opacity:.75;
}

.mot-review-card::after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-8px;
    font-size:72px;
    line-height:1;
    font-family:Georgia, serif;
    color:rgba(184,160,90,.13);
    pointer-events:none;
}

.mot-review-card:hover{
    transform:translateY(-3px);
    border-color:rgba(184,160,90,.45);
    box-shadow:
        0 16px 34px rgba(69,33,151,.09),
        0 4px 14px rgba(184,160,90,.12);
}

.mot-review-card-top{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:8px;
}

.mot-review-author{
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:var(--dark);
    letter-spacing:-.01em;
}

.mot-review-stars{
    font-size:14px;
    line-height:1;
    color:var(--gold);
    letter-spacing:.8px;
    white-space:nowrap;
    padding-top:2px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}

.mot-review-meta{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-bottom:10px;

    font-size:12.5px;
    line-height:1.45;
    color:var(--muted);
}

.mot-review-dot{
    color:rgba(184,160,90,.55);
}

.mot-review-text{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.72;
    color:#3f3f46;
    text-align:left;
    margin:0;
}

.mot-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:30px;
    height:30px;
    border:none;
    border-radius:999px;

    background:rgba(255,255,255,.96);
    color:var(--royal);

    font-size:18px;
    font-weight:700;
    line-height:1;
    cursor:pointer;

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

    box-shadow:
        0 8px 22px rgba(69,33,151,.12),
        inset 0 0 0 1px rgba(97,52,183,.10);

    z-index:10;

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

.mot-reviews-nav:hover{
    background:linear-gradient(135deg, var(--royal), var(--dark));
    color:#ffffff;
    transform:translateY(-50%) scale(1.04);
    box-shadow:
        0 12px 28px rgba(69,33,151,.22),
        0 3px 10px rgba(184,160,90,.18);
}

.mot-reviews-nav:active{
    transform:translateY(-50%) scale(.96);
}

.mot-reviews-prev{
    left:0;
}

.mot-reviews-next{
    right:0;
}

.mot-reviews-empty{
    text-align:center;
    color:var(--muted);
    font-size:14px;
    padding:18px;
    background:#ffffff;
    border:1px solid rgba(97,52,183,.10);
    border-radius:18px;
}

/* Elementor overflow fix */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

/* Tablet */
@media (max-width:1024px){
    .mot-reviews-slider{
        max-width:100%;
        padding:4px 30px 10px;
    }

    .mot-reviews-track{
        gap:13px;
    }

    .mot-review-card{
        flex:0 0 280px;
        padding:17px;
    }
}

/* Mobile */
@media (max-width:767px){
    .mot-reviews-slider{
        padding:4px 8px 10px;
    }

    .mot-reviews-track{
        gap:12px;
        padding:4px 2px 10px;
    }

    .mot-review-card{
        flex:0 0 82vw;
        min-height:auto;
        padding:16px 15px 15px;
        border-radius:18px;
    }

    .mot-review-card-top{
        gap:10px;
        margin-bottom:7px;
    }

    .mot-review-author{
        font-size:14.5px;
    }

    .mot-review-stars{
        font-size:13px;
        letter-spacing:.5px;
    }

    .mot-review-meta{
        font-size:12px;
        margin-bottom:9px;
    }

    .mot-review-text{
        font-size:14px;
        line-height:1.68;
    }

    .mot-reviews-nav{
        width:27px;
        height:27px;
        font-size:16px;
        background:#ffffff;
    }

    .mot-reviews-prev{
        left:-2px;
    }

    .mot-reviews-next{
        right:-2px;
    }
}


/* MOT Reviews Slider – FORCE OVERRIDE FINAL */

body .mot-reviews-slider{
    max-width:1100px !important;
    margin:0 auto !important;
    padding:0 26px 10px !important;
    overflow:visible !important;
}

body .mot-reviews-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
}

body .mot-reviews-viewport::-webkit-scrollbar{
    display:none !important;
}

body .mot-reviews-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    padding:4px 0 8px !important;
}

body .mot-review-card{
    flex:0 0 280px !important;
    min-height:155px !important;
    padding:15px 16px !important;

    background:#ffffff !important;
    border:1px solid rgba(97,52,183,.14) !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 20px rgba(69,33,151,.06),
        0 1px 0 rgba(184,160,90,.18) inset !important;

    scroll-snap-align:start !important;
    transition:all .25s ease !important;
}

body .mot-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(184,160,90,.55) !important;
    box-shadow:
        0 14px 30px rgba(69,33,151,.10),
        0 4px 12px rgba(184,160,90,.16) !important;
}

body .mot-review-card-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:7px !important;
}

body .mot-review-author{
    font-size:14.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#452197 !important;
}

body .mot-review-stars{
    font-size:13.5px !important;
    line-height:1 !important;
    color:#B8A05A !important;
    letter-spacing:.6px !important;
    white-space:nowrap !important;
}

body .mot-review-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    margin-bottom:8px !important;

    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B6B6B !important;
}

body .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-review-text{
    font-size:13.8px !important;
    line-height:1.65 !important;
    color:#222222 !important;
    text-align:left !important;
    margin:0 !important;
}

body .mot-reviews-nav{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:28px !important;
    height:28px !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:50% !important;

    background:#ffffff !important;
    color:#6134B7 !important;

    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;

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

    box-shadow:0 8px 18px rgba(69,33,151,.12) !important;
    z-index:99 !important;
}

body .mot-reviews-nav:hover{
    background:#6134B7 !important;
    color:#ffffff !important;
    border-color:#6134B7 !important;
    box-shadow:0 12px 24px rgba(69,33,151,.22) !important;
}

body .mot-reviews-prev{
    left:0 !important;
}

body .mot-reviews-next{
    right:0 !important;
}

body .elementor-widget-shortcode,
body .elementor-widget-shortcode .elementor-widget-container{
    overflow:visible !important;
}

@media (max-width:767px){
    body .mot-reviews-slider{
        padding:0 6px 8px !important;
    }

    body .mot-reviews-track{
        gap:10px !important;
    }

    body .mot-review-card{
        flex:0 0 80vw !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .mot-reviews-nav{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
    }

    body .mot-reviews-prev{
        left:-3px !important;
    }

    body .mot-reviews-next{
        right:-3px !important;
    }
}

/* Remove blue top line from review cards */

body .mot-reviews-slider .mot-review-card{
    background-image:none !important;
    outline:none !important;
}

body .mot-reviews-slider .mot-review-card *{
    border-top-color:inherit !important;
}





/* =========================================
   MOT Reviews – Premium Warm Final Fix
   No Blue Line / Elegant Gold-Violet Style
========================================= */

body .mot-reviews-slider .mot-review-card{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(216,194,138,.22), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;

    border:1px solid rgba(184,160,90,.36) !important;
    border-top:1px solid rgba(184,160,90,.55) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(69,33,151,.075),
        0 4px 12px rgba(184,160,90,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* این خط طلایی خیلی ظریف جایگزین خط آبی می‌شود */
body .mot-reviews-slider .mot-review-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:22px !important;
    right:22px !important;
    height:2px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,160,90,.70),
        rgba(216,194,138,.45),
        transparent
    ) !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* علامت نقل‌قول لطیف */
body .mot-reviews-slider .mot-review-card::after{
    content:"“" !important;
    position:absolute !important;
    right:18px !important;
    bottom:-10px !important;
    font-family:Georgia, serif !important;
    font-size:76px !important;
    line-height:1 !important;
    color:rgba(184,160,90,.14) !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

body .mot-reviews-slider .mot-review-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(184,160,90,.62) !important;
    box-shadow:
        0 20px 42px rgba(69,33,151,.11),
        0 8px 18px rgba(184,160,90,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body .mot-reviews-slider .mot-review-author{
    color:#452197 !important;
    font-weight:750 !important;
}

body .mot-reviews-slider .mot-review-stars{
    color:#B8A05A !important;
}

body .mot-reviews-slider .mot-review-meta{
    color:#6B6B6B !important;
}

body .mot-reviews-slider .mot-review-dot{
    color:#D8C28A !important;
}

body .mot-reviews-slider .mot-review-text{
    color:#222222 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55b44509 *//* =========================================
   MyOnlineTutor – Tutor Lesson Cards
   Ultra Premium UI 2026
   Clean White + Lilac + Soft Gold Hover
========================================= */

.mot-offers-grid{
    --mot-purple:#6134B7;
    --mot-purple-dark:#452197;
    --mot-purple-soft:#7A3EF2;
    --mot-lilac:#F4EFFF;
    --mot-lilac-2:#FAF7FF;
    --mot-gold:#D8C28A;
    --mot-gold-soft:#FFF8E6;
    --mot-text:#1F1B2E;
    --mot-muted:#7A7486;
    --mot-border:rgba(97,52,183,.12);

    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(235px, 275px)) !important;
    justify-content:center !important;
    gap:22px !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:22px 10px 32px !important;
    background:#fff !important;
}

/* Card */
.mot-offer-card{
    position:relative !important;
    width:100% !important;
    max-width:275px !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#FCFAFF 100%) !important;
    border:1px solid var(--mot-border) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:
        0 18px 42px rgba(31,27,46,.07),
        0 2px 8px rgba(97,52,183,.04) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

.mot-offer-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(216,194,138,.20), transparent 34%),
        linear-gradient(180deg, rgba(244,239,255,.42), transparent 42%) !important;
    opacity:.9 !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(216,194,138,.55) !important;
    box-shadow:
        0 26px 58px rgba(97,52,183,.13),
        0 10px 24px rgba(216,194,138,.14) !important;
}

/* Image */
.mot-offer-image-wrap{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:128px !important;
    overflow:hidden !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 52%,#FFF8E6 100%) !important;
    border-bottom:1px solid rgba(97,52,183,.08) !important;
}

.mot-offer-image-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.06) !important;
    filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
}

/* Placeholder */
.mot-offer-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(216,194,138,.30), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(122,62,242,.18), transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#FAF7FF 58%,#FFF8E6 100%) !important;
}

/* Body */
.mot-offer-body{
    position:relative !important;
    z-index:2 !important;
    padding:17px 15px 19px !important;
    text-align:center !important;
    background:transparent !important;
}

.mot-offer-title{
    margin:0 0 13px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--mot-text) !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    line-height:1.38 !important;
    letter-spacing:-.02em !important;
}

/* Price – no olive */
.mot-offer-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:31px !important;
    padding:6px 13px !important;
    margin:0 7px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#FFFFFF 0%,#FFF8E6 100%) !important;
    border:1px solid rgba(216,194,138,.38) !important;
    color:#5B4670 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(216,194,138,.13) !important;
}

/* Button – Premium Lilac */
.mot-offer-card .mot-offer-btn,
.mot-offer-card a.mot-offer-btn,
.mot-offer-card a.button,
.mot-offer-card .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 19px !important;
    border-radius:999px !important;
    border:1px solid rgba(97,52,183,.14) !important;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#FAF7FF 38%,#F1EAFF 100%) !important;
    color:var(--mot-purple-dark) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
        0 10px 24px rgba(97,52,183,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Hover – Soft Lilac */

.mot-offer-card .mot-offer-btn:hover,
.mot-offer-card a.mot-offer-btn:hover,
.mot-offer-card a.button:hover,
.mot-offer-card .button:hover{
    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F4FF 40%,
            #EEE7FF 100%
        ) !important;

    color:#452197 !important;

    border-color:rgba(122,62,242,.28) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 32px rgba(97,52,183,.12),
        0 8px 20px rgba(233,221,251,.55) !important;
}

/* Active / Focus – no ugly olive */
.mot-offer-card .mot-offer-btn:focus,
.mot-offer-card a.mot-offer-btn:focus,
.mot-offer-card a.button:focus,
.mot-offer-card .button:focus{
    outline:none !important;
    background:
        linear-gradient(135deg,#F7F3FF 0%,#EEE7FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.35) !important;
    box-shadow:
        0 0 0 4px rgba(244,239,255,.95),
        0 12px 24px rgba(97,52,183,.14) !important;
}

.mot-offer-card .mot-offer-btn:active,
.mot-offer-card a.mot-offer-btn:active,
.mot-offer-card a.button:active,
.mot-offer-card .button:active{
    transform:translateY(0) scale(.98) !important;
    background:
        linear-gradient(135deg,#EEE7FF 0%,#F7F3FF 100%) !important;
    color:var(--mot-purple-dark) !important;
    border-color:rgba(97,52,183,.28) !important;
    box-shadow:
        0 8px 18px rgba(97,52,183,.12) !important;
}

/* Empty */
.mot-empty{
    text-align:center !important;
    color:var(--mot-muted) !important;
    font-size:14px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(97,52,183,.12) !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(31,27,46,.05) !important;
}

/* Mobile */
@media (max-width:767px){
    .mot-offers-grid{
        grid-template-columns:1fr !important;
        max-width:330px !important;
        gap:18px !important;
        padding:16px 8px 24px !important;
    }

    .mot-offer-card{
        max-width:100% !important;
        border-radius:24px !important;
    }

    .mot-offer-image-wrap{
        height:118px !important;
    }

    .mot-offer-title{
        min-height:auto !important;
        font-size:14px !important;
    }

    .mot-offer-price{
        margin:0 0 10px !important;
    }

    .mot-offer-card .mot-offer-btn,
    .mot-offer-card a.mot-offer-btn,
    .mot-offer-card a.button,
    .mot-offer-card .button{
        width:100% !important;
        min-height:42px !important;
    }
}



/* =========================================
   Premium Soft Lilac Hover
========================================= */

.mot-offer-card{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease !important;
}

.mot-offer-card:hover{
    transform:translateY(-6px) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #FCFAFF 60%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.25) !important;

    box-shadow:
        0 26px 60px rgba(97,52,183,.14),
        0 10px 30px rgba(122,62,242,.10),
        0 0 0 1px rgba(233,221,251,.75) inset !important;
}

/* Glow lilac behind card */
.mot-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    border-radius:28px !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233,221,251,.9),
            transparent 70%
        );

    opacity:0 !important;
    transition:opacity .35s ease !important;
}

.mot-offer-card:hover::before{
    opacity:1 !important;
}

/* Image gets softer */
.mot-offer-card:hover .mot-offer-image-wrap{
    border-bottom-color:rgba(122,62,242,.15) !important;
}

.mot-offer-card:hover .mot-offer-image-wrap img{
    transform:scale(1.05) !important;
    filter:
        saturate(1.05)
        brightness(1.03)
        contrast(1.02) !important;
}

/* Title becomes royal violet */
.mot-offer-card:hover .mot-offer-title{
    color:#452197 !important;
}

/* Price gets subtle lilac */
.mot-offer-card:hover .mot-offer-price{
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F7F2FF 100%
        ) !important;

    border-color:rgba(122,62,242,.18) !important;
}

/* Button gets slightly brighter */
.mot-offer-card:hover .mot-offer-btn,
.mot-offer-card:hover .button{
    box-shadow:
        0 16px 30px rgba(97,52,183,.12),
        0 8px 18px rgba(233,221,251,.55) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ad6786f */.mot-video-card{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border:1px solid #ececf2;
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.mot-video-embed iframe,
.mot-video-embed video{
    width:100%;
    min-height:420px;
    border:none;
    border-radius:18px;
    display:block;
}

.mot-video-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:#475569;
    text-align:center;
}

@media (max-width:767px){
    .mot-video-card{
        padding:16px;
        border-radius:18px;
    }

    .mot-video-embed iframe,
    .mot-video-embed video{
        min-height:240px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4e330e24 *//* ================================
   MyOnlineTutor – Tutor Profile Tabs
   Mobile Premium Fix 2026
================================ */

.mot-premium-tabs .e-n-tabs-heading{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto 32px !important;
    padding:6px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid rgba(216,194,138,.34) !important;
    box-shadow:
        0 14px 32px rgba(69,33,151,.06),
        0 4px 12px rgba(216,194,138,.10) !important;
}

.mot-premium-tabs .e-n-tab-title{
    min-width:160px !important;
    min-height:44px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#56515f !important;
    font-size:14.5px !important;
    font-weight:650 !important;
    line-height:1.15 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    box-shadow:none !important;
    transition:all .22s ease !important;
}

.mot-premium-tabs .e-n-tab-title:hover{
    background:#f4efff !important;
    color:#452197 !important;
    transform:translateY(-1px) !important;
}

.mot-premium-tabs .e-n-tab-title[aria-selected="true"]{
    background:linear-gradient(135deg,#6134B7 0%,#452197 100%) !important;
    color:#ffffff !important;
    box-shadow:
        0 10px 22px rgba(69,33,151,.24),
        inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.mot-premium-tabs .e-n-tab-title-text{
    color:inherit !important;
    white-space:nowrap !important;
    text-align:center !important;
}

/* Icons */
.mot-premium-tabs .e-n-tab-title::before{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:17px !important;
    min-width:17px !important;
    height:17px !important;
    color:inherit !important;
    line-height:1 !important;
    font-family:"Segoe UI Symbol","Apple Color Emoji","Segoe UI Emoji",Arial,sans-serif !important;
}

.mot-premium-tabs .e-n-tab-title:nth-child(1)::before{
    content:"👤" !important;
    font-size:14px !important;
}

.mot-premium-tabs .e-n-tab-title:nth-child(2)::before{
    content:"🎓" !important;
    font-size:15px !important;
}

.mot-premium-tabs .e-n-tab-title:nth-child(3)::before{
    content:"★" !important;
    font-size:14px !important;
}

.mot-premium-tabs .e-n-tab-title:nth-child(4)::before{
    content:"▰" !important;
    font-size:12px !important;
}

.mot-premium-tabs .e-n-tab-title:nth-child(5)::before{
    content:"▶" !important;
    font-size:12px !important;
}

/* Tablet */

/* Tablet – fixed wrapped premium tabs */
@media (min-width:768px) and (max-width:1024px){

    .mot-premium-tabs .e-n-tabs-heading{
        width:100% !important;
        max-width:620px !important;
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:10px !important;

        margin:0 auto 30px !important;
        padding:12px !important;

        border-radius:24px !important;
        background:#ffffff !important;
        border:1px solid rgba(216,194,138,.36) !important;
        box-shadow:
            0 14px 32px rgba(69,33,151,.06),
            0 5px 16px rgba(216,194,138,.10) !important;
    }

    .mot-premium-tabs .e-n-tab-title{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:44px !important;

        padding:0 14px !important;
        border-radius:16px !important;

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

        background:#fbfaff !important;
        border:1px solid rgba(97,52,183,.08) !important;
        color:#54515d !important;

        font-size:14px !important;
        font-weight:650 !important;
        line-height:1.2 !important;
        gap:8px !important;

        box-shadow:none !important;
        transform:none !important;
    }

    .mot-premium-tabs .e-n-tab-title[aria-selected="true"]{
        background:linear-gradient(135deg,#6134B7 0%,#452197 100%) !important;
        color:#ffffff !important;
        border-color:transparent !important;
        box-shadow:0 9px 20px rgba(69,33,151,.22) !important;
    }

    .mot-premium-tabs .e-n-tab-title-text{
        white-space:nowrap !important;
        text-align:center !important;
    }

    .mot-premium-tabs .e-n-tab-title::before{
        width:16px !important;
        min-width:16px !important;
        height:16px !important;
        flex:0 0 16px !important;
    }

    .mot-premium-tabs .e-n-tab-title:nth-child(5){
        grid-column:1 / -1 !important;
        max-width:220px !important;
        justify-self:center !important;
    }
}



/* Mobile – fixed clean vertical tabs */
@media (max-width:767px){

    .mot-premium-tabs .e-n-tabs-heading{
        width:100% !important;
        max-width:340px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:8px !important;

        margin:0 auto 24px !important;
        padding:10px !important;

        border-radius:22px !important;
        background:#ffffff !important;
        border:1px solid rgba(216,194,138,.36) !important;
        box-shadow:
            0 12px 28px rgba(69,33,151,.06),
            0 5px 16px rgba(216,194,138,.10) !important;
    }

    .mot-premium-tabs .e-n-tab-title{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:42px !important;

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

        padding:0 12px !important;
        border-radius:15px !important;

        background:#fbfaff !important;
        border:1px solid rgba(97,52,183,.08) !important;
        color:#54515d !important;

        font-size:13.3px !important;
        font-weight:650 !important;
        line-height:1.2 !important;
        gap:7px !important;

        box-shadow:none !important;
        transform:none !important;
    }

    .mot-premium-tabs .e-n-tab-title[aria-selected="true"]{
        background:linear-gradient(135deg,#6134B7 0%,#452197 100%) !important;
        color:#ffffff !important;
        border-color:transparent !important;
        box-shadow:0 8px 18px rgba(69,33,151,.22) !important;
    }

    .mot-premium-tabs .e-n-tab-title-text{
        white-space:nowrap !important;
        text-align:center !important;
    }

    .mot-premium-tabs .e-n-tab-title::before{
        width:16px !important;
        min-width:16px !important;
        height:16px !important;
        flex:0 0 16px !important;
    }
}

/* Extra small mobile */
@media (max-width:380px){
    .mot-premium-tabs .e-n-tabs-heading{
        max-width:310px !important;
        padding:9px !important;
    }

    .mot-premium-tabs .e-n-tab-title{
        min-height:40px !important;
        font-size:12.8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c19e14b *//* =========================================
   MyOnlineTutor – Tutor Public Profile
   GLOBAL THEME
========================================= */

.mot-tutor-profile-page{
    --mot-navy:#0b0f4f;
    --mot-blue:#1d4ed8;
    --mot-blue-dark:#101a63;
    --mot-text:#0f172a;
    --mot-text-soft:#6f7f96;
    --mot-border:#e4eaf5;
    --mot-border-soft:#ececf2;
    --mot-bg:#f8fbff;
    --mot-card-bg:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
    --mot-shadow:0 12px 32px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.92);
    --mot-shadow-hover:0 18px 38px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.94);
    --mot-radius:28px;

    color:var(--mot-text);
}

/* page typography */
.mot-tutor-profile-page,
.mot-tutor-profile-page *{
    font-family:"Poppins","Inter","Segoe UI",Arial,sans-serif !important;
}

/* general headings */
.mot-tutor-profile-page h1,
.mot-tutor-profile-page h2,
.mot-tutor-profile-page h3,
.mot-tutor-profile-page h4,
.mot-tutor-profile-page h5,
.mot-tutor-profile-page h6,
.mot-tutor-profile-page .elementor-heading-title{
    color:#162458;
    letter-spacing:-0.02em;
}

/* section spacing */
.mot-tutor-profile-page .elementor-top-section{
    margin-bottom:26px;
}

/* generic card look for sections */
.mot-tutor-profile-page .mot-section-card,
.mot-tutor-profile-page .mot-video-card,
.mot-tutor-profile-page .mot-qual-card,
.mot-tutor-profile-page .mot-review-card,
.mot-tutor-profile-page .mot-offer-card{
    position:relative;
    background:var(--mot-card-bg);
    border:1px solid var(--mot-border);
    border-radius:var(--mot-radius);
    box-shadow:var(--mot-shadow);
    overflow:hidden;
}

/* top gradient line for major cards */
.mot-tutor-profile-page .mot-section-card::before,
.mot-tutor-profile-page .mot-video-card::before,
.mot-tutor-profile-page .mot-qual-card::before,
.mot-tutor-profile-page .mot-review-card::before,
.mot-tutor-profile-page .mot-offer-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, #0b0f4f, #1d4ed8 58%, #c7d2fe 100%);
    opacity:.92;
}

/* card hover */
.mot-tutor-profile-page .mot-qual-card:hover,
.mot-tutor-profile-page .mot-review-card:hover,
.mot-tutor-profile-page .mot-offer-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--mot-shadow-hover);
    border-color:#d9e2f0;
}

/* generic paragraph styling */
.mot-tutor-profile-page p,
.mot-tutor-profile-page li,
.mot-tutor-profile-page .elementor-widget-text-editor,
.mot-tutor-profile-page .elementor-widget-text-editor p{
    color:var(--mot-text-soft);
    line-height:1.75;
    font-size:15px;
}

/* hero/profile name */
.mot-tutor-profile-page .mot-tutor-public-name{
    color:#162458;
    font-weight:600;
    letter-spacing:-0.03em;
}

/* meta line */
.mot-tutor-profile-page .mot-tutor-public-meta,
.mot-tutor-profile-page .mot-tutor-public-stats{
    color:#71819b;
}

/* buttons */
.mot-tutor-profile-page .elementor-button,
.mot-tutor-profile-page .mot-offer-btn,
.mot-tutor-profile-page .mot-credential-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 20px;
    border:none;
    border-radius:17px;
    background:linear-gradient(180deg, #17359a 0%, #101a63 100%);
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    line-height:1;
    letter-spacing:-0.005em;
    text-decoration:none;
    box-shadow:0 12px 24px rgba(11,15,79,.16);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.mot-tutor-profile-page .elementor-button:hover,
.mot-tutor-profile-page .mot-offer-btn:hover,
.mot-tutor-profile-page .mot-credential-link:hover{
    background:linear-gradient(180deg, #1a3eab 0%, #101a63 100%);
    color:#fff !important;
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(11,15,79,.20);
    filter:brightness(1.02);
}

/* section titles */
.mot-tutor-profile-page .mot-profile-section-title .elementor-heading-title,
.mot-tutor-profile-page .mot-profile-section-title{
    font-size:clamp(24px, 2.8vw, 38px);
    line-height:1.15;
    font-weight:600;
    color:#162458;
    letter-spacing:-0.02em;
}

/* about text block */
.mot-tutor-profile-page .mot-tutor-public-about{
    max-width:760px;
    color:var(--mot-text-soft);
}

/* qualifications */
.mot-tutor-profile-page .mot-qual-title{
    color:#7a879d;
}
.mot-tutor-profile-page .mot-qual-main{
    color:#1a2753;
}
.mot-tutor-profile-page .mot-qual-meta,
.mot-tutor-profile-page .mot-qual-year{
    color:#7a879d;
}

/* offers */
.mot-tutor-profile-page .mot-offer-title{
    color:#1a2753;
}
.mot-tutor-profile-page .mot-offer-price{
    color:#6f7f96;
}

/* reviews */
.mot-tutor-profile-page .mot-review-author{
    color:#1a2753;
}
.mot-tutor-profile-page .mot-review-text{
    color:#6f7f96;
}
.mot-tutor-profile-page .mot-review-stars{
    color:#f59e0b;
}

/* video */
.mot-tutor-profile-page .mot-video-note{
    color:#6f7f96;
}

/* profile photo polish */
.mot-tutor-profile-page .mot-tutor-public-photo-wrap{
    box-shadow:0 14px 34px rgba(15,23,42,.08);
}

/* responsive */
@media (max-width:767px){
    .mot-tutor-profile-page{
        --mot-radius:22px;
    }

    .mot-tutor-profile-page .elementor-top-section{
        margin-bottom:20px;
    }

    .mot-tutor-profile-page .elementor-button,
    .mot-tutor-profile-page .mot-offer-btn,
    .mot-tutor-profile-page .mot-credential-link{
        width:100%;
    }
}/* End custom CSS */