@import url("variable.css");

body.ov-hidden {overflow: hidden;}

/* Header */
.site-header, .site-footer {
    background: var(--primary-color);
}

.site-header.sticky {
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    position: fixed;    
}

.header-strip {
    position: relative;
    padding: 10px 20px;
    font-weight: 400;    
    background: var(--dark-header-strip-blue);
}
.header-strip .description {
    font-weight: 400;
    position: relative;
    padding-left: 30px;
    display: inline-block;    
}
.header-strip .description::before {
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    background: url('../images/firecracker.png') no-repeat left center / 24px;
}
.header-strip .close-icon {
    right: 20px;
    top: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;    
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-strip .close-icon svg path {
    fill: var(--white-color);
}

.site-header .header-menu {
    /* padding: 15px 0; */
    position: relative;
}
@media(max-width: 767px) {
    .site-header .header-menu {
        padding: 0;
    }
}

.site-header .header-menu .container {
    display: flex;  
    max-width: 1280px;  
    align-items: center;    
    justify-content: space-between;
}

.site-logo {
    margin-right: 30px;
}

.site-logo a {
    display: block;
}

.left-col, .right-col {
    display: flex;
    align-items: center;
}

.all-courses {
    height: 44px;
    display: block;
    font-size: 14px;
    padding: 0 22px;
    font-weight: 400;
    line-height: 40px;
    border-radius: 8px;    
    transition: all 0.3s;    
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    border: 2px solid var(--white-color);
    background: rgba(255, 255, 225, 0.15);
}

.all-courses .icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-courses .title-txt {
    margin: 0 8px;
    display: inline-block;    
}

.all-courses .dropdown-icon {
    transition: all 0.3s;
}

.all-courses:hover,
.all-courses.active {
    background: #04253f;
}

.all-courses.active .dropdown-icon {
    transform: rotate(-180deg);
}

.right-col .search-box {
    width: 300px;
    margin-right: 15px;
    position: relative;
}

.right-col .search-box .form-control {
    border-radius: 30px;
    padding: 0 40px 0 20px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    border: 0;
    font-family: "Outfit", sans-serif;
    background: var(--white-color);
}

.right-col .search-box .submit-btn {    
    top: 50%;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    right: 20px;
    cursor: pointer;
    position: absolute;    
    background: transparent;    
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-col .search-box .form-control::-webkit-input-placeholder {    
  color: #B3B3B3;  
  font-family: "Outfit", sans-serif;
}

.right-col .search-box .form-control::-moz-placeholder {    
  color: #B3B3B3;  
  font-family: "Outfit", sans-serif;
}

.right-col .search-box .form-control:-ms-input-placeholder {    
  color: #B3B3B3;  
  font-family: "Outfit", sans-serif;
}

.right-col .search-box .form-control::-ms-input-placeholder {    
  color: #B3B3B3;  
  font-family: "Outfit", sans-serif;
}

.right-col .search-box .form-control::placeholder {    
  color: #B3B3B3;  
  font-family: "Outfit", sans-serif;
}

.right-col .login-register.no-login {
    padding: 15px 0;
}
.right-col .login-register ul {
    display: flex;
    align-items: center;
}

.right-col .login-register ul li {
    display: inline-block;
    margin-right: 15px;
}

.right-col .login-register ul li:last-child {
    margin-right: 0;
}

.right-col .login-register .menu-link {    
    height: 44px;
    font-size: 14px;
    padding: 0 30px;
    line-height: 40px;
    border-radius: 8px;
    display: block;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s;    
    border: 2px solid #FFF;
}

.right-col .login-register .menu-link:hover {
    text-decoration: none;
    background: #04253f;
}

.right-col .login-register .menu-link.menu-link-fill {
    color: #053C68;
    background: #fff;
}

.right-col .login-register .menu-link.menu-link-fill:hover {
    color: #fff;
    background: #04253f;    
}

.right-col .login-register .menu-link .icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-col .login-register .menu-link .icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;    
}

.header-nav {    
    left: 0;
    right: 0;
    top: 100%;
    z-index: 9;
    display: none;
    padding: 30px 0;
    position: absolute;
    background: #fff;    
    box-shadow: 0 6px 27px 0 rgba(0, 0, 0, 0.18);
}
.header-nav .menu-main-menu-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1280px;
    margin: 0 auto;
}
.menu {position: relative;}
.menu > li.menu-item {width: 300px; margin-bottom: 5px; transition: all 0.3s;}
.menu > li.menu-item:last-child {margin-bottom: 0;}
.menu > li.menu-item > a {padding: 15px 45px 15px 20px; display: block; color: #101828; transition: all 0.3s; font-weight: 500; position: relative; font-size: 15px;}
.menu > li.menu-item > a::after {opacity: 0; visibility: hidden; position: absolute; content: ""; right: 15px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-repeat: no-repeat; background-size: 100%; background-position: center center; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><g clip-path="url(%23clip0_60_439)"><path d="M6.91332 8.06554C6.76465 7.91687 6.69328 7.73722 6.69924 7.5266C6.70567 7.31598 6.78323 7.13633 6.93191 6.98765L9.03191 4.88764H0.743368C0.532747 4.88764 0.356073 4.81628 0.213347 4.67356C0.0711156 4.53132 0 4.3549 0 4.14427C0 3.93366 0.0711156 3.75698 0.213347 3.61425C0.356073 3.47202 0.532747 3.40091 0.743368 3.40091H9.03191L6.91332 1.2823C6.76465 1.13364 6.69031 0.956962 6.69031 0.752288C6.69031 0.54811 6.76465 0.371684 6.91332 0.22301C7.062 0.0743366 7.23866 0 7.44334 0C7.64752 0 7.82394 0.0743366 7.97263 0.22301L11.3735 3.62392C11.4479 3.69825 11.5006 3.77879 11.5319 3.86551C11.5626 3.95224 11.578 4.04516 11.578 4.14427C11.578 4.24339 11.5626 4.33631 11.5319 4.42303C11.5006 4.50976 11.4479 4.5903 11.3735 4.66463L7.95403 8.08412C7.81775 8.2204 7.64752 8.28855 7.44334 8.28855C7.23866 8.28855 7.062 8.21421 6.91332 8.06554Z" fill="%230042A2"/></g><defs><clipPath id="clip0_60_439"><rect width="11.578" height="9.26236" fill="white"/></clipPath></defs></svg>'); transition: all 0.3s;}
.menu > li.menu-item:hover > a, .menu > li.menu-item.active > a, .menu > li.menu-item.current-menu-ancestor > a {border-radius: 10px; background: #F1F3FA; color: #053C68; text-decoration: none;}
.menu > li.menu-item:hover > a::after, .menu > li.menu-item.active > a::after, .menu > li.menu-item.current-menu-ancestor > a::after  {opacity: 1; visibility: visible;}
.menu > li.menu-item > .sub-menu {display: none; position: absolute; top: 0; left: 300px; height: 100%; width: calc(100% - 300px); padding-left: 35px; padding-right: 300px; transition: all 0.3s;}
.menu > li.menu-item.active > .sub-menu {display: block;}

.menu > li.menu-item > .sub-menu li.arrow-links {margin-top: 20px;}
.menu > li.menu-item > .sub-menu li.arrow-links a {color: #053C68; font-weight: 600; transition: all 0.3s; font-size: 15px;}
.menu > li.menu-item > .sub-menu li.arrow-links a i {margin-left: 5px;}

.menu > li.menu-item > .sub-menu > .menu-item-has-children, .menu > li.menu-item > .sub-menu > .menu-item-has-children .menu-link {display: block;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .no-link,
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link {color: #101828; padding: 15px 0; border-bottom: 1px solid #053C68; position: relative; transition: all 0.3s; pointer-events: none; display: block;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link::after {transition: all 0.3s; top: 50%; right: 20px; content: ""; width: 20px; height: 20px; position: absolute; transform: translateY(-50%); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M19.3201 9.45633C19.8707 8.90571 19.8707 8.0115 19.3201 7.46088L12.2722 0.412964C11.7216 -0.137655 10.8274 -0.137655 10.2767 0.412964C9.72613 0.963583 9.72613 1.85779 10.2767 2.40841L14.924 7.05122H1.40958C0.629908 7.05122 0 7.68113 0 8.46081C0 9.24048 0.629908 9.87039 1.40958 9.87039H14.9196L10.2812 14.5132C9.73053 15.0638 9.73053 15.958 10.2812 16.5086C10.8318 17.0593 11.726 17.0593 12.2766 16.5086L19.3245 9.46073L19.3201 9.45633Z" fill="%23053C68"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: 20px 17px; display: none;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .no-link > .menu-item-title,
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link > .menu-item-title {font-size: 24px; font-weight: bold; line-height: 34px; display: block;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .no-link > .menu-item-description,
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link > .menu-item-description {display: block; color: #475467; font-size: 14px;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu {margin-top: 15px; display: flex; flex-wrap: wrap;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li {width: 50%; padding: 7px 15px; position: relative; min-height: 69px; display: flex;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li .menu-link {color: #101828; position: relative; padding-left: 62px; transition: all 0.3s; display: flex; align-items: center;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li .menu-link::before {width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; border: 2px solid #E3F0F4; border-radius: 10px; position: absolute; content: ""; left: 0; top: 0; background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_416)"><mask id="mask0_1_416" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M6.10352e-05 9.34601e-05H24.0001V24.0001H6.10352e-05V9.34601e-05Z" fill="white"/></mask><g mask="url(%23mask0_1_416)"><path d="M2.81256 20.25C2.81256 18.6967 4.07176 17.4375 5.62506 17.4375H18.3282C19.8815 17.4375 21.1407 16.1783 21.1407 14.625V3.74997C21.1407 2.19667 19.8815 0.937471 18.3282 0.937471H5.62506C4.07176 0.937471 2.81256 2.19667 2.81256 3.74997V20.25ZM2.81256 20.25C2.81256 21.8033 4.07176 23.0625 5.62506 23.0625H18.3282C19.8815 23.0625 21.1407 21.8033 21.1407 20.25" stroke="%234D8BFF" stroke-width="1.875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.48444 6.32809H15.5157" stroke="%234D8BFF" stroke-width="1.875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><clipPath id="clip0_1_416"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>'); background-position: center; background-repeat: no-repeat; background-size: 24px;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li .menu-link > .menu-item-title {font-size: 15px; font-weight: 600; line-height: normal; display: block;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li .menu-link > .menu-item-title .new-tag {top: -2px; color: #fff; font-size: 12px; margin-left: 5px; padding: 3px 8px; line-height: 16px; border-radius: 3px; position: relative; font-weight: normal; display: inline-block; background: #4D8BFF; margin-top: 5px;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li .menu-link > .menu-item-description {display: block; color: #475467; font-size: 14px;}

.menu > li.menu-item > .sub-menu > li.arrow-links:hover > a,
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link:hover,
.menu > li.menu-item.active > .sub-menu > li.current-menu-item > .menu-link,
.menu > li.menu-item.active > .sub-menu > li.current-menu-item.arrow-links > a,
.menu > li.menu-item.active > .sub-menu > li > .sub-menu > li.current-menu-item > .menu-link,
.menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li:hover .menu-link {color: #4D8BFF;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children:hover > .menu-link::after,
.menu > li.menu-item.active > .sub-menu > li.current-menu-item > .menu-link::after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M19.3201 9.45633C19.8707 8.90571 19.8707 8.0115 19.3201 7.46088L12.2722 0.412964C11.7216 -0.137655 10.8274 -0.137655 10.2767 0.412964C9.72613 0.963583 9.72613 1.85779 10.2767 2.40841L14.924 7.05122H1.40958C0.629908 7.05122 0 7.68113 0 8.46081C0 9.24048 0.629908 9.87039 1.40958 9.87039H14.9196L10.2812 14.5132C9.73053 15.0638 9.73053 15.958 10.2812 16.5086C10.8318 17.0593 11.726 17.0593 12.2766 16.5086L19.3245 9.46073L19.3201 9.45633Z" fill="%234D8BFF"/></svg>');}

.menu > li.menu-item > .sub-menu .featured-menu { top: 0; right: 0; height: 100%; margin-left: 30px; padding-left: 30px; position: absolute; width: calc(300px - 30px); border-left: 1px solid #B3CDFF; display: none; }
.menu > li.menu-item > .sub-menu .featured-menu a { color: #101010; font-weight: 600; display: inline-block; margin-bottom: 10px; width: 100%; }
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu { margin: 0; }
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li {width: 100%; padding: 0;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li .menu-image {display: block; border-radius: 9px; overflow: hidden;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li .menu-image > img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li span.menu-title {display: block; margin: 13px 0; font-weight: 500; font-size: 18px; transition: all 0.3s;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li span.explore-txt {transition: all 0.3s; font-size: 14px;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li a {margin: 0; transition: all 0.3s; padding: 0;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li a::before {display: none;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li:hover a {color: inherit;}
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li span.menu-title:hover,
.menu > li.menu-item > .sub-menu > .menu-item-has-children.featured-menu > .sub-menu > li span.explore-txt:hover {color: #4D8BFF;}

@media (min-width: 1280px) {
    .menu > li.menu-item > .sub-menu .featured-menu {display: block;}
}

@media (max-width: 1279px) {
    .menu > li.menu-item > .sub-menu {padding-right: 0;}    
    .right-col .search-box {width: 250px;}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li .menu-link {padding-left: 62px;}

}

@media (max-width: 991px) {
    .site-logo {margin-right: 15px;}
    .all-courses {padding: 0 8px;}
    .right-col .search-box {width: 170px; display: inline-block; margin-right: 0;}
    .right-col .login-register .menu-link {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent !important;}
    .right-col .login-register .menu-link:hover {background: #008cff !important;}    
    .menu > li.menu-item {width: 300px;}
    .menu > li.menu-item > .sub-menu {left: 300px; padding-left: 20px; width: calc(100% - 300px);}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li {min-height: 55px; padding: 0; margin-bottom: 15px; width: 100%;}

    .user-avatar-item .user-avatar-trigger .user-avatar-info, .user-avatar-item .user-avatar-trigger .user-avatar-chevron {display: none;}
    .user-avatar-dropdown::after {right: 15px;}

    .right-col .login-register ul li {margin: 0 0 0 15px;}
    .right-col .login-register ul li:last-child {display: none;}    
    .right-col .login-user-header {margin-left: 10px;}
}

@media (max-width: 767px) {        
    .header-strip .container {max-width: 100%;}
    .header-strip .description {padding-left: 15px; font-size: 12px; line-height: 16px; padding-right: 15px;}
    .header-strip .description::before {top: 0; width: 15px; height: 15px; background-size: 15px;}

    .site-logo {margin-right: 0;}
    .right-col .login-register ul li {margin: 0 0 0 15px;}
    .right-col .search-box, .right-col .login-register ul li:last-child {display: none;}
    .left-col {width: 100%; display: flex; justify-content: space-between;}    
    .all-courses {padding: 0; width: 44px; text-align: center; background: transparent; font-size: 16px;}
    .all-courses .icon, .all-courses .title-txt {display: none;}
    .all-courses .title-txt {margin: 0 0 0 8px;}

    /* .right-col .login-register.no-login, .right-col .user-avatar-item {padding: 0;} */
    
    .header-nav {overflow-y: auto; height: calc(100vh - 118px); padding: 20px 0;}
    .close-header-strip .header-nav {height: calc(100vh - 74px);}

    .all-courses:hover, .all-courses.active {background: var(--brand_secondary);}

    .menu > li.menu-item {width: 100%;}    
    .menu > li.menu-item > .sub-menu {left: 0; padding: 20px; width: 100%; position: relative; background: #fff; box-shadow: 0 0 10px #d2d9f1; margin-top: 10px; border-radius: 10px; transition: none;}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li {width: 100%;}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .sub-menu > li:last-child {margin-bottom: 0;}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link {padding: 0 0 15px;}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link > .menu-item-title {font-size: 18px; line-height: 28px;}
    .menu > li.menu-item > .sub-menu > .menu-item-has-children > .menu-link::after {top: 6px; right: 0; content: ""; width: 16px; height: 16px; background-size: 16px 13px; transform: inherit;}
    
    .menu > li.menu-item {margin-bottom: 10px;}
    .menu > li.menu-item > a {border-radius: 10px; background: #F1F3FA; color: #053C68; text-decoration: none;}
    .menu > li.menu-item.current-menu-ancestor > a {background: var(--primary-color); color: var(--white-color);}
    .menu > li.menu-item.current-menu-ancestor > a::after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z" fill="%23ffffff"/></svg>');}
    .menu > li.menu-item-has-children > a::after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z" fill="%23053C68"/></svg>'); width: 20px; height: 20px; opacity: 1; visibility: visible;}
    .menu > li.menu-item.menu-active > a::after {transform: translateY(-50%) rotate(-180deg);}
    .menu > li.menu-item-profile > a {display: flex; align-items: center;}
    .menu > li.menu-item-profile > a::after {display: none;}    
    .menu > li.menu-item-profile .profile-img {width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; margin-right: 10px; background: #fff;}
    .menu > li.menu-item-profile .profile-img img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}

    
    
    .menu > li.menu-item.menu-active > .sub-menu > li.current-menu-item > .menu-link,
    .menu > li.menu-item.menu-active > .sub-menu > li.current-menu-item.arrow-links > a,
    .menu > li.menu-item.menu-active > .sub-menu > li > .sub-menu > li.current-menu-item > .menu-link {color: #4D8BFF;}

    /* .menu > li.menu-item.current-menu-ancestor > a {background: #053c68; color:#fff;}
    .menu > li.menu-item.current-menu-ancestor > a::after {transform: translateY(-50%) rotate(-180deg); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z" fill="%23fff"/></svg>');} */
}
@media (max-width: 484px) {    
    .header-nav {height: calc(100vh - 128px);}
}


/*Shail Added*/
.login-user-header > ul{display:flex;}
.user-avatar-item{position:relative;list-style:none;display:inline-block;padding:15px 0;}

/* Row: circle + name/subtitle + chevron */
.user-avatar-trigger{padding:0;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;}
.user-avatar-trigger .user-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;}
.user-avatar-trigger img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;justify-content:flex-start;}
.user-avatar-circle{font-weight:600;font-size:15px;letter-spacing:1px;}
.user-avatar-info{display:flex;flex-direction:column;line-height:1.2;}
.user-avatar-name{font-weight:600;font-size:14px;color:#fff; text-transform: capitalize;}
.user-avatar-sub{font-size:12px;color:#fff;}
.user-avatar-chevron{font-size:12px;color:#fff;transition:transform 0.2s ease;}

/* Rotate chevron on hover for a nice touch */
.user-avatar-item:hover .user-avatar-chevron{transform:rotate(-180deg);}

/* Dropdown panel - hidden by default, hover-only reveal */
.user-avatar-dropdown{top:100%;right:0;margin:0;z-index:999;padding:10px;display:none;min-width:220px;position:absolute;border-radius:10px;background:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,0.15);}
.user-avatar-dropdown::after{position:absolute;content:"";right:20px;top:-7px;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;width:0;height:0;}
.user-avatar-dropdown li{list-style:none;margin-bottom:4px;}
.user-avatar-dropdown li:last-child{margin-bottom:0;}
.user-avatar-dropdown li a{gap:10px;display:flex;color:#101828;align-items:center;padding:10px 16px;text-decoration:none;font-size:15px;font-weight:500;border-radius:10px;}
.user-avatar-dropdown li a:hover{background-color:#eaf6ff;}
.user-avatar-dropdown li > a > span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;}
.user-avatar-dropdown li > a > span > svg{width:22px;height:22px;}
.dash-icon{display:inline-flex;color:#555;}

/* Pure CSS hover trigger — no JavaScript required */
.user-avatar-item:hover .user-avatar-dropdown{display:block;}
.search-box{position:relative;width:100%;}
.search-results{position:absolute;top:calc(100% + 8px);left:inherit;right:0;z-index:1000;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.08);max-height:450px;overflow-y:hidden;width:500px;}
.reasult-courses-list {
    padding: 10px 0;
    overflow-y: auto;
    height: 300px;
    margin-bottom: 5px;
}
.reasult-courses-list .reasult-courses:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.search-results__list .reasult-courses a{color:var(--navyslate);display:flex;align-items:center;gap:0 10px;}
.search-results__list .reasult-courses img{width:100px;border-radius:5px;overflow:hidden;-o-object-fit:cover;object-fit:cover;flex:0 0 100px;-o-object-position:center center;object-position:center center;margin:0;}
.search-results__list a.result-btn-all{text-align:center;background:#fff;color:var(--navyslate);padding:0;border-radius:30px;cursor:pointer;text-align:left;display:flex;align-items:center;align-content:center;}
.search-results__list a.result-btn-all:hover{text-decoration:none;color:var(--brand_secondary);}
.search-results__list .no-reasult{padding:25px;}
.search-results__list .reasult-courses a p{margin-bottom:0;font-size:16px;line-height:normal;color:var(--navyslate);}
.search-results__list{padding:5px 10px;display:flex;flex-direction:column;}
.search-results__list .reasult-courses a:hover p{color:var(--brand_secondary);}
.search-results__list a.result-btn-all:hover i svg{fill:var(--brand_secondary);}
.search-results__list a.result-btn-all i{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:5px;margin-top:3px;}
.search-results__list a.result-btn-all i svg{width:100%;height:100%;}
.search-results__list a.result-btn-all.bottomresultbtn {
    margin-top: 5px;
    margin-bottom: 5px;
}
@media (min-width:992px) and (max-width:1199px){
    .search-results{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,0.08);left:inherit;max-height:450px;overflow-y:auto;width:500px;}
}
@media (min-width:768px) and (max-width:991px){
    .search-results{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,0.08);max-height:450px;overflow-y:auto;width:500px;left:inherit;}
}
.lp-course-curriculum .course-curriculum-info{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;}
.lp-archive-courses .lp-course-curriculum ul{padding:0;}
.lp-course-curriculum .course-curriculum-info__left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.lp-course-curriculum .course-curriculum-info__left li{display:inline-flex;align-items:center;gap:8px;}
.reasult-courses .course-curriculum-info{width:100%;}
.reasult-courses .course-curriculum-info ul.course-meta{margin-bottom:0;}
.reasult-courses .course-curriculum-info ul.course-meta li{font-size:14px;position:relative;display:inline-flex;align-items:center;padding-right:8px;color:var(--navyslate);}
.search-results__list .reasult-courses{padding-bottom:10px;border-bottom:1px solid var(--pastelgreen);margin-bottom:10px;}
.reasult-courses .course-curriculum-info ul.course-meta li::after{content:"";width:4px;height:4px;background-color:var(--navyslate);display:inline-block;left:5px;position:relative;top:1px;border-radius:50%;}
.reasult-courses .course-curriculum-info ul.course-meta li:last-child:after{display:none;}
.search-results__list a.result-btn-all.serchabtn{font-size:14px;color:var(--brand_secondary);}
.search-results__list a.result-btn-all.serchabtn i svg path{fill:var(--brand_secondary);}
.search-results__list a.result-btn-all:hover i svg path{fill:var(--brand_secondary)}