main{
	max-width: 1920px;
	margin: auto !important;
}
.mb-none p:last-child{
margin-bottom:0 !important;
}
.fw-500 strong{
	font-weight: 500 !important;
}
.custom-link-700 a{
	  font-weight: 700 !important;
}
.custom-link a{
		font-weight: 500;
    color: inherit !important;
    font-size: inherit !important;
		line-height: inherit !important;
    text-decoration: none !important;
}
.ul-pd-left ul{
	padding-left: 24px !important;
}
.tiles-container{
	min-width: fit-content !important;
}

/* ============================================
   Search Widget Style
   ============================================ */
a:focus,
a:focus-within,
a:focus-visible,
button:focus,
button:focus-within,
button:focus-visible,
input:focus,
input:focus-within,
input:focus-visible,
.ep-search-reset-button:focus,
.ep-search-sidebar .ep-search-panel .ep-search-icon-button:focus,
.ep-search-panel__button:focus {
  outline: 0px !important;
}
/* no hover color on Main menu items having megamenu */

.elementskit-navbar-nav > li.no-hover:hover > a{
  color: inherit !important;
}

body.has-ep-search-modal{
  overflow: hidden !important;
}

.ep-search-modal[aria-hidden="false"] input[type="search"] {
  border-radius: 6px !important;
}

.ep-search-modal__close svg {
  height: 1.5em !important;
  width: 1.5em !important;
}

.ep-search-modal .ep-search-toolbar .ep-search-icon-button {
  color: #212121;
}

#ep-instant-results .ep-search-small-button.undefined {
  color: #1f1f1f;
  font-weight: 400;
}

ul[aria-label*="Width"], 
ul[aria-label*="Size"] {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 10px;
}
ul[aria-label*="Size"] .ep-search-checkbox, ul[aria-label*="Width"] .ep-search-checkbox {
    display: block !important;
    padding: 0px 0 !important;
}
ul[aria-label*="Size"] label, ul[aria-label*="Width"] label {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 5px 12px !important;
    text-align: center !important;
    margin: 5px 0;
    width: 100%;
}
ul[aria-label*="Size"] label::before, ul[aria-label*="Width"] label::before {
    display: none;
}

ul[aria-label*="Size"] input:checked + label, ul[aria-label*="Width"] input:checked + label {
    background: #f7f7f7;
    border: 1px solid #1f1f1f;
}

button.ep-search-modal__close {
    padding: 5px !important;
}

.ep-search-modal .ep-search-checkbox label {
  text-transform: capitalize;
}

.filter-values .e-filter-item, .filter-values .e-filter-item:hover, .filter-values .e-filter-item:focus{
  color: #1f1f1f !important;
}

.view-results button.close-filters {
    background-color: #1C2A3C !important;
    border-color: #1C2A3C !important;
    border-radius: 4px !important;
}

.view-results button.close-filters:hover {
    background-color: #2E4379;
    border-color: #2E4379;
}

.view-all.btn:hover{
  border-radius: 24px;
}


/* ============================================
   Internal Menu CSS
   ============================================ */
.desktop_manager_menu nav.manager-menu {
    max-width: 1366px;
    margin: 0 auto;
    padding: 8px;
}

.desktop_manager_menu nav.manager-menu ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 46px;
}

.desktop_manager_menu nav.manager-menu ul:before {
    content: 'Internal Menu:';
    font-weight: 600;
}

.desktop_manager_menu nav.manager-menu ul li a{
    color: #1f1f1f;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
}

.desktop_manager_menu nav.manager-menu ul li a:hover{
   text-decoration: underline; 
}

@media(max-width:1200px){
    .desktop_manager_menu nav.manager-menu ul{
        justify-content: center;
    }
}

/* End */

/* ============================================
   Header Related CSS
   ============================================ */

/* Header Search Area */
.header_searcharea .e-search-form {
  flex-direction: row-reverse;
}

.header_searcharea .e-search-form input {
  padding: 6px 3px 6px 20px !important;
}

.header_searcharea .e-search-label>i {
  left: -36px;
}

/* Cart Icon Styles */
.cart-icon .fl-cart-count::before {
  background: url(/wp-content/uploads/2025/12/cart.svg) no-repeat center center / contain !important;
  width: 19.5px;
  content: '';
  position: absolute;
  height: 25.2px;
  left: 8.4px;
  top: 6.4px;
}

.cart-icon .js-cart {
  display: block;
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 99;
}

.cart-icon .cart-menu-items {
  position: absolute;
  right: 0px;
  top: 2px !important;
  background: #E34320;
  /* padding: 2px 0 0 0; */
  border-radius: 100px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-family: 'Barlow';
  color: #fff;
}

/* Cross Icon */
.cross-icon {
  cursor: pointer;
}

/* Mobile Menu Styles */
.offcanvas-mobile-menu .ekit-wid-con .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
  border: 0px !important;
  border-radius: 0px !important;
}

