.elementor-15804 .elementor-element.elementor-element-c68f6f5{--display:grid;--e-con-grid-template-columns:auto minmax(0, 1fr) auto;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 20px;--row-gap:0px;--column-gap:20px;--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--z-index:10;}.elementor-15804 .elementor-element.elementor-element-c68f6f5:not(.elementor-motion-effects-element-type-background), .elementor-15804 .elementor-element.elementor-element-c68f6f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15804 .elementor-element.elementor-element-74b24f52{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-15804 .elementor-element.elementor-element-74b24f52.e-con{--align-self:center;}.elementor-15804 .elementor-element.elementor-element-a5d9f8e.elementor-element{--align-self:center;}.elementor-15804 .elementor-element.elementor-element-a5d9f8e{text-align:center;}.elementor-15804 .elementor-element.elementor-element-410b785c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-menu-toggle{margin:0 auto;}.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu--main .elementor-item{color:#857E7E;fill:#857E7E;padding-left:12px;padding-right:12px;}.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-15804 .elementor-element.elementor-element-62546489 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-15804 .elementor-element.elementor-element-1596a71d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1250px){.elementor-15804 .elementor-element.elementor-element-c68f6f5{--grid-auto-flow:row;}.elementor-15804 .elementor-element.elementor-element-74b24f52{--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:auto;}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-15804 .elementor-element.elementor-element-c68f6f5{--e-con-grid-template-columns:1fr auto auto;--grid-auto-flow:row;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-15804 .elementor-element.elementor-element-74b24f52{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15804 .elementor-element.elementor-element-a5d9f8e{text-align:start;}.elementor-15804 .elementor-element.elementor-element-a5d9f8e img{width:100%;max-width:unset;height:40;}.elementor-15804 .elementor-element.elementor-element-410b785c{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15804 .elementor-element.elementor-element-410b785c.e-con{--order:99999 /* order end hack */;}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-15804 .elementor-element.elementor-element-c68f6f5{--content-width:100%;--e-con-grid-template-columns:1fr auto auto;--e-con-grid-template-rows:1;--grid-auto-flow:column;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;--z-index:100;}.elementor-15804 .elementor-element.elementor-element-74b24f52{--width:auto;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15804 .elementor-element.elementor-element-a5d9f8e img{width:70px;height:70px;}.elementor-15804 .elementor-element.elementor-element-410b785c{--width:100%;}.elementor-15804 .elementor-element.elementor-element-410b785c.e-con{--order:99999 /* order end hack */;}.elementor-15804 .elementor-element.elementor-element-62546489 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--width:100%;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15804 .elementor-element.elementor-element-513f2ad0.e-con{--align-self:center;}.elementor-15804 .elementor-element.elementor-element-1596a71d{--width:100%;--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-15804 .elementor-element.elementor-element-c68f6f5{--content-width:1440px;}.elementor-15804 .elementor-element.elementor-element-74b24f52{--width:185px;}.elementor-15804 .elementor-element.elementor-element-410b785c{--width:100%;}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--width:100%;}.elementor-15804 .elementor-element.elementor-element-1596a71d{--width:100%;}}@media(max-width:1250px) and (min-width:768px){.elementor-15804 .elementor-element.elementor-element-74b24f52{--width:100%;}.elementor-15804 .elementor-element.elementor-element-410b785c{--width:auto;}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--width:auto;}}@media(max-width:1024px) and (min-width:768px){.elementor-15804 .elementor-element.elementor-element-74b24f52{--width:100%;}.elementor-15804 .elementor-element.elementor-element-410b785c{--width:auto;}.elementor-15804 .elementor-element.elementor-element-513f2ad0{--width:auto;}}/* Start custom CSS for shortcode, class: .elementor-element-42ed534 *//* =========================================================
   MyOnlineTutor - Header Account Dropdown
   Final Premium Compact Glass UI
========================================================= */

.mot-header-account-wrap{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    z-index:99999 !important;
}

/* Header Button */
.mot-header-account-btn,
.mot-header-login-btn{
    border:0 !important;
    cursor:pointer !important;
    min-height:46px !important;
    padding:5px 14px 5px 6px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:linear-gradient(135deg,#5B21B6 0%,#7C3AED 58%,#8B5CF6 100%) !important;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 10px 24px rgba(91,33,182,.24) !important;
    transition:all .22s ease !important;
}

/* Premium Login Button Only */

.mot-header-login-btn{

    min-height:42px !important;
    padding:0 22px !important;

    background:#ffffff !important;
    color:#2d1863 !important;

    border:1px solid rgba(124,58,237,.12) !important;

    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:-0.2px !important;

    box-shadow:
    0 8px 24px rgba(15,23,42,.06),
    0 2px 6px rgba(15,23,42,.04) !important;

}

.mot-header-login-btn:hover{

    background:#faf7ff !important;

    border-color:#7C3AED !important;

    color:#7C3AED !important;

    transform:translateY(-1px) !important;

    box-shadow:
    0 14px 32px rgba(124,58,237,.10),
    0 4px 10px rgba(15,23,42,.05) !important;

}

.mot-header-account-btn:hover,
.mot-header-login-btn:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 14px 30px rgba(91,33,182,.30) !important;
}

/* Mini Avatar */
.mot-mini-avatar{
    position:relative !important;
    width:36px !important;
    height:36px !important;
    border-radius:50% !important;
    flex-shrink:0 !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.55) !important;
}

.mot-mini-avatar img,
.mot-account-avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
    display:block !important;
}

