.elementor-3201 .elementor-element.elementor-element-d1ba0a3{--display:flex;--min-height:100px;--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;--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(min-width:768px){.elementor-3201 .elementor-element.elementor-element-d1ba0a3{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-e158f66 *//*==================================================
EXAMDHARA HEADER
PART 2A-1
==================================================*/

.ed-header{

    position:sticky;

    top:0;

    left:0;

    width:100%;

    background:#000;

    z-index:99999;

    box-shadow:0 5px 20px rgba(0,0,0,.25);

}

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

.ed-container{

    max-width:1320px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 18px;

    height:72px;

}

/*==================================================
LOGO
==================================================*/

.ed-logo{

    flex-shrink:0;

}

.ed-logo img{

    height:46px;

    width:auto;

    display:block;

}

/*==================================================
NAVIGATION
==================================================*/

.ed-nav{

    margin-left:auto;

}

.ed-nav>ul{

    margin:0;

    padding:0;

    list-style:none;

    display:flex;

    align-items:center;

    gap:6px;

}

.ed-nav>ul>li{

    position:relative;

}

.ed-nav>ul>li>a{

    display:flex;

    align-items:center;

    gap:6px;

    padding:25px 14px;

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.3s;

    position:relative;

    white-space:nowrap;

}

/*==================================================
HOVER EFFECT
==================================================*/

.ed-nav>ul>li>a:hover{

    color:#4da3ff;

}

.ed-nav>ul>li>a::after{

    content:"";

    position:absolute;

    left:14px;

    bottom:14px;

    width:0;

    height:2px;

    background:#4da3ff;

    transition:.3s;

}

.ed-nav>ul>li:hover>a::after{

    width:calc(100% - 28px);

}

/*==================================================
CHEVRON
==================================================*/

.has-dropdown>a i{

    font-size:12px;

    transition:.3s;

}

.has-dropdown:hover>a i{

    transform:rotate(180deg);

}

/*==================================================
DROPDOWN BASE
==================================================*/

.dropdown{

    position:absolute;

    top:100%;

    left:0;

    min-width:260px;

    background:#111;

    padding:10px 0;

    margin:0;

    list-style:none;

    border-radius:12px;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    transition:.35s;

    z-index:999;

}

.has-dropdown:hover>.dropdown{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

/*==================================================
DROPDOWN LINKS
==================================================*/

.dropdown li{

    margin:0;

}

.dropdown li a{

    display:block;

    padding:12px 18px;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

    transition:.25s;

    border-left:3px solid transparent;

}

.dropdown li a:hover{

    background:#1b1b1b;

    border-left:3px solid #4da3ff;

    color:#4da3ff;

}

/*==================================================
HAMBURGER (HIDDEN DESKTOP)
==================================================*/

.ed-toggle{

    display:none;

    color:#fff;

    font-size:24px;

    cursor:pointer;

}





/*==================================================
PART 2A-2
DESKTOP POLISH
==================================================*/

/*==============================
GET THE APP BUTTON
==============================*/

.app-menu{

    margin-left:12px;

}

.app-btn{

    display:flex !important;

    align-items:center;

    gap:8px;

    background:linear-gradient(135deg,#ff7a18,#ff4d00);

    color:#fff !important;

    padding:11px 18px !important;

    border-radius:50px;

    font-size:14px !important;

    font-weight:700 !important;

    line-height:1;

    transition:.35s;

    box-shadow:0 8px 20px rgba(255,122,24,.30);

}

.app-btn i{

    font-size:16px;

}

.app-btn:hover{

    background:linear-gradient(135deg,#ff8c32,#ff5722);

    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(255,122,24,.45);

}

.app-btn::after{

    display:none !important;

}

/*==============================
ACTIVE MENU
==============================*/

.ed-nav>ul>li.current-menu>a,
.ed-nav>ul>li>a.active{

    color:#4da3ff;

}

.ed-nav>ul>li.current-menu>a::after,
.ed-nav>ul>li>a.active::after{

    width:calc(100% - 28px);

}

/*==============================
BETTER DROPDOWN
==============================*/

.dropdown{

    overflow:hidden;

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

    backdrop-filter:blur(8px);

}

.dropdown li+li{

    border-top:1px solid rgba(255,255,255,.05);

}

.dropdown li a{

    position:relative;

    overflow:hidden;

}

.dropdown li a::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:100%;

    background:#1f5fff;

    opacity:.08;

    transition:.3s;

}

.dropdown li a:hover::before{

    width:100%;

}

/*==============================
HEADER TRANSITION
==============================*/

.ed-header{

    transition:all .35s ease;

}

/*==============================
LOGO ANIMATION
==============================*/

.ed-logo img{

    transition:.3s;

}

.ed-logo img:hover{

    transform:scale(1.03);

}

/*==============================
NAV SPACING
==============================*/

.ed-nav>ul>li{

    display:flex;

    align-items:center;

}

/*==============================
MENU LINK
==============================*/

.ed-nav>ul>li>a{

    border-radius:8px;

}

.ed-nav>ul>li>a:hover{

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

}

/*==============================
SCROLLBAR
==============================*/

.dropdown::-webkit-scrollbar{

    width:6px;

}

.dropdown::-webkit-scrollbar-thumb{

    background:#2d6bff;

    border-radius:10px;

}

.dropdown::-webkit-scrollbar-track{

    background:#111;

}

/*==============================
FOCUS ACCESSIBILITY
==============================*/

.ed-nav a:focus{

    outline:none;

}

.ed-nav a:focus-visible{

    outline:2px solid #4da3ff;

    outline-offset:3px;

    border-radius:6px;

}

/*==============================
SMALL DESKTOP
==============================*/

@media(min-width:1025px) and (max-width:1220px){

.ed-container{

padding:0 12px;

}

.ed-nav>ul{

gap:2px;

}

.ed-nav>ul>li>a{

padding:24px 10px;

font-size:14px;

}

.app-btn{

padding:10px 15px !important;

font-size:13px !important;

}

}

/*==============================
LARGE DESKTOP
==============================*/

@media(min-width:1500px){

.ed-container{

max-width:1450px;

}

.ed-nav>ul>li>a{

font-size:15px;

padding:25px 16px;

}

}



/*==================================================
PART 2B
MOBILE RESPONSIVE
==================================================*/

@media(max-width:1024px){

/*==============================
HEADER
==============================*/

.ed-container{

    height:65px;

    padding:0 16px;

}

/*==============================
LOGO
==============================*/

.ed-logo img{

    height:40px;

}

/*==============================
HAMBURGER
==============================*/

.ed-toggle{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    z-index:10001;

}

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

.ed-nav{

    position:fixed;

    top:65px;

    left:-100%;

    width:320px;

    max-width:90%;

    height:calc(100vh - 65px);

    background:#111;

    overflow-y:auto;

    transition:.35s;

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

}

.ed-nav.active{

    left:0;

}

/*==============================
MENU
==============================*/

.ed-nav>ul{

    flex-direction:column;

    align-items:stretch;

    gap:0;

}

.ed-nav>ul>li{

    width:100%;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.ed-nav>ul>li>a{

    justify-content:space-between;

    padding:16px 20px;

    font-size:15px;

}

.ed-nav>ul>li>a::after{

    display:none;

}

/*==============================
DROPDOWN
==============================*/

.dropdown{

    position:static;

    opacity:1;

    visibility:visible;

    transform:none;

    display:none;

    width:100%;

    min-width:100%;

    background:#1a1a1a;

    border-radius:0;

    box-shadow:none;

    padding:0;

    border:none;

}

.dropdown.active{

    display:block;

}

.dropdown li{

    border:none;

}

.dropdown li a{

    padding:14px 32px;

    font-size:14px;

    color:#ddd;

    border-left:none;

}

.dropdown li a:hover{

    background:#222;

    color:#4da3ff;

}

/*==============================
CHEVRON
==============================*/

.has-dropdown>a i{

    transition:.3s;

}

.has-dropdown.active>a i{

    transform:rotate(180deg);

}

/*==============================
GET APP BUTTON
==============================*/

.app-menu{

    padding:18px;

    border:none;

}

.app-btn{

    justify-content:center;

    width:100%;

    padding:14px !important;

    font-size:15px !important;

}

/*==============================
OVERLAY
==============================*/

.ed-overlay{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9998;

}

.ed-overlay.active{

    opacity:1;

    visibility:visible;

}

}

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

@media(max-width:576px){

.ed-container{

height:80px;

padding:0 16px;

}

.ed-logo img{

height:48px;

width:auto;

}

.ed-toggle{

width:46px;

height:46px;

font-size:26px;

}

.ed-nav{

top:80px;

height:calc(100vh - 80px);

width:100%;

max-width:100%;

}

.ed-nav>ul>li>a{

padding:15px 18px;

font-size:14px;

}

.dropdown li a{

padding:13px 28px;

font-size:13px;

}

.app-btn{

font-size:14px !important;

padding:12px !important;

}

}

/*==================================================
DESKTOP
==================================================*/

@media(min-width:1025px){

.ed-nav{

display:block !important;

left:auto !important;

position:relative;

height:auto;

width:auto;

background:transparent;

}

.dropdown{

display:block;

}

}/* End custom CSS */