.active-btn-text {
  display: none;
}

.mobile-mm ul {
  box-shadow: none;
}

.mm-inside-canvas ul li .elementskit-submenu-indicator {
  border: none !important;
  transform: rotate(270deg);
}

.mm-inside-canvas ul {
  box-shadow: none;
}

.mm-inside-canvas .elementskit-dropdown {
  padding: 0;
}

.header_off_canvas .ekit-wid-con .ekit-sidebar-group .ekit_widget-heading,
.header_off_canvas .ekit-overlay {
  display: none;
}

.off-canvas .before .open i.icon::before {
  content: "\e870";
}

/* Sidebar Transition */
.ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit_sidebar-widget-container {
  -webkit-transition: all 0s !important;
  transition: all 0s !important;
}

/* ============================================
   Mobile Menu Related CSS
   ============================================ */
.mm-mob-vertical-menu .ekit-vertical-navbar-nav>li>a{
  padding: 0px 0px 16px 0px !important;
   text-transform: capitalize !important; 
   font-size: 14px !important;
   font-weight: 400 !important;
}

/* ============================================
   Footer Related CSS
   ============================================ */
footer{
  background-color: #1C2A3C;
}
.footer-iconlist .elementor-icon-list-icon svg{
  margin-right: 3px !important;
}
.footer-iconlist .elementor-icon-list-text{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* ============================================
   Megamenu Related CSS
   ============================================ */
.megamenu-inner-container{
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);   
 }
 
/* ============================================
   Responsive Styles - Mobile Lanscape (max-width: 768px)
   ============================================ */
@media(max-width:768px) {
  .mobile_manager_menu .manager-menu {
    padding: 16px;
  }
  .mobile_manager_menu .manager-menu ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .mobile_manager_menu .manager-menu ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
  }
  
  .mobile_manager_menu nav.manager-menu ul:before {
    content: 'Internal Menu:';
    font-weight: 600;
  }

  .cart-icon .fl-cart-count::before {
    width: 16.275px;
    height: 21px;
  }
  
  .cart-icon .js-cart {
    width: 30px;
    height: 30px;
  }
  
  .cart-icon .cart-menu-items {
    width: 13px;
    height: 13px;
  }
  
  .login-icon .elementor-icon-list-text {
    display: none;
  }
  
  .login-icon svg {
    margin-right: 0px !important;
  }
  .mobile-filters .elementor-button-icon svg {
    width: 24px;
  }
  .icon-menu-items .ekit-vertical-navbar-nav>li>a{
    padding: 0px 0px 16px 0px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
  }
}

/* ============================================
   Responsive Styles -  Mobile (max-width: 480px)
   ============================================ */
@media(max-width:480px) {
  .promotion-bar .elementor-slide-heading {
    margin-bottom: 0 !important;
  }
}

/* ============================================
   Responsive Styles - Desktop (min-width: 769px)
   ============================================ */
@media(min-width:769px) {
  .show-on-mob{
		display: none !important;
	}
  .ep-search-modal .ep-search-modal__content {
    overflow-y: hidden !important;
  }
  .login-icon svg {
    margin-right: 4px !important;
  }
  #ep-instant-results .view-all.btn {
    background-color: var( --e-global-color-accent ) !important;
    color: #fff !important;
    border-radius: 4px !important;
  }

  #ep-instant-results .view-all.btn:hover {
    background-color: var( --e-global-color-641f457 ) !important;
    border-color: var( --e-global-color-641f457 ) !important;
  }
}

/* ============================================
   Header Top Bar
   ============================================ */
.head-top-bar a {
  text-decoration: none;
  color: inherit;
}

/* ============================================
   Desktop Menu Items
   ============================================ */
.header_vertical_menu .elementskit-navbar-nav > li:last-child {
  margin-right: 0px !important;
}

.header_vertical_menu .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
  display: none;
}

/* ============================================
   Search Bar
   ============================================ */
.search-button .elementor-button-icon i {
  font-size: 18px;
}

.search-button span,
.search-button a {
  text-decoration: none !important;
}

/* ============================================
   Login Icon
   ============================================ */
.login-icon .elementor-icon-list-text {
  padding-left: 0 !important;
}

.login-icon a {
  text-decoration: none;
}

/* ============================================
   Promotion Bar
   ============================================ */
.promotion-bar .swiper-slide-inner {
  padding: 0px;
}

.promotion-bar .swiper-slide-bg {
  background-color: #1C2A3C !important;
}

/* ============================================
   Megamenu
   ============================================ */
.mega-menu-brand-items ul li:last-child a {
  font-weight: 600 !important;
  color: #102457 !important;
}

.mm-vertical-menu .ekit-vertical-navbar-nav>li:last-child > a {
  padding-bottom: 0 !important;
}

.mm-vertical-menu li.active a, .mm-mob-vertical-menu li.active a {
  color: #102457 !important;
  font-weight: 600 !important;
}