

@media screen and (min-width: 768px) {
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a {position: relative;}
	body #mega-menu-wrap-primary #mega-menu-primary  > li.mega-menu-item a:after {content: '';position: absolute !important;background: #641117 !important;margin: 0 !important;left: 0 !important;right: auto !important;width: 0% !important;bottom: 8px !important;z-index: 2 !important;height: 2px !important;border-radius: 2px !important;-webkit-transition: width 0.3s ease-in-out !important;-moz-transition: width 0.3s ease-in-out !important;-o-transition: width 0.3s ease-in-out !important;transition: width 0.3s ease-in-out !important;}
	body.rtl #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:after {left: auto !important;right: 0 !important;}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a:after,
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a:after {width: 100%!important;}
}

.rtl #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > > a.mega-menu-link {text-align: right;}
.rtl #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
.rtl #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {text-align: right;}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {display: none;margin: 0;}
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary {box-shadow: 0 10px 15px rgba(0,0,0,.04);}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 5px 10px;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-weight: 500}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);background: #fff}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);background: #fff;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {border-bottom: 1px solid #f0f0f0}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	font-size: 18px;padding: 5px 10px;
	
}
.rtl #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	text-align: right
}


@media screen and (max-width: 768px) {
	.phone-whatsapp {justify-content: center;margin: 12px auto;text-align: center;}
	.header-bot .logo-search-icons {justify-content: center;}
	.header-bot .logo-search-icons .logo {margin-bottom: 20px;}
	.header-bot .logo-search-icons .search-icons {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;position: relative;z-index: 9;}
	.search-box {width: 100%;flex-shrink: 0 !important;}
	.rtl #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {text-align: right;}	

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {background: transparent;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background: rgb(88,2,25);color: #fff;border: 0;font-size: 17px}
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
	right: 20%;
	left: auto;
	float: right
}




















.megamenu-wrap {
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    left: 0;
    padding: 0;
    margin: 0;
    /* top: 42px; */
}
.rtl .megamenu-wrap {right: 0;left: auto}
.megamenu-wrap.active,
.megamenu-wrap.show,
.megamenu-wrap:hover {
    visibility: visible;
    opacity: 1;
}
.megamenu-wrap.show,
.megamenu-wrap:hover {
    z-index: 9999999;
}
.megamenu-wrap .container {padding: 0 50px 0 0}
.rtl .megamenu-wrap .container {padding: 0 0 0 50px}
@media (max-width: 767px) {
    .d-phone-none, .megamenu-wrap {
        display: none;
    }
    
}

.category-menu-wrap {
    position: relative;
    --cm-w: 250px;
    margin-right: 150px;
}

.category-menu-wrap .category-menu {
    list-style: none;
    padding: 5px 10px 5px 15px;
    display: flex;
    flex-direction: column;
    width: var(--cm-w);
    background-color: var(--atv-bg-color8);
    padding-block: 0.5rem;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid var(--atv-bg-color8);
    box-shadow: 0px 0px 2px 0px rgba(0, 113, 220, 0.05),
        0px 2px 5px -4px rgba(27, 127, 237, 0.05);
    margin-top: 5px;
    margin-bottom: 0;
    /* max-height: 386px; */
    overflow-y: auto;
}

.category-menu-wrap .category-menu > li {
    padding: 0.45rem 0rem;
}

.category-menu-wrap .category-menu > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
    font-weight: 500;
}


.category-menu-wrap .category-menu > li > a i {
    font-size: 14px;
    color: #cacaca;
    transition: all 200ms;
}

.category-menu-wrap .category-menu > li > a:hover {
	color: var(--atv-color1)
}

.category-menu-wrap .category-menu > li:not(:last-child) {
    border-bottom: 1px solid rgb(255 255 255 / 4%);
}

.category-menu-wrap .mega_menu {
    position: absolute;
    width: calc(100% - var(--cm-w));
    top: 0;
    inset-inline-start: var(--cm-w);
    background-color: var(--atv-bg-color8);
    padding: 1.25rem;
    padding-right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--cm-w), 1fr));
    row-gap: 1.5rem;
    min-height: 100%;
    transition: all 300ms;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transform: translate(0.5rem, 0.5rem);
    transform-origin: left;
}

.category-menu-wrap .category-menu > li.has-sub-item:hover .mega_menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0rem, 0rem);
}

@media (min-width: 1200px) {
    .category-menu-wrap .mega_menu {
        padding: 2.5rem 1.5rem;
    }
}

.category-menu-wrap .mega_menu_inner {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-inline: 1.25rem;
    font-size: 15px;
}