/* Button Text */
.mot-button-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    line-height:1.05 !important;
}

.mot-button-text strong{
    font-size:12.5px !important;
    font-weight:650 !important;
    color:#fff !important;
    max-width:104px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    letter-spacing:-.1px !important;
}

.mot-button-text small{
    margin-top:3px !important;
    font-size:10.5px !important;
    font-weight:500 !important;
    color:rgba(255,255,255,.78) !important;
}

/* Arrow */
.mot-account-arrow{
    margin-left:1px !important;
    font-size:13px !important;
    line-height:1 !important;
    opacity:.88 !important;
    transition:transform .22s ease !important;
}

.mot-header-account-wrap:hover .mot-account-arrow,
.mot-header-account-wrap.is-open .mot-account-arrow{
    transform:rotate(180deg) !important;
}

/* Dropdown Card */
.mot-account-dropdown{
    position:absolute !important;
    top:calc(100% + 11px) !important;
    right:0 !important;
    width:258px !important;
    padding:13px !important;
    border-radius:18px !important;

    background:
        radial-gradient(circle at 95% 0%,rgba(124,58,237,.10),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,247,255,.92)) !important;

    border:1px solid rgba(124,58,237,.12) !important;
    box-shadow:
        0 18px 45px rgba(15,23,42,.12),
        inset 0 1px 0 rgba(255,255,255,.85) !important;

    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(8px) scale(.985) !important;
    transition:opacity .2s ease, visibility .2s ease, transform .2s ease !important;
    z-index:999999 !important;
}

.mot-header-account-wrap:hover .mot-account-dropdown,
.mot-header-account-wrap.is-open .mot-account-dropdown{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
}

/* Dropdown Small Arrow */
.mot-account-dropdown::before{
    content:"" !important;
    position:absolute !important;
    top:-7px !important;
    right:43px !important;
    width:14px !important;
    height:14px !important;
    background:rgba(255,255,255,.96) !important;
    transform:rotate(45deg) !important;
    border-left:1px solid rgba(124,58,237,.10) !important;
    border-top:1px solid rgba(124,58,237,.10) !important;
}

/* User Info */
.mot-account-user{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:1px 2px 12px !important;
}

.mot-account-avatar{
    position:relative !important;
    display:block !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    border-radius:50% !important;
    flex-shrink:0 !important;
    padding:2px !important;
    background:#fff !important;
    box-shadow:
        0 8px 18px rgba(76,29,149,.12),
        0 0 0 1px rgba(124,58,237,.08) !important;
    overflow:hidden !important;
}

.mot-account-user-info{
    min-width:0 !important;
}

