/* The Modal (background) */
   .modal {
       display: none;
       /* Hidden by default */
       position: fixed;
       /* Stay in place */
       /* z-index: 1; Sit on top */
       padding-top: 100px;
       /* Location of the box */
       left: 0;
       top: 0;
       width: 100%;
       /* Full width */
       height: 100%;
       /* Full height */
       overflow: auto;
       /* Enable scroll if needed */
       background-color: rgb(0, 0, 0);
       /* Fallback color */
       background-color: rgba(0, 0, 0, 0.4);
       /* Black w/ opacity */
   }

   /* Modal Content */
   .modal-content {
       background-color: #fefefe;
       margin: auto;
       padding: 20px;
       border: 1px solid #888;
       width: 100%;
       max-width: 80%;
   }

   /* The Close Button */
   .close {
       color: #949393;
       /* float: left; */
       font-size: 28px;
       font-weight: bold;
       text-align: end;
   }

   .close:hover,
   .close:focus {
       color: #000;
       text-decoration: none;
       cursor: pointer;
   }

   .nested-dropdown {
       position: absolute;
       top: 0;
       left: 100%;
       background-color: white;
       padding: 10px;
       border-radius: 5px;
       min-width: 160px;
       list-style: none;
       display: none;
       cursor: pointer;
       box-shadow: 0px 0px 10px #dbdbdb;
   }

   .position-relative:hover>a+.nested-dropdown {
       display: block;
   }

   .dropdown-menu li {
       padding: 0.25rem 1.5rem !important;
   }

   .dropdown-item {
       padding: 0 !important;
   }

   .nested-dropdown li {
       padding: 0.25rem 0 !important;
   }

   .nested-dropdown a {
       padding: 0px 44px !important;
   }

   .item-custom a {
       padding: 0.25rem 1.5rem !important;
   }

   .d-none {
       display: none;
   }

   .d-flex {
       display: flex;
   }

   .justify-content-between {
       justify-content: space-between;
   }

   .flex-wrap {
       flex-wrap: wrap;
   }

   .flex-nowrap {
       flex-wrap: nowrap;
   }

   .header-logo {
       text-align: left;
   }

   .owl-nav .owl-next,
   .owl-nav .owl-next span:focus-visible,
   .owl-nav .owl-prev,
   .owl-nav .owl-prev span:focus-visible {
       outline: none !important;
   }

   @media (max-width: 1407px) {
       .header-app a {
           margin-right: 15px;
       }

       .nav-link {
           padding: 0.5rem 0.75rem !important;
       }

       .header-top ul li.header-cart,
       .header-top ul li.header-notification {
           margin-right: 4px;
       }

       .header-top ul li {
           margin-left: 4px;
       }

   }

   @media (min-width:1199px) {
       .pe-xl-0 {
           padding-right: 0;
       }

       .ps-xl-0 {
           padding-left: 0;
       }
   }

   @media (max-width:768px) {
       .header-top ul {
           float: none;
       }

       .product-title h2 {
           font-size: 27px;
       }
   }

   @media (max-width:575px) {
       .header-logo {
           text-align: center;
       }

       .product-title h2 {
           font-size: 22px;
       }
   }

   .header-login {
       display: inline-block;
       vertical-align: top;
       background-color: #ccc;
       padding: 6px 8px 8px;
   }

   @media(min-width:426px) {
       .mobile-view {
           display: none !important;
       }
   }

   @media(max-width:426px) {
       .header-responsive {
           display: none !important;
       }

       .header-logo {
           display: flex;
           justify-content: space-between;
       }

       .all-btn {
           font-size: 14px !important;
           padding: 5px 15px !important;
       }

       .section-gapping {
           padding-top: 11px;
           padding-bottom: 11px;
       }
   }

   @media (max-width: 426px) {
       .sidebar-menu {
           position: fixed;
           top: 0;
           left: 0;
           width: 300px;
           height: 100vh;
           background: #fff;
           box-shadow: 2px 0 12px rgba(0, 0, 0, .12);
           z-index: 1050;
           transform: translateX(-100%);
           transition: transform 0.35s ease-in-out;
           overflow-y: auto;
           overflow-x: hidden;
           display: flex;
           flex-direction: column;
           margin-top: auto;
       }

       .sidebar-menu.show {
           transform: translateX(0);
       }
   }

   .sidebar-menu .navbar-nav {
       width: 100%;
   }

   .sidebar-menu .nav-item {
       /* width: 100%; */
   }

   .sidebar-menu .bottom-sidebar-menu .bottom-social-menu {
       gap: 10px;
   }

   .sidebar-menu .bottom-sidebar-menu .dropdown-toggle {
       border: 1px solid #26064f;
       border-radius: 4px;
       padding: 2px;
   }

   @media(max-width:426px) {
       .sidebar-menu .bottom-sidebar-menu .account-menu {
           padding: 4px 10px !important;
       }
   }

   .sidebar-menu .bottom-sidebar-menu .dropdown-menu {
       position: absolute !important;
       top: 10px !important;
       text-align: center;
       transform: translate3d(0px, 30px, 0px) !important;
   }

   .line {
       height: 1px;
       width: 100%;
       margin: 0;
       background: #eeeeee;
       margin-top: 4px;
   }

   .sidebar-menu .bottom-sidebar-menu ul li {
       list-style-type: none;
   }

   .sidebar-menu .bottom-sidebar-menu ul li .dropdown-toggle::after {
       display: none;
   }

   .sidebar-menu .bottom-sidebar-menu ul li i {
       color: #26064f;
   }

   .sidebar-menu .nav-link {
       padding: 14px 20px;
       font-size: 14px;
       font-weight: 500;
       color: #333;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   /* Hover / Active */
   .sidebar-menu ul li:hover>a.nav-link,
   .sidebar-menu ul li.active>a.nav-link {
       background-color: #26064f;
       color: #fff;
   }

   .bottom-sidebar-menu .right-cart-menu {
       position: absolute;
       right: 0;
   }

   .bottom-sidebar-menu .dropdown {
       text-align: start;
   }

   .sidebar-menu .dropdown-menu {
       /* position: relative !important;
       transform: none !important; */
       float: none;
       width: 100%;
       margin: 0;
       padding: 0;
       border: 0;
       background: #f9f9f9;
       max-height: 260px;
       overflow-y: auto;
       overflow-x: hidden;
   }

   /* Dropdown items */
   .sidebar-menu .dropdown-item {
       white-space: normal;
       padding: 10px 22px;
       line-height: 1.4;
       color: #444;
   }

   @media(max-width:426px) {
       .sidebar-menu .dropdown-item {
           font-size: 16px !important;
       }
   }

   .sidebar-menu .dropdown-item:hover {
       background: #ffffff;
       color: #26064f !important;
       border: 1px solid #26064f;
   }

   .sidebar-menu .nested-dropdown {
       list-style: none;
       padding: 0;
       margin: 0;
       background: #efefef;
       max-height: 220px;
       overflow-y: auto;
       overflow-x: hidden;
   }

   .sidebar-menu .nested-dropdown li a {
       display: block;
       padding: 9px 30px;
       font-size: 12.5px;
       color: #555;
   }

   .sidebar-menu .nested-dropdown li a:hover {
       background: #ddd;
       color: #26064f;
   }

   .sidebar-menu .dropdown-toggle::after {
       transition: transform .3s ease;
   }

   .sidebar-menu .show>.dropdown-toggle::after {
       transform: rotate(180deg);
   }

   .sidebar-menu *,
   .sidebar-menu ul,
   .sidebar-menu li,
   .sidebar-menu a {
       max-width: 100%;
       box-sizing: border-box;
       word-break: break-word;
   }

   .close-side-menu {
       font-size: 20px;
       padding: 10px 15px;
   }

   .sidebar-backdrop {
       position: fixed;
       inset: 0;
       background: rgba(0, 0, 0, 0.45);
       backdrop-filter: blur(6px);
       -webkit-backdrop-filter: blur(6px);
       z-index: 1040;
       opacity: 0;
       visibility: hidden;
       transition: opacity .3s ease;
   }

   .sidebar-backdrop.show {
       opacity: 1;
       visibility: visible;
   }

   body.overflow-hidden {
       overflow: hidden;
   }