.category-menu-wrap .mega_menu_inner:not(:nth-child(3n)) {
    border-left: 1px solid #e2e8f00d;
}
.rtl .category-menu-wrap .mega_menu_inner:not(:nth-child(3n)) {
	border-right: 0;
    border-left: 1px solid #e2e8f0;
}

.category-menu-wrap .mega_menu h6 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.category-menu-toggle-btn-text {
    /* margin-right: 10px !important; */
    /* margin-left: 10px !important; */
}

@media (max-width: 991px) {
    .category-menu-toggle-btn-text {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
    .__mega-nav {
        width: 180px !important;
    }
    .nav-item .dropdown-toggle::after {
        margin-left: 6px !important;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 14px;
    }
}


.category-menu-toggle-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    /* border: 2px solid #9a586a; */
    /* padding: 0 25px; */
    border-radius: 40px;
    color: #ffffff;
    height: 48px;
    margin-right: 15px;
}
.category-menu-toggle-btn:hover, .category-menu-toggle-btn:focus {color: #fff;}
.category-menu-toggle-btn:before {}
.category-menu-toggle-btn::after {display: none;}












.thebox-modal {z-index: 9999999999;}
.modal-content {background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(15px);border-radius: 15px;}
.menu-opened .left-sidebar {right: auto;}
.left-sidebar {right: auto;z-index: 99999999999999;top: 5px !important;bottom: 5.5rem;height: auto;border: 0;/* left: 0; */max-width: 290px !important;width: calc(100% - 80px) !important;margin-left: -26px;}
.left-sidebar .brand-logo {background: rgb(246 246 246 / 9%);padding: 10px 20px 10px 10px;margin: 0 10px;border: 0;border-radius: 29px;min-height: auto;flex-grow: 1;flex-shrink: 0;}
.left-sidebar .brand-logo img {height: 24px;width: auto;}
.left-sidebar .sidebartoggler {font-size: 15px;color: #fff;margin-left: 8px;margin-top: 0px;position: relative;top: 1px;}
.left-sidebar #sidebarnav {padding: 0 10px;}
.left-sidebar .scroll-sidebar {margin: 10px 0;height: calc(100% - 142px);/* max-height: 35%; */overflow: auto;flex-shrink: 0;}
.left-sidebar .fixed-profile {background: rgb(246 246 246 / 10%);z-index: 9999999;margin: 0 10px !important;border-radius: 19px !important;}
.left-sidebar .fixed-profile {padding: 10px !important;position: relative;bottom: auto;left: auto;right: auto;flex-grow: 1;}
.left-sidebar .fixed-profile .btn {border-radius: 26px;padding: 5px 15px;margin: 0;}

.sidebar-nav ul .sidebar-item .sidebar-link {line-height: 15px}
body.menu-opened:before,
body.notifications-active:before,
body.search-active:before,
body.userpro-active:before {content: '';position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);z-index: 999999}
.left-sidebar,
.thebox-modal .thebox-window,
.popup-userpro,
.popup-notifications {transition: transform 0.5s ease-in-out;display: block;border-radius: 20px 20px 20px 20px;position: fixed;top: 90px;left: 50%;transform: translate(-50%, -200%);width: 320px;z-index: 9999999;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(15px);padding: 10px 0;}
.menu-opened .left-sidebar,
.userpro-active .popup-userpro,
.notifications-active .popup-notifications {display: block;transition: transform 0.5s ease-in-out;transform: translateX(-50%);}
.warp-left-sidebar {display: flex;justify-content: space-around;flex-direction: column;height: 100%;}
.sidebartoggler-close {margin-left: 5px;font-size: 13px;background: #e23838;width: 30px;height: 30px;border-radius: 20px;display: inline-flex !important;justify-content: center;align-items: center;}
.popup-notifications .notifications-head {flex-direction: row !important;background: rgb(246 246 246 / 9%);padding: 10px 20px 10px 10px;margin: 0 10px;}
.notifications-head h5 {font-size: 14px;}
.popup-notifications .d-flex.align-items-center.justify-content-between {flex-direction: row!important;}
.popup-notifications .message-body {padding: 10px;max-height: 300px;overflow: auto}
.popup-notifications .message-body h6 {color: #fff;font-size: 14px}
.popup-notifications .message-body a {color: #fff;margin-bottom: 8px;display: block;border-bottom: 1px solid rgb(246 246 246 / 9%);padding-bottom: 8px}
.popup-notifications .message-body a:last-child {border: 0;padding: 0;}
.popup-notifications .message-body span {padding: 2px 8px;border-radius: 15px;}
.popup-notifications .notifications-footer {background: rgb(246 246 246 / 9%);display: flex;align-items: center;justify-content: space-between;padding: 10px;border-radius: 20px 20px;margin: 0 10px 0 10px;}
.popup-notifications .notifications-footer a {display: inline-flex;align-items: center;text-align: center;border-radius: 15px;height: 30px;padding: 0 12px;gap: 5px}
.thebox-modal .thebox-window{display: block;transform: translateX(-50%);padding: 15px;}
.thebox-modal h3.bordered {border-bottom: 1px solid rgb(246 246 246 / 9%);margin: 0;line-height: 1;height: auto;padding-bottom: 15px;}
.thebox-modal .thebox-window .close {font-size: 14px;margin-top: 5px;}
.popup-userpro .fuserpro {background: rgb(246 246 246 / 9%);margin: 2px 10px;border-radius: 20px;padding: 5px 15px 5px 8px;}
.popup-userpro .ajax-payment-request {background: #084552;margin: 12px 10px 2px 10px;border-radius: 20px;color: #fff;font-size: 13px;}
.close-userpro,
.close-notifications {position: absolute;top: -18px;right: -10px;;background: #dc4646;border-radius: 50%;width: 22px;height: 22px;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;}

.nav-mobile {display: none;width: max-content;padding: 0.5rem 1rem;z-index: 9999999;position: fixed;left: 50%;transform: translateX(-50%);bottom: 1rem;gap: 0.1rem;border-radius: 3rem;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(15px);}
.nav-mobile a {background: transparent;padding: 0.5rem;border-radius: 50%;display: flex;color: #fff;font-size: 1.2rem;}
.nav-mobile svg {width: 1.8rem;height: 1.8rem}
.nav-mobile a:hover {background: rgba(0, 0, 0, 0.3);}

.nav-mobile .btn-open-userpro {position:relative;}
.nav-mobile .btn-open-userpro:before {background: var(--atv-bg-color8);display: block;content: '';position: absolute;top: 0px;left: 0;height: calc(100%);width: calc(100%);z-index: -1;border-radius: calc(2 * 16px);}
.nav-mobile .btn-open-userpro:after {display: block;content: '';position: absolute;top: -.1rem;left: -.1rem;height: calc(100% + .11rem * 2);width: calc(100% + .11rem * 2);background: linear-gradient(60deg, var(--atv-bg-color1), var(--atv-bg-color1), var(--atv-bg-color1), #f79533, #f37055, #ef4e7b, var(--atv-bg-color1), #5073b8, #1098ad, #07b39b, #6fba82, var(--atv-bg-color1), var(--atv-bg-color1), var(--atv-bg-color1));border-radius: calc(2 * 16px);z-index: -2;animation: 3s infinite alternate animatedgradient;background-size: 300% 300%;}

.userpro-active .nav-mobile a.btn-open-userpro svg,
.notifications-active .nav-mobile a.btn-open-notifications svg,
.search-active .nav-mobile a.btn-open-search svg,
.nav-mobile a.active svg {fill: var(--atv-color1);}
.userpro-active .nav-mobile a.btn-open-userpro,
.notifications-active .nav-mobile a.btn-open-notifications,
.search-active .nav-mobile a.btn-open-search,
.nav-mobile a.active {background: var(--atv-bg-color8);color: var(--atv-color1);}

.nav-mobile .popup-badge {position: absolute;top: 2px;right:2px;font-size: 13px;width: 18px;height: 18px;display: inline-flex;justify-content: center;align-items: center;opacity: 0.8}
@media only screen and (max-width: 878px) {
    .progress-wrap.active-progress {display: none;}
    .nav-mobile {display: flex;}
	.footer {padding-bottom: 95px}
	.search-popup {top:auto;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(15px);border-radius: 3rem;margin: 0 20px;width: calc(100% - 40px);height: 50px;padding: 0 9px;}
	.search-active .search-popup {bottom: 5.5rem;}
    .form-holder-outer {padding: 0 10px;}
	.search-popup .close-search {margin-top: 4px}
	.search-popup i {font-size: 14px;}
	.fixed-header {position: relative;z-index: 99;}
	.topbar .navbar .navbar-nav .dropdown-menu.dropdown-user {min-width: 275px;}
	.topbar {padding: 0 10px}
	.most-viewed-header .d-flex {flex-direction: column;gap: 10px;}
	.vm-vertical-menu {position: fixed;transform: translateX(150%);z-index: 999999999}
	#wrapper-layout {margin:0}
	.menu-opened .vm-vertical-menu  {transform: translateX(0%);top: 10%;right: 12px}
	.vm-vertical-warp {background: rgba(0, 0, 0, 0.8);}
}