.mot-account-user-info strong{
    display:block !important;
    font-size:13.5px !important;
    line-height:1.15 !important;
    color:#0f172a !important;
    font-weight:750 !important;
    letter-spacing:-.15px !important;
    max-width:165px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.mot-account-user-info span{
    display:block !important;
    margin-top:4px !important;
    color:#7C3AED !important;
    font-size:11.5px !important;
    font-weight:600 !important;
}

.mot-account-user-info small{
    display:none !important;
}

/* Divider */
.mot-account-divider{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(124,58,237,.13),transparent) !important;
    margin:0 0 8px !important;
}

/* Menu Items */
.mot-account-item{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:9px 8px !important;
    color:#0f172a !important;
    text-decoration:none !important;
    border-radius:13px !important;
    transition:background .18s ease, box-shadow .18s ease !important;
}

.mot-account-item:hover{
    background:rgba(124,58,237,.065) !important;
    box-shadow:inset 0 0 0 1px rgba(124,58,237,.06) !important;
    transform:none !important;
}

.mot-account-item > span{
    width:22px !important;
    height:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#7C3AED !important;
    font-size:16px !important;
    line-height:1 !important;
    flex-shrink:0 !important;
    opacity:.92 !important;
}

.mot-account-item div{
    flex:1 !important;
    min-width:0 !important;
}

.mot-account-item strong{
    display:block !important;
    font-size:12.8px !important;
    font-weight:650 !important;
    color:#0f172a !important;
    line-height:1.15 !important;
    letter-spacing:-.08px !important;
}

.mot-account-item small{
    display:block !important;
    margin-top:3px !important;
    color:#64748b !important;
    font-size:10.7px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
}

.mot-account-item em{
    font-style:normal !important;
    color:#c4b5fd !important;
    font-size:15px !important;
    line-height:1 !important;
    transition:transform .18s ease, color .18s ease !important;
}

.mot-account-item:hover em{
    transform:translateX(2px) !important;
    color:#7C3AED !important;
}

/* Logout */
.mot-account-item.mot-logout{
    margin-top:6px !important;
    background:rgba(225,29,72,.035) !important;
}

.mot-account-item.mot-logout > span,
.mot-account-item.mot-logout strong{
    color:#E11D48 !important;
    font-weight:700 !important;
}

.mot-account-item.mot-logout small{
    color:#8f6b78 !important;
}

.mot-account-item.mot-logout:hover{
    background:rgba(225,29,72,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(225,29,72,.07) !important;
}

/* Optional Section Title */
.mot-account-section-title,
.mot-account-dropdown h3,
.mot-account-dropdown .mot-account-title{
    font-size:11px !important;
    font-weight:700 !important;
    color:#94a3b8 !important;
    margin:10px 7px 6px !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    line-height:1.2 !important;
}

/* Mobile */
@media(max-width:768px){
    .mot-account-dropdown{
        right:-8px !important;
        width:252px !important;
        padding:12px !important;
        border-radius:17px !important;
    }

    .mot-button-text small{
        display:none !important;
    }

    .mot-header-account-btn,
    .mot-header-login-btn{
        min-height:43px !important;
        padding:5px 12px 5px 6px !important;
    }

    .mot-mini-avatar{
        width:33px !important;
        height:33px !important;
    }

    .mot-button-text strong{
        font-size:12px !important;
        max-width:94px !important;
    }

    .mot-account-avatar{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        min-height:46px !important;
    }

    .mot-account-item{
        padding:9px 7px !important;
    }
}

/* Fix: keep dropdown open while moving mouse from button to card */
.mot-header-account-wrap::after{
    content:"" !important;
    position:absolute !important;
    top:100% !important;
    right:0 !important;
    width:100% !important;
    height:18px !important;
    background:transparent !important;
}

.mot-account-dropdown{
    top:calc(100% + 8px) !important;
}

.mot-header-account-wrap:hover .mot-account-dropdown,
.mot-account-dropdown:hover,
.mot-header-account-wrap.is-open .mot-account-dropdown{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c68f6f5 */.elementor-15804 .elementor-element.elementor-element-c68f6f5{
    overflow: visible;
    z-index: 100;
}/* End custom CSS */