/**************************************
    -- Css Table of Content
    01.General Style
    02.Navbar Section Style
    03.Deals Section Style
    04.Most View Section Style
    05.My best Buy Section Style
    06.Highlight Section Style
    07.Trending Now Section Style
    08.Featured Offer Section Style
    09.Featured Products Section Style
    10.Outdoor Box Section Style
    11.Apply Card Section Style
    12.Drops Section Style
    13.Shop Latest Section Style
    14. Footer Section Style

 *************************************/

/**************************************
 * 01.General Style
 *************************************/
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*  font-family: "Open Sans", sans-serif; */
@font-face {
   font-family: "Human BBY Web";
   src: url("https://db.onlinewebfonts.com/t/1a9e6d35945c3281c3f3dde2fa40ce32.eot");
   src: url("https://db.onlinewebfonts.com/t/1a9e6d35945c3281c3f3dde2fa40ce32.eot?#iefix")format("embedded-opentype"),
      url("https://db.onlinewebfonts.com/t/1a9e6d35945c3281c3f3dde2fa40ce32.woff2")format("woff2"),
      url("https://db.onlinewebfonts.com/t/1a9e6d35945c3281c3f3dde2fa40ce32.woff")format("woff"),
      url("https://db.onlinewebfonts.com/t/1a9e6d35945c3281c3f3dde2fa40ce32.ttf")format("truetype"),
      url("https://db.onlinewebfonts.com/t/1a9e6d35945c3281c3f3dde2fa40ce32.svg#Human BBY Web")format("svg");
}

:root {
   --color-black: #282828;
   --color-black-theme: #232323;
   --color-white: #f8f9fa;
   --color-gray: #f0f2f4;
   --color-blue: #0046be;
   --color-blue-dark: #013196;
   --color-yellow: #fff200;
   --color-green: #37600b;
   --color-neon: #44d62c;
   --color-hover: #0046be;
   --color-red: #a80f16;
   --color-hover-gray: #636263;
   --border-base: 1px solid #c5cbd5;
}


html {
   scroll-behavior: smooth;
   overflow-x: hidden;
}

body {
   color: #040c13;
   /* font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; */
   font-family: "Open Sans", sans-serif, Arial, Helvetica ;
   overflow-x: hidden !important;
   overflow: hidden;
}

section {
   width: 100%;
   max-width: 1600px;
   margin: auto;
}

.custom-fixed-width {
   width: 100%;
   max-width: 1600px;
   margin: auto;
}
.cursorpointer{
   cursor: pointer;
}
footer .container-fluid,
.main-menu_top .container-fluid,
.main-menu_wrapper .container-fluid,
.main-menu_bottom .container-fluid {
   width: 100%;
   max-width: 1600px;
   margin: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   font-family: "Open Sans" , sans-serif, Arial, Helvetica,;
   font-weight: normal;
   color: #040c13;
   line-height: 1.3;
}

a {
   color: var(--color-hover);
   text-decoration: none !important;
   -moz-transition: all 0.5s ease-in-out 0s;
   -ms-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   -webkit-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
}

img {
   max-width: 100%;
}

a:hover {
   color: var(--color-hover);
   -moz-transition: all 0.4s ease-in-out 0s;
   -ms-transition: all 0.4s ease-in-out 0s;
   -o-transition: all 0.4s ease-in-out 0s;
   -webkit-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s;
}

a:hover,
a:focus {
   color: var(--color-hover);
   text-decoration: none;
}

p {
   padding: 0;
   margin: 0;
   font-size: 14px;
   color: #555;
   font-weight: 500;
   line-height: 26px;
   letter-spacing: 0.5px;
   font-family: "Open Sans" Arial, Helvetica, sans-serif;
}

.border {
   border: var(--border-base);
}

.mt-15 {
   margin-top: 15px !important;
}

.mt-30 {
   margin-top: 30px !important;
}

.mt-20 {
   margin-top: 20px !important;
}

.mt-80 {
   margin-top: 80px !important;
}

.mb-15 {
   margin-bottom: 15px !important;
}

.mb-30 {
   margin-bottom: 30px !important;
}

.z-index {
   z-index: 9;
}

.position-relative {
   position: relative !important;
}

.modify-img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.form-control:focus {
   box-shadow: none;
   outline: 0 none;
   border-bottom: 1px solid var(--color-hover);
}

.btn:focus {
   outline: none !important;
   box-shadow: none;
}

button:focus {
   outline: 0 none;
   box-shadow: none;
}

.button:focus {
   outline: none;
   box-shadow: none;
}

.button {
   position: relative;
   z-index: 2;
   display: inline-block;
   padding: 5px 10px;
   text-align: center;
   font-size: 14px;
   letter-spacing: 0.7px;
   font-weight: 400;
   background-color: transparent;
   color: #000;
   text-transform: uppercase;
   border: 2px solid #000;
   border-radius: 5px;
   cursor: pointer;
   overflow: hidden;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.button:hover {
   background-color: #000;
   color: #fff;
   border: 2px solid #000;
}

.button-p-large {
   padding: 12px 40px;
}

.button-white {
   background-color: #fff;
   border: 2px solid #fff;
   color: #000;
}

.button-white:hover {
   color: #fff;
   border: 2px solid #000;
   background-color: #000;
}

.button-blue {
   background-color: var(--color-blue);
   border: 2px solid var(--color-blue);
   color: #fff;
}

.button-blue:hover {
   color: #fff;
   border: 2px solid #000;
   background-color: #000;
}

.button-hover {
   background-color: var(--color-hover);
   border: 2px solid var(--color-hover);
   color: #fff;
}

.button-hover:hover {
   color: #fff;
   border: 2px solid #000;
   background-color: #000;
}

.button-black {
   background-color: #000;
   border: 2px solid #000;
   color: #fff;
}

.button-black:hover {
   color: #fff;
   border: 2px solid var(--color-hover);
   background-color: var(--color-hover);
}

.button-black-border {
   color: var(--color-black);
   border: 1px solid var(--color-black);
   background-color: transparent;
}

.button-black-border:hover {
   color: #fff;
   border: 1px solid var(--color-black);
   background-color: var(--color-black);
}

.bg-white {
   background-color: #ffffff;
}

.bg-gray {
   background-color: var(--color-gray);
}

.bg-black {
   background-color: #121215;
}

.bg-black-light {
   background-color: #1e1e1e;
}

.text-black {
   color: var(--color-black) !important;
}

.color-text {
   color: var(--color-hover);
}

.neon-color {
   color: var(--color-neon);
}

.neon-theme {
   background-color: var(--color-neon);
   color: #fff;
}

.rating i {
   color: #ffe001 !important;
   font-size: 13px !important;
}

.rating span {
   font-weight: 300;
   color: #000;
   font-size: 11px;
   margin-left: 5px;
}

.rating a:hover {
   text-decoration: none !important;
}

dl,
ol,
ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.mr-15 {
   margin-right: 15px;
}

.pl-nav {
   padding-left: 250px;
}

.pl-80 {
   padding-left: 120px;
}

.pt-0 {
   padding-top: 0;
}

.pb-0 {
   padding-bottom: 0;
}

.pt-20 {
   padding-top: 20px;
}

.pb-20 {
   padding-bottom: 20px;
}

.pt-30 {
   padding-top: 30px;
}

.pb-30 {
   padding-bottom: 30px;
}

.pt-40 {
   padding-top: 40px;
}

.pb-40 {
   padding-bottom: 40px;
}

.pt-60 {
   padding-top: 60px;
}

.pb-60 {
   padding-bottom: 60px;
}

.pt-70 {
   padding-top: 70px;
}

.pb-70 {
   padding-bottom: 70px;
}

.pt-100 {
   padding-top: 100px;
}

.pb-100 {
   padding-bottom: 100px;
}

.d-table {
   width: 100%;
   height: 100%;
}

.d-table-cell {
   vertical-align: middle;
}

.bg-fixed {
   background-attachment: fixed;
}

.bg-img {
   background-size: cover;
   background-repeat: no-repeat;
}

.section-padding {
   padding: 100px 0;
}

.mr-0 {
   margin: 0;
}

.mr-top-50 {
   margin-top: 50px;
}

.v-middle {
   position: absolute;
   width: 100%;
   top: 50%;
   left: 0;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}

.valign {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

/* Heading */
.heading {
   margin-bottom: 30px;
}



/* 30/5/2024 start */
.heading h3 {
   font-size: 22px;
   line-height: 28px;
   color: #000;
   font-weight: 600;
   border-bottom: 1px solid #000;
   padding-bottom: 40px;
   position: relative;
   text-transform: capitalize;
}

.heading h3 span {
   font-size: 16px;
   font-weight: 400;
}

.heading h3 a {
   color: #000;
   display: inline-block;
   border-bottom: 3px solid #000;
   position: absolute;
   top: 10px;
}

.heading h3 a:hover {
   text-decoration: none !important;
}

.heading h4 {
   font-size: 22px;
   line-height: 28px;
   color: #000;
   font-weight: 600;
   border-bottom: 1px solid #000;
   padding-bottom: 7px;
   position: relative;
   text-transform: capitalize;
}

.heading h4 span {
   font-size: 16px;
   font-weight: 400;
}

/* 30/5/2024 end */


/* Slick Arrow */
.slide-prev,
.slide-next {
   color: var(--color-blue);
   font-size: 45px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

.slide-prev {
   left: -20px;
}

.slide-next {
   right: -20px;
}

.slide-prev svg,
.slide-next svg {
   width: 50px;
   height: 50px;
   fill: var(--color-blue);
}

.slide-prev.slick-disabled svg,
.slide-next.slick-disabled svg {
   fill: #ddd;
}

/* Back to top btn */
.tap-to-top {
   background-color: #000 !important;
}

.tap-to-top a {
   color: #fff !important;
}

/* slider margin from theme css fix */
.slick-slider .slick-list .slick-slide>div {
   margin: 0 !important;
}

.product-wrapper.slick-slider .slick-list .slick-slide>div {
   margin: 0 15px !important;
}
/* .new-badge {
   position: absolute;
   right: 19px;
   background-color: hsla(0, 100%, 50%, 0.733);
   color: white;
   padding: 0;
   font-weight: bold;
   font-size: 10px;
   border-radius: 50%;
   height: 33px;
   width: 33px;
   z-index: 2;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
} */



/* Ribbon design start */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
  }
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid rgb(255, 0, 0);
  }
  .ribbon span {
    position: absolute;
  display: block;
  width: 105px;
  padding: 6px 0;
  background: linear-gradient(to right,rgb(255, 1, 1),rgba(255, 0, 0, 0.281), rgb(255, 1, 1), rgba(255, 0, 0, 0.281), rgb(255, 1, 1));
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
    font-size: 18px;
  text-shadow: 0 1px 1px rgba(128, 52, 52, 0.884);
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  background: linear-gradient(to top, rgb(255, 0, 0));

    /* position: absolute;
    display: block;
    width: 225px;
    padding: 10px 0; */
    /* background: linear-gradient(to right,rgb(255, 1, 1),rgba(255, 0, 0, 0.281), rgb(255, 1, 1), rgba(255, 0, 0, 0.281), rgb(255, 1, 1)); */
    /* background: linear-gradient(to right, );
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center; */
  }
  .ribbon-top-right {
    top: -10px;
    right: -10px;
  }
  .ribbon-top-right::before,
  .ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
  }
  .ribbon-top-right::before {
    top: 0;
    left: 0;
  }
  .ribbon-top-right::after {
    bottom: 0;
    right: 0;
  }
  .ribbon-top-right span {
    left: 63px;
    top: 22px;
    transform: rotate(45deg);

  } */
/* Ribbon design end

  .details-new-badge {
    position: relative;
    background-color: red;
    color: #fff;
    font-size: 16px;
    height: 30px;
    padding: 5px 10px;
    margin-left: 10px;
}

.details-new-badge::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: red;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1;
}


/* container style */
.container-fluid-xl {
   padding: 0 80px;
}

.container-fluid-lg {
   padding: 0 112px;
}

@media (max-width: 1460px) {
   .container-fluid-lg {
      padding: 0 60px;
   }

   .container-fluid-xl {
      padding: 0 40px;
   }
}

@media (max-width: 1366px) {
   .container-fluid-lg {
      padding: 0 30px;
   }

   .container-fluid-xl {
      padding: 0 15px;
   }
}

@media (max-width: 1199px) {
   .container-fluid-lg {
      padding: 0 12px;
   }

   .container-fluid-xl {
      padding: 0 8px;
   }
}

.t-d-none {
   text-decoration: none !important;
}

a.t-d-none:focus,
a.t-d-none:hover {
   text-decoration: none !important;
}

/**************************************
   * 02.Navbar Section Style
   *************************************/
header {
   /* overflow: hidden; */
}
@keyframes slideDown {
   from {
     transform: translateY(-100%); /* Start above the view */
     opacity: 0; /* Start invisible */
   }
   to {
     transform: translateY(0); /* End in the final position */
     opacity: 1; /* End visible */
   }
 }
header.nav-down .main-menu_wrapper {
   position: fixed;
   top: 0;
   /* left: 0; */
   left: 0;
   padding: 15px 0 10px 0;
   /* transform: translateX(-50%); */
   width: 100%;
   background-color: #111111;
   /* margin-top: 0;
   background-color: #111111;
   -webkit-box-shadow: 0px 4px 10px rgba(23, 32, 90, 0.15);
   box-shadow: 0px 4px 10px rgba(23, 32, 90, 0.15);
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   z-index: 99999; */
   /* max-width: 1600px; */
   /* margin: auto;
   height: auto; */
   animation: slideDown 0.5s ease forwards;
}

header .main-menu_wrapper {
   background-color: #111111;
   /* transition: all 0.5s ease-in-out; */
   left: 50%;
   transform: translateX(-50%);
   z-index: 99999;
   /* max-width: 1630px; */
   width: 100%;
   margin: auto;
   height: 72px;
}

header .main-menu {
   padding: 10px 0;
   margin: 0;
}

header.nav-down .main-menu {
   margin: 0;
   padding: 0;
}

header .main-menu_top {
   background-color: #000;
   /* padding: 10px; */
}

header .main-menu_top ul {
   max-width: 1600px;
   overflow: auto;
   display: flex;
   flex-wrap: nowrap;
}

header .main-menu_top ul li {
   margin-right: 15px;
   text-wrap: nowrap;
}

header .main-menu_top ul li a {
   color: #fff;
   font-size: 11px;
   line-height: 19px;
   font-weight: 300;
   transition: 0.3s ease-in-out;
}

header .main-menu_top ul li a:hover {
   color: #fff;
   /* border-bottom: 1px solid #fff; */
}

/* showroom locator */
.nav-store-locator {
   display: flex;
   align-items: center;
   margin: 0;
   padding: 0;
}

.nav-store-locator i,
.nav-store-locator svg {
   color: #fff;
   width: 13px;
   height: 13px;
}

.nav-store-locator span {
   font-size: 11px;
   line-height: 19px;
   margin-left: 3px;
   margin-top: 2px;
}

/* showroom locator end */

header.nav-down.nav-up .main-menu {}

header .main-menu .brand-logo {}

.brand-logo a img {
   max-width: 210px;
   height: auto;
   margin: auto;
}

/* menu bottom */
/* header .nav-menu-wrapper {
     justify-content: space-between;
     max-width: 1600px;
     margin: auto;
     overflow: auto;
  } */
header .nav-menu-wrapper ul li:not(:last-child) {
   margin-right: 15px;
}

header .main-menu_bottom {
   background-color: #111111;
   border-top: 2px solid #fff;

}

#nav-bottom-dropdown-menu {
    display: none;
    position: absolute;
    height: fit-content;
    width: 200px;
    top: 40px;
    max-height: 400px;
    overflow: auto;

    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    z-index: 12;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
#nav-bottom-dropdown-menu li{
    width: 100%;
}


/* #nav-bottom-dropdown-menu li:hover{
    background-color: #000;

} */
#nav-bottom-dropdown-menu li a{
    display: block;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 10px 5px;
    border-bottom: 1px solid #d1d1d1;
}
#nav-bottom-dropdown-menu li:hover > a {
    color: #fff;
    background-color: #000;

  }

header .nav-menu-wrapper{
   /* overflow-x: auto; */
}
.menu-wrapper {
   overflow-x: auto;
   white-space: nowrap;
}

.nav-link.menu-title.active {
   color: #0d6efd;
}

header .main-navbar {
   padding: 10px 0 0;
}

header .main-navbar .nav-menu {
   display: flex;
   justify-content: space-between;
   padding: 0;
   margin: 0 0 10px;
}

header .nav-menu li {
   display: block;
}

header .main-navbar .nav-menu>li+li+li {
   margin-left: unset;
}

header .main-navbar .nav-menu>li>a {
   font-size: 13px !important;
   line-height: 19px !important;
   font-weight: 500 !important;
   border-radius: 0 !important;
   transition: 0.3s ease-in-out;
   color: #fff;
   white-space: nowrap !important;
   text-transform: capitalize;
}

header .main-navbar .nav-menu>li>a:hover {
   color: #fff;
   font-weight: 600;
   /* border-bottom: 1px solid #fff !important; */
}

header .main-navbar .nav-menu>li .menu-title {
   transition: all 0.5s ease-in-out;
}

header .main-navbar .nav-menu>li .menu-title:hover {}

header .main-navbar .nav-menu>li.dropdown .menu-title::after {
   display: none;
}

header.nav-down.nav-up .navbar-searchbar .main-menu {
   border-bottom: none;
}

header .main-navbar .nav-menu>li .mega-menu-container {
   opacity: 0;
   visibility: hidden;
   transition: all 0.5s ease;
}

header .main-navbar .nav-menu>li:hover .nav-submenu {
   opacity: 1;
   z-index: 4;
   visibility: visible;
   margin-top: 28px;
}

header .main-navbar .nav-menu>li:hover .mega-menu-container {
   opacity: 0;
   visibility: hidden;
}

header .main-navbar .nav-menu>li.show .mega-menu-container {
   opacity: 1;
   visibility: visible;
   margin-top: 12px;

}

header .main-navbar .nav-menu>li:hover .mega-menu-container {
   margin-top: 12px;
}

/* Submenu */
.submenu-flex {}

.submenu-flex ul:not(:last-child) {
   margin-right: 30px;
}

.submenu-flex:not(:last-child) {
   border-right: 1px solid #333;
}

.submenu_img-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.submenu_img-grid li a {
   display: flex !important;
   flex-direction: column;
}

.submenu_img-grid li a img {
   width: 180px;
   height: 120px;
}

.f-bold {
   font-weight: 600 !important;
}

.submenu-title h5 {
   font-weight: 600 !important;
}

/* main-menu */
.header-style-2 .main-menu {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

header .search-full .input-group input {
   padding: 23px 15px;
   border-radius: 100px !important;
   background: transparent !important;
}


/* menu left */
.menu-left {
   display: flex;
   align-items: center;
}

.menu-left .dropdown {
   margin: 25px 40px 0px 40px;
}

.menu-left .dropdown-toggle {
   font-size: 18px;
   color: #fff;
   padding: 0;
   margin: 0;
   margin-top: -25px;
   width: 100%;
   height: auto;
}

.menu-left .dropdown-toggle::after {
   display: none !important;
}

.menu-left .dropdown-toggle #menu-open {
   margin-right: 10px;

}

.menu-left .dropdown-toggle #menu-close {
   position: absolute;
   left: 0;
   width: 25px;
   height: 25px;
   opacity: 0;
}

.menu-left .dropdown-toggle.show #menu-close {
   opacity: 1;
}

.menu-left .dropdown-toggle.show #menu-open {
   opacity: 0;
}

.menu-left .dropdown-toggle p {
   display: inline-block;
   font-size: 18px;
   color: #fff;
   font-weight: 600;
}



.menu-left .dropdown-menu {
   padding: 0;
   left: -250px !important;
   /* height: calc(100vh - 60px); */
   height: fit-content;
   min-width: 355px;
   margin-top: 21px !important;
   border-radius: 0;
   z-index: 9;
   /* transition: all 0.3s ease-in-out; */
}

.menu-left .dropdown-menu.scrollOn {
   overflow-y: scroll;
}

.menu-left .dropdown-menu h3 {
   font-size: 18px;
   line-height: 24px;
   color: #000;
   font-weight: 400;
   margin-top: 10px;
   padding-top: 10px;
   border-top: var(--border-base);
}

.menu-left .dropdown-menu li {
   width: 100%;
   z-index: 1;
   padding: 0;
   margin: 0;
}

.menu-left .dropdown-menu li:not(:first-child) {
   border-top: 1px solid #e0e6ef;
   margin-top: 0;
   padding-top: 0;
}

.menu-left .dropdown-menu li a {
   font-size: 14px;
   line-height: 18px;
   color: #000;
   font-weight: 600;
   padding: 15px 20px;
   position: relative;
   transition: all 0.5s ease-in-out;
}

.menu-left .dropdown-menu li a:hover {
   text-decoration: none !important;
   background-color: #000;
   color: #fff;
}

.menu-left .dropdown-menu li a:hover svg {
   fill: #fff;
}

.menu-left .dropdown-menu li a svg {
   width: 28px;
   height: 28px;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

.menuCloseBtn {
   background: none;
   border: none;
   font-size: 14px;
   line-height: 18px;
   color: #000;
   font-weight: 600;
   margin-top: 20px;
   padding: 15px 0;
   margin-left: 20px;
}
.dropdown-item.active-bg {
   background-color: #000000; /* Change this to your desired color */
   color: #fff !important;
}



.childMenuCloseBtn {
   background: none;
   border: none;
   font-size: 14px;
   line-height: 18px;
   color: #000;
   font-weight: 600;
   margin-top: 20px;
   padding: 15px 0;
   margin-left: 20px;
}

.menu-left .dropdown-menu li .child-menu.show {
   display: block;
}

.menu-left .dropdown-menu li .child-menu {
   display: none;
   text-align: left;
   list-style: none;
   background-color: #fff;
   border: 1px solid #c5cbd5;
   position: absolute;
   padding: 0;
   top: 0;
   left: 100%;
   height: calc(100vh - 60px);
   min-width: 240px;
   overflow-y: scroll;
   direction: ltr;
   z-index: 1000;
   border-radius: 0;
   transition: all 0.5s ease-in-out;
}


.menu-left .dropdown-menu li .child-menu li {
   width: 100%;
   padding: 0;
   margin: 0;
}

.menu-left .dropdown-menu li .child-menu li:not(:first-child) {
   border-top: 1px solid #e0e6ef;
   margin-top: 0;
   padding-top: 0;
}

.menu-left .dropdown-menu li .child-menu li a {
   display: block;
   width: 100%;
   clear: both;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
   font-size: 14px;
   line-height: 18px;
   color: #000;
   font-weight: 600;
   padding: 15px 20px;
}

.menu-left .dropdown-menu li .child-menu li a:hover {
   text-decoration: none !important;
   background-color: #000;
   color: #fff;
}

.menu-left .dropdown-item.active,
.dropdown-item:active {
   background-color: unset;
}

header .main-menu .menu-left .search-full {
   height: 100%;
   -webkit-transform: scale(1);
   transform: scale(1);
   position: static;
   min-width: 750px;
   background-color: transparent;
}

header .search-full .input-group {
   border: 1px solid #111111;
   border-radius: 100px !important;
   background-color: #fff;
}



/* menu right */

header .main-menu .menu-right>ul {
   margin-left: 10px;
}

header .main-menu .menu-right>ul>li {
   transition: all 0.3s ease;
}

header .main-menu .menu-right>ul>li .onhover-dropdown {
   display: flex;
   align-items: center;
}


.header-style-2 .main-menu .menu-right>ul>li svg {
   color: #fff;
   width: 30px;
   height: 30px;
}

header .main-menu .menu-right>ul>li span {
   color: #fff;
   font-size: 18px;
   text-transform: capitalize;
   font-weight: 600;
   margin-left: 7px;
   border-bottom: 1px solid transparent;
}

header .main-menu .menu-right>ul>li:hover span {
   border-bottom: 1px solid #fff;
}

.header-style-2 .main-menu .menu-left {
   margin-right: 20px;
}

.header-style-2 .main-menu .menu-right {
   margin-left: auto;
   margin-top: 7px;
}
/**************************************
   * 03.notification Section Style
   *************************************/
/* Container styles */
.scrolling-text-container {
    background-color: #eff5ff;
    border-radius: 4px;
    overflow: hidden;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 8px 0;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 30px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(100vw);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}


/**************************************
   * 03.Deals Section Style
   *************************************/
.deals {}

.deals-left {
   position: relative;
   background-size: contain;
   background-position: top left !important;
   width: 100%;
   height: 100%;
   min-height: 500px;
}

.deals-left a {
   min-width: 100%;
   min-height: 100%;
   text-decoration: none;
   position: absolute;
   z-index: 1;
}

.deals-left-text {
   padding-left: 15%;
   padding-right: 8%;
   padding-top: 8%;
   padding-bottom: 30%;
   text-align: left;
}

.deals-left-text a h2 {
   font-size: 30px;
   color: #000;
   margin-bottom: 10px;
}

.deals-left-text a h3 {
   font-size: 22px;
   color: #000;
   margin-bottom: 20px;
}

.deals-left-text a p {
   font-size: 16px;
   color: #000;
}

.deals-right {}

.top-pick-grid-wrapper {
   border: var(--border-base);
   padding: 20px;
   margin-bottom: 30px;
}

.top-pick-grid-wrapper h3 {
   font-size: 18px;
   color: #000;
   font-weight: 600;
   margin-bottom: 20px;
}

.top-pick-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 30px;
   overflow: auto;
}

.top-pick-single {}

.top-pick-single a {
   transition: all 0.3s ease-in-out;
}

.top-pick-single a:hover h5 {
   /* border-bottom: 1px solid #000; */
}

.top-pick-single_image {
   text-align: center;
}

.top-pick-single_image img {
   /* display: block; */
   max-width: 120px;
   height: 120px;
   margin: 0 auto 10px;
}

.top-pick-single a h5 {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;
   font-size: 12px;
   color: #000;
   margin-top: 15px;
}

.top-deals {
   padding: 20px;
   border: var(--border-base);
   height: 100%;
   position: relative;
}

.top-deals_heading {
   background-color: #000;
   padding: 5px 10px;
   margin-bottom: 20px;
   display: inline-block;
}

.top-deals_heading h3 {
   font-size: 18px;
   font-weight: 600;
}

.top-deals_heading h3 a {
   color: #fff;
}

.top-deals_heading h3 a .yellow {
   color: #fff200;
}

.top-deals_heading.red {
   transform: skew(-35deg);
   background-color: #e81e25;
   margin-left: 20px;
}

.top-deals_heading.red h3 {
   transform: skew(35deg);
}

.top-deals_image-wrapper {
   transition: all 0.3s ease-in-out;
}

.top-deals_image-wrapper:hover h5 {
   /* border-bottom: 1px solid #000; */
}

.top-deals_image {
   position: relative;
   padding-top: calc(210 / 210 * 100%);
}

.top-deals_image img {
   display: block;
   margin: 0 auto 30px;
}

.top-deals_image.no-square {
   padding-top: calc(210 / 290 * 100%);
}

.top-deals_image-wrapper h5 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 11px;
   color: #000;
}

.top-deals {}

.top-deals .price {
   font-size: 15px;
   line-height: 18px;
   color: #000;
   margin: 15px 0;
   padding-bottom: 20px;
   font-weight: 600;
   text-align: left;
}
/* dicount product price tag styles start here */
.discount-price-content{
   text-decoration: none;
   position: relative;
   display: inline-block;
   color: #8f8f8f;
}
.discount-price-content::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   border-top: 2px solid red;
   transform: rotate(-4deg);
   transform-origin: center center;
 }

/* dicount product price tag styles end here */
.top-deals .price .new-price {
   display: block;
}

.top-deals .price .prev-price {
   text-decoration: line-through;
   font-weight: 300;
}

.details_btn {
   color: #000;
   transition: all 0.3s ease-in-out;
   font-weight: 600;
}

.details_btn:hover {
   color: #000;
   /* border-bottom: 1px solid #000; */
}

.deals .details_btn {
   position: absolute;
   bottom: 20px;
   font-weight: 400;
}

#outlet-deals {
   border: none;
   padding: 0;
}

#outlet-deals .top-deals_image.no-square {
   padding-top: 0;
   width: 100%;
   height: 100%;
}

#outlet-deals .top-deals_image img {
   width: 100%;
   height: 100%;
}

#outlet-deals .top-deals_heading {
   position: absolute;
   top: 20px;
   z-index: 1;
}

/**************************************
   * 04.Most View Section Style
   *************************************/
.most-view {}

.most-view_grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   gap: 20px;
}

.most-view_single {
   padding: 20px;
   border: var(--border-base);
}

.most-view_single a {
   transition: all 0.3s ease-in-out;
}

.most-view_single_image {
   text-align: center;
}

.most-view_single_image .modify-img {
   position: unset;
}

.most-view_single_image img {
   margin: 0 auto;
   height: 100%;
   max-height: 120px;
   min-height: 50px;
   width: 100%;
   max-width: 120px;
}

.most-view_single a h5 {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;
   font-size: 11px;
   margin-top: 16px;
   color: #000;
}

.most-view_single a:hover h5 {
   /* border-bottom: 1px solid #000; */
}

.most-view_single .price {
   margin: 15px 0;
   font-weight: 500;
   font-size: 25px;
   line-height: 29px;
}

.save-extra-btn {
   border: var(--border-base);
   border-radius: 5px;
   padding: 5px 15px;
   color: #666;
   font-size: 13px;
   font-weight: 300;
   display: block;
}

.save-extra-btn span {
   color: #a80f16;
   margin-right: 7px;
}

.most-view_single .button {
   margin: 20px auto 0;
   width: 100%;
   /* display: block; */
}

.most-view_single .button:hover {
   text-decoration: none !important;
}

.manage-all-wrapper {
   display: none;
}

.manage-all-wrapper .details_btn {
   font-size: 11px;
}

/**************************************
   * 05.My best Buy Section Style
   *************************************/
.my-best-buy {}

.my-best-buy_text {}

.my-best-buy_text img {
   /* height: 76px;
     width: 140px; */
}

.my-best-buy_text h3 {
   font-size: 25px;
   font-weight: 600;
   line-height: 30px;
   padding: 30px 0;
}

.my-best-buy_text p {
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
   padding-bottom: 30px;
}

.my-best-buy_grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
   overflow: auto;
   height: 100%;
}

.my-best-buy_grid .most-view_single {
   position: relative;
}

.my-best-buy_grid .most-view_single a h5 {
   margin-top: 30px;
}

.my-best-buy_grid .most-view_single_image_wrapper {
   height: 230px;
}

.my-best-buy_grid .most-view_single_image {
   height: 100px;
   margin-bottom: 10px;
}

.my-best-buy_button-wrapper {
   /* width: 100%;
     height: 100%;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: 20px; */
}

/**************************************
   *  06.Highlight Section Style
   *************************************/
.highlight-area {}

.highlight-single {
   position: relative;
   padding-top: calc(350 / 350 * 100%);
}

.highlight-single img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   border:none !important;
}

.highlight-single .button {
   position: absolute;
   top: 72%;
   left: 50%;
   transform: translate(-50%, -72%);
}

/**************************************
   * 07.Trending Now Section Style
   *************************************/

.common-slider .top-deals {
   border: none;
}

.common-slider .top-deals_image-wrapper h5 {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   white-space: unset;
   margin-bottom: 15px;
}

/**************************************
   * 08.Featured Offer Section Style
   *************************************/


.featured-offer_single.last-item {
   border-right: none;
   padding-right: 0;
}

.featured-offer_single_image {
   position: relative;
   padding-top: calc(250 / 370 * 100%);
}

.featured-offer_single_text h3 {
   font-size: 17px;
   font-weight: 800;
   margin: 20px 0 10px;
   color: #000;
}

.featured-offer_single_text h3 a {
   color: #000;
   transition: border 0.3s ease;
}

.featured-offer_single_text p {
   font-size: 14px;
   font-weight: 400;
   color: #111;
   margin-bottom: 10px;
}

.featured-offer_single_text h6 {
   font-size: 12px;
   font-weight: 300;
   color: #111;
}

/**************************************
   * 09.Featured Products Section Style
   *************************************/
.featured-products {}

.featured-products_wrapper {
   border: var(--border-base);
   margin: 0;
}

.featured-products_wrapper .heading {
   margin: 20px 0;
}

.featured-products_wrapper .heading h3 {
   border-bottom: none;
}

.featured-products_wrapper .top-deals {
   border: none;
}

.featured-products_wrapper .top-deals_image-wrapper h5 {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   white-space: unset;
   margin-bottom: 15px;
}

.featured-products_wrapper .top-deals_image {
   position: unset;
   padding-top: 0;
}

.featured-products_wrapper .top-deals_image img {
   position: static;
   margin: 0 auto 30px;
   max-height: 103px;
   max-width: 152px;
}

/**************************************
   * 10.Outdoor Box Section Style
   *************************************/
.outdoor-box-area {}

.outdoor-box_grid {
   display: grid;
   gap: 30px;
   grid-template-columns: 1fr 1fr 1fr;
}

.outdoor-box_single {
   background-color: #000;
   padding: 20px;
   height: 100%;
}

.outdoor-box_single.bg-gray {
   background-color: var(--color-gray);
}

.outdoor-box_title {
   margin-bottom: 20px;
}

.outdoor-box_title h3 {
   color: #fff;
   font-size: 22px;
   font-weight: 600;
   min-height: 60px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: unset;
   overflow: hidden;
}

.outdoor-box_single.bg-gray .outdoor-box_title h3 {
   color: #000;
}

.outdoor-box_single_grid {
   display: grid;
   gap: 30px;
   grid-template-columns: 1fr 1fr;
}

.outdoor-box_image_wrapper {
   margin-bottom: 30px;
}

.outdoor-box_image_wrapper a {
   transition: all 0.3s ease-in-out;
}

.outdoor-box_image {
   position: relative;
   padding-top: calc(176 / 176 * 100%);
}

.outdoor-box_image img {}

.outdoor-box_image_wrapper a h6 {
   font-size: 13px;
   color: #fff;
   font-weight: 400;
   margin-top: 10px;
   height: 30px;
}

.outdoor-box_image_wrapper a:hover h6 {
   border-bottom: 1px solid #fff;
}

.outdoor-box_single.bg-gray .outdoor-box_image_wrapper a h6 {
   color: #111;
}

.outdoor-box_single.bg-gray .outdoor-box_image_wrapper a:hover h6 {
   border-color: #111;
}

/**************************************
   * 11.Apply Card Section Style
   *************************************/
.apply-card {
   background-color: #000;
   padding: 20px 0;
}

.apply-card_single {
   display: flex;
   align-items: center;
   justify-content: end;
}

.apply-card_single.second {
   justify-content: start;
   margin-top: 20px;
}

.apply-card_image {}

.apply-card_image img {
   height: 90px;
}

.apply-card_title {
   margin-left: 15px;
}

.apply-card_title h3 {
   font-size: 21px;
   line-height: 24px;
   color: #fff;
}

.apply-card_title h2 {
   font-size: 46px;
   line-height: 50px;
   color: var(--color-yellow);
}

.apply-card_single p {
   font-size: 16px;
   color: #fff;
   width: 50%;
   margin-right: 15px;
}

.apply-card_single .button {
   background-color: yellow;
   color: #000;
   font-weight: 600;
   text-transform: capitalize;
}

.apply-card_single .button:hover {
   background-color: #fff;
   color: #000;
}

/**************************************
   * 12.Drops Section Style
   *************************************/
.drops-area {}

.drops-top {}

.drops-top_left,
.drops-top_right {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   height: 100%;
}

.drops-top_left {
   background-color: var(--color-gray);
   padding: 16px;
}

.drops_image {
   width: 72px;
   height: 72px;
}

.drops_image a {}

.drops_image img {}

.drops_text {
   padding-left: 15px;
}

.drops_text h3 {
   font-size: 25px;
   color: #000;
   line-height: 1.3;
   font-weight: 600;
}

.drops_text h3 sup {
   font-size: 11px;
   font-weight: 600;
}

.drops_text h4 {
   font-size: 16px;
   color: #000000;
   line-height: 1.3;
   font-weight: 800;
   font-family: "Open Sans", sans-serif;
}

.drops_text p {
   font-size: 15px;
   color: #111;
   line-height: 1.3;
   margin: 8px 0;
}

.drops_text a {
   font-weight: 400;
}

.drops-top_right {
   height: 100%;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.drops-top_right .drops_text {
   background-color: var(--color-gray);
   padding: 15px;
   height: 160px;
   width: 100%;
}

.drops_image-inside img {
   width: 320px;
   height: 160px;
}

.drops-bottom_single {
   display: flex;
   justify-content: center;
   align-items: center;
   border-right: 3px solid #cecece;
}

.br-none {
   border-right: none !important;
}

.drops_icon {
   width: 80px;
   height: 80px;
}

.drops_icon img {}

/**************************************
   * 13.Shop Latest Section Style
   *************************************/
.shop-latest-area {
   /* background: url(../images/dynamic/shop-latest-bg.jpg) no-repeat; */
   /* background-size: cover;
     width: 100%;
     height: 100%;
     margin-bottom: 40px; */
}

.shop-latest-text {
   /* margin-top: 20px; */
}

.shop-latest-text h3 {
   font-size: 25px;
   font-weight: 700;
   color: #fff;
}

.shop-latest-text p {
   color: #fff;
   font-size: 13px;
   font-weight: 400;
   margin-bottom: 10px 0;
}

.shop-latest-text .details_btn {
   color: var(--color-yellow);
}

.shop-latest-text .details_btn:hover {
   border-color: var(--color-yellow);
}

.shopLatest-slider-init {
   padding: 0 20px 20px;
   overflow: hidden;
}

.shopLatest-slider-init .top-deals {
   background-color: #fff;
   /* width: 90% !important; */
   width: 100% !important;
   padding-top: 0;
}

.shop-latest-area.slide-prev svg,
.shop-latest-area .slide-next svg {
   fill: var(--color-yellow);
}

.shop-latest-area .common-slider .top-deals_image-wrapper h5 {
   height: 60px;
}





/**************************************
   * 14. Footer Section Style
   *************************************/
footer {
   background-color: #000;
   padding: 11px 0;
   /* padding: 40px 0; */
   overflow: hidden;
}

.footer-top {
   padding-bottom: 40px;
}

.footer-top-grid {
   display: grid;
   gap: 30px;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.footer-top-single {
   text-align: center;
}

.footer-top-single svg {
   height: 55px;
   width: 55px;
}

.footer-top-single h6 {
   margin-top: 20px;
   color: #fff;
}

.footer-top-single a {
   color: #fff;
}

/* main footer */
footer .main-footer {
   /* border-top: 1px solid #d8d8d8; */
   /* border-bottom: 1px solid #d8d8d8; */
   padding: 30px 0;
}

footer .footer-links .footer-title h3 {
   font-size: 18px;
   line-height: 30px;
   color: #fff;
   text-transform: capitalize;
   font-weight: 600;
   border-bottom: 1px solid #fff;
   display: inline-block;
}

footer .footer-links ul {
   margin-bottom: 30px;
}

footer .footer-links ul li a {
   font-size: 13px;
   line-height: 23px;
   color: #fff;
   transition: all 0.3s ease-in-out;
}

footer .footer-links ul li a:hover {
   /* border-bottom: 1px solid #fff; */
}

footer .feedback {
   padding-top: 30px;
}

footer .feedback p {
   color: #fff;
   font-size: 13px;
   line-height: 1.3px;
}

footer .feedback p a {
   color: #fff;
   border-bottom: 1px solid #fff;
}

.footer-social {
   background-color: #fff;
   padding: 15px;
}

.footer-social .signup {}

.footer-social .signup a {
   font-size: 13px;
   line-height: 1.3;
   color: #000;
}

.footer-social .send-email {}

.footer-social .send-email h6 {
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 10px;
   color: #000;
}

.footer-social .send-email-wrapper {
   display: flex;
   justify-content: space-between;
}

.footer-social .send-email-wrapper input {
   font-size: 13px;
   line-height: 18px;
   padding: 5px 15px;
   border-radius: 5px;
   border: 1px solid #666;
   transition-duration: 0.2s;
   transition-property: border, color, background-color;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   width: 100%;
}

.footer-social .send-email-wrapper input:focus {
   border: 1px solid var(--color-blue);
}

.footer-social .send-email-wrapper .send-email-button {
   margin-left: 15px;
   width: 100%;
   background-color: #000;
   color: #fff;
   border-radius: 5px;
   border: none;
   transition: background 0.3s ease;
}

.footer-social .send-email-wrapper .send-email-button:hover {
   background-color: var(--color-blue);
}

.footer-social .learn-more {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.footer-social .learn-more svg {
   width: 40px;
   height: 40px;
}

.footer-social .learn-more-wrapper {
   margin-left: 10px;
}

.footer-social .learn-more-wrapper h5 {
   font-size: 16px;
   color: #000;
}

.footer-social .learn-more-wrapper a {
   font-size: 13px;
   display: block;
   color: #000;
}

.footer-social .social-media {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.footer-social .social-media a {}

.footer-social .social-media a svg {
   width: 30px;
   height: 30px;
}

hr {
   border: 0;
   border-top: 1px solid #c5cbd5;
   box-sizing: initial;
   height: 0;
   margin: 20px 0;
}

/* footer botom */
.footer-bottom {
   margin-top: 20px;
}

.footer-bottom ul {
   display: flex;
   justify-content: space-between;
}

.footer-bottom ul li {
   margin-bottom: 15px;
}

.footer-bottom ul li:not(:last-child) {
   margin-right: 20px;
}

.footer-bottom ul li a {
   font-size: 11px;
   line-height: 14px;
   color: #fff;
   transition: all 0.3s ease;
}

.footer-bottom ul li a:hover {
   border-bottom: 1px solid #fff;
}

.footer-bottom p {
   font-size: 13px;
   line-height: 1.3;
   text-align: center;
   color: #fff;
   margin-top: 20px;
}

.mCSB_scrollTools {
   width: 10px;
}

.mCSB_inside>.mCSB_container {
   margin-right: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   display: none;
   width: 10px;
}

.mCSB_scrollTools .mCSB_draggerRail {
   display: none;
}



/* modal footer */
.cart-bottom{
   font-size: 12px;
   color: #8f8f8fd5;
}
.shoppingCart-modal__dialog__content__footer {
   background: #fff;
   width: 100%;
   margin: 0;
   padding: 0;
}

.minicart-summary-totals {
   bottom: 0;
   background: #fff;
   border-top: 1px solid #f5f5f5;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.minicart-summary-amount {
   /* width: 50%; */
   padding: 10px 0 0 10px;
   height: 50px;
   background: #fff;
   margin: 10px;
}

.minicart-summary-amount .cart-totalText {
   display: block;
   color: #58595b;
   font-size: 0.8rem;
   line-height: 0.8rem;
}

.minicart-summary-amount .cart-total {
   display: block;
   color: var(--color-hover);
   font-size: 1rem;
   line-height: 1rem;
}

.minicart-summary-proceed {
   /* width: 50%; */
   margin: 20px 10px 10px;
}

/**************************************
   * 05.Browse Products Section Style
   *************************************/
.browse-products .collection-banner {
   position: relative;
   cursor: pointer;
   background-color: rgba(20, 20, 20, 0.05);
   padding: 10px;
   overflow: hidden;
}

.banner-style-2 .collection-banner {}

.browse-products .collection-banner a {
   transition: transform 0.5s ease-in-out;
   overflow: hidden;
   position: relative;
}

.browse-products .collection-banner a img {
   transition: transform 0.5s ease-in-out;
   overflow: hidden;
   position: relative;
}

.browse-products .collection-banner a::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 1;
   text-align: center;
   cursor: pointer;
   width: 100%;
   height: 100%;
   background-color: rgba(20, 20, 20, 0.5);
   z-index: 9;
}

.browse-products .collection-banner a:hover {
   transform: scale(1.2);
}

.browse-products .title-3 h2 {
   color: #000;
   font-weight: 600;
}

.browse-products .title-3 h5 {
   color: #666;
   font-size: 16px;
}

/**************************************
   * 08.Product Section Style
   *************************************/
.product-area {}

.product-area .product-box {
   overflow: hidden;
   transition: all 0.3s ease-in-out;
   position: relative;
}

.product-box_image-wrapper {
   position: relative;
   padding: 20px;
   background-color: #fff;
}

.product-box_image-wrapper .button-wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.3s ease-in-out;
   opacity: 0;
}

.product-box_image-wrapper .button {
   font-size: 13px;
   color: #fff;
}

.product-box_image-wrapper .button:hover {
   background-color: #fff;
   color: var(--color-hover);
}

.product-box_image-wrapper:hover .button-wrapper {
   opacity: 1;
}

.product-box .label-theme {
   border-radius: 10px;
}

.product-box .img-wrapper {
   overflow: hidden;
   position: relative;
   padding-top: calc(300 / 300 * 100%);
   transition: all 0.3s ease-in-out;
}

.product-box .img-wrapper a {
   transition: all 0.3s ease-in-out;
   overflow: hidden;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.product-box .img-wrapper .product-image {}

.product-box .img-wrapper .product-hover-image {
   opacity: 0;
}

.product-box .img-wrapper:hover .product-image {
   opacity: 0;
}

.product-box .img-wrapper:hover .product-hover-image {
   opacity: 1;
}

.product-box .img-wrapper a img {
   width: 100%;
   height: 100%;
   margin: auto;
   overflow: hidden;
   border-radius: 0;
   transition: all 0.3s ease-in-out;
}

.product-box .img-wrapper .label-block {
   position: absolute;
   top: 0;
   left: 0;
   padding: 0;
}

.product-box .img-wrapper .label-block .label {
   color: var(--color-green);
   margin-top: -20px;
}

.product-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   gap: 30px;
}

.product-single {}

.product-box .product-details h5 {
   font-weight: 600 !important;
}

.product-box .product-details h3 {
   font-weight: 600 !important;
}

.product-box .product-details .rating {
   display: flex;
   justify-content: center;
   align-items: center;
}

.product-box .product-details .rating i,
.product-box .product-details .rating .fa-star,
.product-box .product-details .rating .fa-star-half {
   font-size: 10px !important;
   color: #c3c3c3 !important;
   padding-right: 1px;
}

.rating i.color {
   color: var(--color-hover) !important;
}

.rating .review-text {
   color: var(--color-black-theme);
   font-size: 12px;
}

.slick-slider .slick-list {
   margin: 0 !important;
}

.slick-list .slick-track {
   margin: 0;
}

.slick-list .slick-track .slick-slide img {
   filter: grayscale(0) blur(0) !important;
   opacity: 1 !important;
}

/**************************************
   * 09.Product Details Page Style
   *************************************/
.product-des {
   background: #f5f5f5;
   padding: 10px 40px 10px 15px;
   border-radius: 15px;
   margin-bottom: 20px;
   display: inline-block;
}

.product-des li {
   position: relative;
   padding-left: 10px;
   display: flex;
   text-align: left;
}

.product-des li::before {
   content: "";
   position: absolute;
   top: 8px;
   left: 0;
   background-color: #666;
   width: 4px;
   height: 4px;
   border-radius: 50%;
}

.product-des p {
   text-align: left;
}

.product-buttons .btn-solid:hover {
   color: #fff;
   background-color: #000;
}

.btn-black {
   background-color: #000 !important;
}

.btn-black:hover {
   background-color: var(--color-hover) !important;
}

.btn-gray {
   background-color: var(--color-hover-gray) !important;
}

.btn-gray:hover {
   background-color: var(--color-hover) !important;
}

.black-slide .slick-list .slick-track {
   text-align: left;
   -webkit-transform: translate3d(0, 0, 0) !important;
   transform: translate3d(0, 0, 0) !important;
}

.black-slide .slick-list .slick-track .slick-slide img {
   filter: grayscale(0) blur(0) !important;
   opacity: 1 !important;
}

.product-icon {
   display: flex;
   justify-content: flex-start;
   align-items: baseline;
}

.product-icon h6 {
   margin-right: 25px;
   font-weight: 600;
}

.details-items .cloth-details-size .details-image-concept h2 {
   font-weight: 600 !important;
}

.price-detail {
   font-weight: 600 !important;
}

/**************************************
   * 12.Brand Section Style
   *************************************/
.brand-list-container{
   overflow-x: auto;
   max-width:100%;
   white-space: nowrap;
   padding: 10px;
}
/* For Webkit Browsers (Chrome, Safari) */
.brand-list-container::-webkit-scrollbar {
    height: 8px; /* Height of the scrollbar */
}

.brand-list-container::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar */
    border-radius: 10px; /* Rounded edges */
}

.brand-list-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color on hover */
}

/* For Firefox */
.brand-list-container {
    scrollbar-width: thin; /* Set scrollbar width to thin */
    scrollbar-color: #888 #f1f1f1; /* Thumb color and track color */
}

.brand-area {}

.product-brand_grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   gap: 20px;
}

.product-brand_single {
   padding: 10px;
}

.product-brand_single_item-group {}

.product-brand_single a {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 147px;
   border: 2px solid #f8f9fa;
   background-color: #fff;
   box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);
   transition: all 0.3s ease-in-out;
   overflow: hidden;
   margin: 20px 0;
}

.product-brand_single a img {
   max-height: 90px;
   transition: all 0.3s ease-in-out;
   overflow: hidden;
}

.product-brand_single a img:hover {
   transform: scale(1.2);
}

/* .product-brand .slick-dots{
     margin: 30px 0 !important;
     padding: 7px 20px;
  } */

/**************************************
   * 09.Inner Banner Section Style
   *************************************/
.inner-banner-area {}

.inner-banner {}

.inner-banner_image {
   position: relative;
   padding-top: calc(350 / 1200 * 100%);
}

.inner-banner_image img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.breadcrumbs {
   background: #fff;
   margin: 0;
   padding: 20px 0;
}

.breadcrumbs .items {
   color: #282828;
   font: 400 13px/1.35 Montserrat, Helvetica Neue, Verdana, Arial, sans-serif;
}

.breadcrumbs .items a {
   color: #282828;
}

.breadcrumbs .item:not(:last-child) {
   display: inline-block;
   text-decoration: none;
}

.breadcrumbs .item:not(:last-child):after {
   content: "\f054";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   display: inline-block;
   font-size: 10px;
   vertical-align: middle;
   margin: 2px 5px;
}

.breadcrumbs .items>li {
   display: inline;
}

.breadcrumbs li:last-child h1 {
   font-size: 13px;
   display: inline-block;
   color: #282828;
   font-weight: 700;
}

.breadcrumbs li:last-child h1 strong {
   color: #282828;
   font-weight: 700 !important;
}

.breadcrumbs {}

.page-title {
   display: block;
   text-align: center;
   margin: 10px 0 30px;
}

.page-title h2 {
   font-size: 26px;
   line-height: 34px;
   color: var(--color-black);
   font-weight: 600;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.page-title.light h2 {
   font-weight: 400;
   text-transform: capitalize;
}

.page-title h5 {
   font-size: 18px;
   color: #000;
   font-weight: 300;
}

.page-title h5::after {
   content: "";
   display: block;
   border-bottom: 3px solid #000;
   width: 43px;
   margin: 0 auto 25px;
   padding-bottom: 18px;
}

/**************************************
   * 10.Inner Category Section Style
   *************************************/
.Inner-category {}

.inner-category_details {
   background-color: #f3f3f3;
}

.inner-category_grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   gap: 30px;
   margin: 0 30px;
}

.inner-category_grid_single {
   position: relative;
}

.inner-category_single_image {
   position: relative;
   padding-top: calc(350 / 350 * 100%);
   overflow: hidden;
   border-radius: 50%;
   box-shadow: 0px 2px 5px 0px rgba(139, 94, 60, 0.2);
   transition: all 0.5s ease-in-out;
}

.inner-category_single_image::after {
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 50%;
   z-index: 1;
   opacity: 0;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
}

.inner-category_grid_single:hover .inner-category_single_image::after {
   opacity: 1;
}

.inner-category_grid_single:hover .inner-category_single_image img {
   transform: scale(1.2);
   overflow: hidden;
}

.inner-category_grid_single:hover .inner-category_single_image {
   box-shadow: none;
}

.inner-category_single_image img {
   border-radius: 50%;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1.1);
   transition: transform 0.5s ease-in-out;
   overflow: hidden;
}

.inner-category_grid_single h3 {
   font-size: 20px;
   line-height: 30px;
   color: var(--color-black-theme);
   font-weight: 600;
   text-transform: capitalize;
   margin-top: 15px;
   text-align: center;
   transition: all 0.3s ease-in-out;
}

.inner-category_grid_single:hover h3 {
   color: var(--color-hover);
}

.inner-category_text {
   margin: 10px;
}

.inner-category_text p {
   font-size: 14px;
   line-height: 18px;
   color: #333;
}

/**************************************
   * 11.Blog Section Style
   *************************************/
.blog-area {
   padding: 30px 0;
}

.blog-area {}

.blog-area .blog-categority {
   background-color: transparent;
}

.blog-area .blog-categority .card-body {
   background-color: transparent;
}

.blog-area .blog-categority .blog-img {
   border-radius: 0;
}

.blog-area .blog-categority .card-body h5 {
   text-transform: uppercase;
   font-size: 11px;
   font-weight: 700;
   display: block;
   margin-bottom: 5px;
}

.blog-area .blog-categority .card-body h2 {
   font-size: 22px;
   font-weight: 700;
   display: block;
   margin: 10px 0 8px;
   letter-spacing: 0.46px;
}

.blog-area .blog-categority .card-body a {
   color: #282828;
   transform: all 0.3s ease;
}

.blog-area .blog-categority .card-body a:hover {
   text-decoration: underline !important;
}

/**************************************
   * 12.Filter Sort Div Style
   *************************************/
.filter-sort-wrapper {
   padding-bottom: 30px;
}

.filter-sort-wrapper .filter-button .danger-button {
   background-color: var(--theme-color);
   margin: 0 !important;
   padding: 5px 10px;
   border-radius: 0;
   font-size: 12px !important;
   color: #fff !important;
}

.toolbar-amount {
   padding-top: 5px;
   font-weight: 400;
   display: block;
   font-size: 16px;
   line-height: 26px;
   margin: 0;
   padding: 8px 0 0;
}

.filter-sort-wrapper .sort-select {
   display: flex;
   justify-content: end;
   align-items: center;
}

.filter-sort-wrapper .sort-select .sort p {
   font-size: 14px;
   font-weight: 600;
   margin-right: 10px;
}

.filter-sort-wrapper .sort-select .filter_list_container .select-bg {
   background: transparent;
}

.filter-sort-wrapper .sort-select .filter_list_container .form-control {
   height: 100%;
   font-size: 14px;
   border-radius: 0;
   border: 1px solid #666;
   overflow: hidden;
}

.filter_list_container .form-control:focus {
   box-shadow: none;
   outline: 0 none;
   border: 2px solid var(--color-hover) !important;
}

.filter-sort-wrapper .sort-select .filter_list_container option {
   font-size: 14px;
   font-weight: 400;
}

/**************************************
   * 12.About Section Style
   *************************************/
.about-area {}

.about-text {}

.about-text h2 {
   font-weight: 700;
   margin-bottom: 20px;
   font-size: 20px;
}

.about-text h5 {
   font-weight: 400;
   margin-top: 30px;
   margin-bottom: 20px;
   font-size: 18px;
}

.about-text p {
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0;
}

.about-video {}

.about-video .embed-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
}

.about-video .embed-container iframe,
.about-video .embed-container object,
.about-video .embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/**************************************
   * 13.Community Section Style
   *************************************/
.community-area {}

.community_single {}

.community_single h2 {
   color: #000;
   font-size: 50px;
   font-weight: 700;
   position: relative;
   text-align: center;
   margin-bottom: 20px;
}

.community_single h2:after {
   position: absolute;
   bottom: -5px;
   content: "";
   width: 50px;
   height: 2px;
   background: #282828;
   left: calc((100% - 50px) / 2);
}

.community_single h4 {
   text-align: center;
   font-size: 16px;
   font-weight: 600;
}

.community_single h4 a {
   color: var(--color-black);
}

/**************************************
   * 14.Gallery Section Style
   *************************************/
.gallery-area {}

.gallery-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 10px;
}

.gallery-single {
   min-height: 300px;
}

.gallery-single:first-of-type {
   grid-column: span 2;
   grid-row: span 2;
   min-height: 600px;
}

.gallery-single a {
   transition: all 0.5s ease;
}

.gallery-single_image {
   position: relative;
   transition: opacity 0.5s ease-in-out;
}

.gallery-single_image img {
   min-width: 100%;
}

.gallery-single_image::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #fff;
   opacity: 0;
}

.gallery-single_image::after {
   content: url(../images/static/instagram.svg);
   font-family: "Font Awesome 5 Free";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 30px;
   height: 30px;
   opacity: 0;
}

.gallery-single_image:hover::before {
   opacity: 0.7;
}

.gallery-single_image:hover::after {
   opacity: 1;
}




/**************************************
   * 15.Review Section Style
   *************************************/
.review-top-details {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 2px solid #e3e3e3;
   padding-bottom: 10px;
}

.reviews_heading {}

.reviews_heading h3 {
   color: #4f4f4f;
   font-size: 22px;
   font-weight: 700;
}

.review_rating_arrows {
   display: flex;
   align-items: center;
   position: relative;
}

.review_rating {
   display: flex;
   margin-right: 70px;
}

.review_rating .rating {
   margin-right: 10px;
}

.review_rating .rating ul li {}

.review_rating .rating ul li i {
   font-size: 19px;
}

.review_rating span {
   font-size: 14px;
   line-height: 17px;
   color: #6a6c77;
}

.review-arrows {}

.review-arrows .button {}

.review-arrows .review-prev {}

.review-arrows .review-next {}

.review-arrows .review-prev,
.review-arrows .review-next {
   color: #56575f;
   font-size: 20px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   position: absolute;
   top: 0;
   border: none;
   transition: all 0.5s ease;
}

.review-arrows .review-prev:hover,
.review-arrows .review-next:hover {
   color: var(--color-hover);
}

.review-arrows .review-prev {
   right: 25px;
}

.review-arrows .review-next {
   right: 0;
}

.review-slider {
   position: relative;
   margin-top: 30px;
}

.review-single {
   display: flex !important;
   align-items: flex-start;
   justify-content: flex-start;
}

.review-single_qoute {
   display: inline-block;
   border-radius: 50%;
   border: 1px solid #e1e5ee;
   padding: 29px;
}

.review-single_qoute i {
   font-size: 30px;
   color: #6a6c77;
}

.review-single_details {
   margin-left: 20px;
}

.review-single_details .review_rating {}

.review-title {
   color: #4f4f4f;
   font-size: 22px;
   line-height: 32px;
   font-weight: 700;
   margin-top: 10px;
}

.review-des {}

.review-des p {
   font-size: 14px;
   line-height: 18px;
   color: #6a6c77;
}

.review-single_details h6 {
   color: #737373;
   font-size: 12px;
   font-weight: 700;
   margin-top: 10px;
}

/**************************************
   * 16.Policy Section Style
   *************************************/
.policy-area {}

.policy_details {}

.policy_details p {
   color: #000;
   font-size: 14px;
   line-height: 24px;
   font-weight: 400;
   letter-spacing: 0;
   margin-bottom: 16px;
}

.policy_details p strong {
   font-weight: 700;
}

.policy_details p a {
   font-weight: 700;
}

.policy_details ul {
   list-style-type: circle;
   margin-left: 50px;
   margin-bottom: 30px;
}

.policy_details ul li {
   color: #000;
   font-size: 14px;
   line-height: 24px;
   font-weight: 400;
   margin-bottom: 16px;
   display: list-item;
}

.policy_details ul li:before {}

/**************************************
   * 17.Login Signup Section Style
   *************************************/
.login-signup {}

.login-signup_login,
.login-signup_signup {
   padding: 20px 4%;
   border: 1px solid #e9e9e9;
   background-color: #fff;
}

.login-signup .custome-form-check {
   align-items: baseline;
}

.login-signup .custome-form-check .form-check-label {
   white-space: unset;
}

.login-signup h3 {
   font-weight: 600;
}

.login-signup .register-top-msg {
   color: #454545;
   font-weight: 600;
   font-size: 13px;
   /* margin-bottom: 10px; */
}

.login-signup .dob-wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 10px;
}

.login-signup .keep-forgot-wrapper {
   display: flex;
   justify-content: space-between;
}

/**************************************
   * 18.Cart Section Style
   *************************************/
.cart-area {}

.cart-empty {}

.cart-empty p {
   color: var(--color-black);
   margin-bottom: 16px;
}

.cart-area .cart-container {
   /* background: #f5f5f5; */
   margin: 0;
}

.cart-area .cart-table {
   background: transparent;
}

.cart-area .cart-table thead tr {
   background: transparent;
}

.cart-area .your-cart-box {
   background: #f5f5f5;
   padding: 20px;
   position: sticky;
   top: 20px;
}

.cart-area .button {
   border-radius: 0;
}

.cart-area .accordion-item {
   background-color: transparent;
   border: none;
}

.cart-area .accordion-button {
   background-color: transparent;
   border: none;
   color: var(--color-black);
   padding: 10px 0;
}

.cart-area .accordion-button:focus {
   border: none;
   box-shadow: none;
}

.cart-area .accordion-button:after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.cart-area .accordion-button:not(.collapsed) {
   color: var(--color-black);
}

.cart-area .total-details h6 {
   display: flex;
   justify-content: space-between;
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 10px;
}

.cart-area .total-details h6 span {
   margin-left: 20px;
}

.cart-area .accordion-flush .accordion-collapse {
   padding: 20px 0;
}


/**************************************
   * 19.Customize from theme css
   *************************************/

.tap-to-top {
   border-radius: 50%;
}

.title h2 {
   font-weight: 600;
   text-align: center;
}

/* logo */

.onhover-div {
   right: 0;
   transition: all linear 0.6s;
}

.onhover-div::before {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid transparent;
   top: -15px;
   right: 0;
   z-index: 2;
}

.onhover-dropdown:hover .onhover-div {
   top: 35px !important;
}

.service-section .service-wrap .service-icon svg {
   margin: auto;
}

.footer-content ul li a i {
   margin-right: 10px;
}

.footer-contact {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-direction: column;
   height: 180px;
}

.footer-logo {}

.footer-logo a img {
   width: 160px;
   height: auto;
}

.sub-footer p a {
   color: #000;
   font-weight: 600;
}

.service-style-2 .service-wrap {
   display: flex;
   align-items: flex-start;
   text-align: left;
   margin-bottom: -2px;
}

.service-style-2 .service-wrap .service-icon {
   margin-right: 15px;
}

.service-style-2 .row>div+div::before {
   background-color: transparent;
}

/* Read more div */
.read-more-div {
   margin-bottom: 60px;
}

.read-more-div .read-more-details {
   overflow: hidden;
   /* max-height: 40px;  */
   /* read-more functionability off */
   transition: max-height 0.3s ease, filter 0.3s ease;
   filter: blur(0);
}

.blur-text {
   filter: blur(25px);
}

.read-more-div .read-more-details p {
   font-size: 16px;
   line-height: 26px;
}

.read-more-div .read-more-btn {
   padding-top: 40px;
   display: none;
   /* read-more functionability off */
}

.read-more-div .read-more-link {
   color: #333;
   font-weight: 600;
   font-size: 16px;
   text-transform: capitalize;
   border-bottom: 2px solid var(--color-hover);
}

/* Product view modal start */
.quick-view-modal .qty-box {
   padding: 20px 0;
   border-top: 1px dashed #ced4da;
}

.quick-view-modal .qty-box .input-group button {
   background-color: transparent;
   color: #212529;
   cursor: pointer;
   font-size: 12px;
   font-weight: 900;
   line-height: 1;
   padding: 15px 20px;
}

.quick-view-modal .qty-box .input-group span button {
   border: 1px solid #ced4da;
   height: 100%;
}

.quick-view-modal .qty-box .input-group .form-control {
   text-align: center;
   width: 80px;
   height: auto;
   flex: unset;
}

.quick-view-modal .select-types {
   padding: 20px 0;
   border-top: 1px dashed #ced4da;
}

.quick-view-modal .select-types .form-control {
   height: auto;
}

.quick-view-modal .select-types select {
   background: url(../images/static/chevron-down.svg) no-repeat calc(94%) center/12px auto;
}

.quick-view-modal .select-types label {
   font-weight: 500;
   color: var(--color-black);
   font-size: 14px;
   line-height: 24px;
}

.quick-view-modal h6 {
   color: var(--color-black);
   font-size: 16px;
   line-height: 26px;
   font-weight: 600 !important;
}

.quick-view-modal .borderless-btn-wrapper a {
   color: var(--color-black);
   font-size: 14px;
   line-height: 14px;
   transition: all 0.3s ease;
}

.quick-view-modal .borderless-btn-wrapper a span {
   border-bottom: 1px solid transparent;
   text-transform: uppercase;
}

.quick-view-modal .borderless-btn-wrapper.details a span {
   border-bottom: 1px solid var(--color-black);
   text-transform: capitalize;
}

.quick-view-modal .borderless-btn-wrapper a:hover {
   color: var(--color-hover);
}

.quick-view-modal .borderless-btn-wrapper a span:hover {
   border-bottom: 1px solid var(--color-hover);
}

.quick-view-modal .btn-close {
   width: 30px;
   height: 30px;
   line-height: 30px;
   top: 0;
   right: 0;
   color: #fff;
   background: var(--color-hover);
   z-index: 2;
}





/*************add to cart***********/
.add-to-cat-page {
   background-color: #f0f2f4;
   padding-top: 40px;
}

.add-cart-left {
   /*    height: 150vh;*/
}

.cart-card {
   margin-bottom: 3rem;
   padding: 3rem;
   background-color: #fff;
   border: 1px solid #e0e6ef;
}

.fluid-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: -3rem 0 20px -3rem;
}

.fluid-item__details {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 33.3%;
}

.fluid-item>* {
   padding: 1rem 0 0 1rem;
}

.fluid-item__details--upper,
.fluid-item__details--lower {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
}

.fluid-item__title {
   margin: 0 0 auto;
   border-left: solid 3rem transparent;
   width: calc(100% - 60px);
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
   word-wrap: break-word;
}

.cart-item__title-heading {
   font-weight: 400;
   margin-bottom: 4px;
}

.cart-item__title {
   margin-bottom: 13px;
   display: block;
   font-size: 17px;
   line-height: normal;
}

.fluid-item .cart-item__title {
   font-size: 13px;
   margin-bottom: 0;
}

.fluid-item .cart-item__title:hover {
   color: #000;
}

.c-button-link.change-store-link:hover {
   text-decoration: underline !important;
}

.c-button-link.fitness-equipment__link span {
   font-size: 13px;
}

.c-button-link.fitness-equipment__link span:hover {
   text-decoration: underline !important;
}

.fluid-item__image {
   margin: 0 0 auto;
   border-left: none;
   display: block;
   width: 60px;
   height: 60px;
   overflow: hidden;
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
}

.fluid-item__image,
.fluid-item__image:focus,
.fluid-item__image:active,
.fluid-item__image:hover {
   color: #1d252c;
}

.link,
a {
   color: #0457c8;
   text-decoration: none;
}

.sr-only {
   clip: rect(0, 0, 0, 0);
   border: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.availability__list {
   padding-left: 0;
   padding-bottom: 0;
}

.fluid-item__availability .availability__list {
   padding: 0;
}

.availability__list {
   list-style: none;
   margin-bottom: 0;
}

fieldset {
   border-color: #c5cbd5 border-style: solid;
   border-width: 0;
   margin: 0;
}

.fluid-item__availability .availability__fulfillment {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.availability__fulfillment {
   margin-bottom: 15px;
}

.fluid-item__availability .availability__entry {
   margin-bottom: 4px;
   margin-top: 4px;
}

.availability--remove-z-index {
   z-index: auto;
}

.availability__entry {
   z-index: 1;
   display: inline-block;
}

.availability__body {
   font-weight: inherit;
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: -12px;
}

.v-medium {
   font-size: 15px;
   vertical-align: middle;
}

.d-flex,
.flex {
   display: flex;
}

.align-items-center {
   align-items: center;
}

.c-radio-brand {
   flex: none;
   height: 18px;
   position: relative;
   width: 18px;
}

.c-radio-input:checked {
   border-color: #0046be;
}

.c-radio-input {
   /* -webkit-appearance: none; */
   /* appearance: none; */
   border-color: #90959e;
   border-radius: 50%;
   border-width: 2px;
   height: 100%;
   width: 100%;
}

.c-radio-input:checked~.c-radio-checkmark {
   transform: scale(1);
}

.c-radio-checkmark {
   background-color: #0046be;
   border-radius: 50%;
   bottom: 4px;
   left: 4px;
   pointer-events: none;
   position: absolute;
   right: 4px;
   top: 4px;
   transform: scale(0);
   transition: transform .2s ease-out;
}

.c-button-link {
   background-color: unset;
   border: unset;
   color: #0457c8;
   height: unset;
   padding: unset;
   text-decoration: none;
}

.availability__entry__after-label-children {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   /*    padding-bottom: 3px;*/
}

.availability__info {
   font-size: 11px;
   margin-bottom: 0px;
}

.availability__info_wrapper {
   padding-top: 8px;
   padding-left: 22px;
   margin-top: -22px;
   margin-left: 4px;
}

.fluid-item__availability .availability__fulfillment:last-child {
   margin-bottom: 0;
}

.pl-100,
.v-p-left-xs {
   padding-left: 0.6rem;
}

.py-100,
.v-p-vertical-xs {
   padding-bottom: 1rem;
   padding-top: 1rem;
}

.btn-default-link {
   background-color: unset;
   border: unset;
   color: #0457c8;
   height: unset;
   padding: unset;
   text-decoration: none;
}

.fluid-item__availability .availability__title {
   font-size: 13px;
   line-height: 15px;
   font-weight: 500;
   margin-bottom: 8px;
}

.fluid-item__actions {
   width: 16.7%;
}

.fluid-item__actions .tb-select-wrapper {
   min-width: 0px;
}

.tb-select-wrapper {
   align-items: center;
   display: flex;
   flex-direction: row;
   width: 100%;
}

.tb-select-dropdown-arrow {
   height: 1.5rem;
   pointer-events: none;
   transition: fill .2s cubic-bezier(0, 0, .2, 1);
   width: 1.5rem;
}

/*.tb-select {
      -webkit-appearance: none;
      appearance: none;
      height: 45px;
      line-height: 18px;
      margin-right: -38px;
      padding: 0  1rem;
      transition: border .2s cubic-bezier(0,0,.2,1);
      width: 100%;
      border-radius: 5px;
  }*/
.tb-select {
   -webkit-appearance: none;
   appearance: none;
   height: 40px;
   line-height: 18px;
   margin-right: -38px;
   padding: 0 1rem;
   transition: border .2s cubic-bezier(0, 0, .2, 1);
   width: 90%;
   border-radius: 5px;
   background: #fff;
   /* border: none; */
}

.fluid-item__actions .cart-item__save,
.fluid-item__actions .cart-item__remove {
   font-size: 11px;
   margin-bottom: 4px;
   margin-top: 3px;
   display: block;
}

.cart-item__remove:hover {
   text-decoration: underline;
}

.cart-item__remove:hover {
   text-decoration: underline;
}

.fluid-item__price {
   margin: 0 0 auto;
   border-left: none;
   width: 16.7%;
   padding-left: 2rem;
}

.text-right {
   text-align: right;
}

.price-block__primary-price {
   font-size: 13px;
   font-weight: 500;
}

.price-block__inline {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

label.c-radio-label.cursor-pointer.font-weight-normal.flex-shrink-0.py-100.pl-100.mb-none {
   padding-bottom: 0px;
}

.price-block__savings-price {
   display: inline-block;
   font-weight: 500;
   background-color: #bb0628;
   color: #fff;
   height: auto;
   width: auto;
   margin-top: 2px;
   font-size: 13px;
   line-height: 15px;
   padding: 2px 4px;
}

.price-block__reg-price {
   margin-top: 2px;
   line-height: 11px;
   font-size: 11px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.addons {
   padding-top: 3rem;
}

.addon-category__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-left: calc(63px);
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin-bottom: 12px;
}

.addon-category__header>h3 {
   white-space: nowrap;
   font-size: 13px;
   line-height: 16px;
   margin-right: 8px;
}

.addon-category__header hr {
   width: 100%;
   margin: 0;
}

hr {
   border: 0;
   border-top: 1px solid #c5cbd5;
   box-sizing: initial;
   height: 0;
   margin: 10px 0;
}

.addon-category__list {
   padding-left: 0;
   list-style-type: none;
}

.addon-category__list li {
   display: block;
}

.addon-base {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.large-view .addon-base__image {
   width: 100%;
}

.addon-base__image {
   margin-left: calc(63px);
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 32px;
   max-height: 32px;
}

.addon-base__image>svg {
   width: 32px;
}

.addon-base__description {
   width: calc(61.3% - 60px - 32px - 3rem);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   text-align: left;
}

.addon-base>*+* {
   padding-left: 2rem;
}

.c-ratings-reviews-mini {
   font-size: 11px;
}

.gap-50 {
   gap: .5rem;
}

.c-stars-container {
   background-repeat: inherit;
   background-size: inherit;
   display: flex;
   height: 100%;
   position: absolute;
   width: 100%;
}

.c-stars-container:nth-of-type(2) {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M5.5,23.5c-0.2,0-0.5-0.1-0.7-0.2c-0.4-0.3-0.6-0.8-0.5-1.3l1.5-6.9L0.9,9.6C0.6,9.2,0.5,8.7,0.7,8.2s0.6-0.7,1.1-0.7h6.4l2.6-6c0.2-0.5,0.7-0.8,1.2-0.8s1,0.3,1.2,0.8l0,0l2.6,6h6.4c0.5,0,0.9,0.3,1.1,0.7c0.2,0.5,0.1,1-0.2,1.3l-4.9,5.5l1.5,6.9c0.1,0.5-0.1,1-0.5,1.3s-0.9,0.3-1.4,0L12,19.6l-5.8,3.6C6,23.4,5.7,23.5,5.5,23.5z%27 fill=%27%23C28400%27/></svg>");
}

.c-stars-eds-mini {
   background-size: 0.7rem;
   height: 0.7rem;
   width: 60px;
}

.link:focus,
.link:hover,
a:focus,
a:hover {
   color: #001e73;
   text-decoration: underline;
}

.c-stars-wrapper {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M5.5,23.5c-0.2,0-0.5-0.1-0.7-0.2c-0.4-0.3-0.6-0.8-0.5-1.3l1.5-6.9L0.9,9.6C0.6,9.2,0.5,8.7,0.7,8.2s0.6-0.7,1.1-0.7h6.4l2.6-6c0.2-0.5,0.7-0.8,1.2-0.8s1,0.3,1.2,0.8l0,0l2.6,6h6.4c0.5,0,0.9,0.3,1.1,0.7c0.2,0.5,0.1,1-0.2,1.3l-4.9,5.5l1.5,6.9c0.1,0.5-0.1,1-0.5,1.3s-0.9,0.3-1.4,0L12,19.6l-5.8,3.6C6,23.4,5.7,23.5,5.5,23.5z M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4l-1.6-7l5-5.6h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l5,5.6l-1.6,7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z%27 fill=%27%2370757d%27/></svg>");
   background-repeat: repeat-x;
   display: block;
   flex: 0 0 auto;
   position: relative;
}

.c-stars-container:last-of-type {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4L16.7,15c-0.1-0.2,0-0.5,0.2-0.7L21.6,9h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l4.8,5.4c0.2,0.2,0.2,0.4,0.2,0.7l-1.5,6.7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z M15.8,7.7L15.8,7.7L15.8,7.7z%27 fill=%27%23FFE000%27/></svg>");
}

.addon-base__actions {
   width: 22%;
}

.btn-outline,
.c-button-outline {
   background-color: #fff;
   border-color: #0046be;
   border-width: 1px;
   color: #0046be;
}

.c-button-outline:hover {
   background-color: #001e73;
   border-color: #001e73;
   color: #fff;
}

.addon-base__actions>.c-button {
   width: 100%;
   padding: 0;
   font-size: 13px;
   height: 30px;
   border-radius: 5px;
}

@media only screen and (min-width: 1200px) {
   .fluid-item__title {
      width: calc(100% - 60px);
      padding-left: 0;
   }

   .addon-base__actions {
      width: 22%;
   }

   .addon-base__description {
      width: calc(67.6% - 80px - 32px - 3rem);
   }

   .addon-base__image {
      margin-left: calc(112px);
   }

   .addon-category__header {
      margin-left: calc(112px);
   }

   .fluid-item__title .item-title {
      margin-bottom: 0;
   }

   .fluid-item__image {
      width: 80px;
      height: 80px;
   }

   .fluid-item__availability {
      padding-left: 46px;
      width: 41.6%;
   }

   .fluid-item__actions {
      width: 12.5%;
   }

   .fluid-item__price {
      width: 12.5%;
      padding-left: 0;
   }

}


@media only screen and (min-width: 992px) {
   .price-block__savings-price {
      font-size: 11px;
      line-height: 11px;
      padding: 4px;
   }

}

.accordion-button.accordion-button-custom {
   background-color: #fff;
   border: none !important;
   color: #222;
}

.saved-items {
   margin-bottom: 3rem;
   padding: 3rem;
   background-color: #fff;
   border: 1px solid #e0e6ef;
}

.accordion-content h3 {
   font-size: 20px;
   font-weight: 500;
}


/*frequently*/
.frequently-section {
   margin-bottom: 3rem;
   padding: 3rem;
   background-color: #fff;
   border: 1px solid #e0e6ef;
}

.frequently-section-title h2 {
   font-size: 20px;
   line-height: normal;
   font-weight: 600;
}

.fluid-item__links-divider {
   display: none;
}

.fluid-item__price.fluid-item__price._mb {
   display: none;
}

.desktop-none {
   display: none;
}

section.card.fluid-small-view__listing-header {
   display: none;
}


/*Slider*/
.content {
   margin: auto;
   /* padding: 20px 20px 20px 20px; */
   /* background-color: white; */
}

.sliderDemo {
   margin: 30px auto 0;
}

.sliderDemo .bannerContainer {
   width: 280px;
   /* height: 380px; */
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   margin: 0px 0px 21px 0px;
   display: flex !important;
   flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: center;
   padding: 0;
   position: relative;
   border: 1px solid #e0e6ef;
   border-radius: 16px;
   /* box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.6), 0 15px 15px -10px rgba(0, 0, 0, 0.3), 0 5px 5px -5px rgba(0, 0, 0, 0.4), 0 0 4px 0 rgba(0, 0, 0, 0.2); */
}

.sliderDemo .bannerContent {
   /*  background-color: #ffe53b;*/
   width: 100%;
   height: 60%;
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
   /*  font-size: 3rem;*/
   color: black;
   z-index: 2;
}

.slick-list.draggable {
   padding: 0px !important;
}

.slick-prev:before,
.slick-next:before {
   font-family: "slick";
   font-size: 27px;
   line-height: 1;
   color: #5b5656;
   opacity: 0.75;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

}

@media (min-width: 576px) {
   .sliderDemo .bannerContent {
      width: 80%;
   }
}

@media (min-width: 768px) {
   .sliderDemo .bannerContent {
      width: 100%;
   }
}

@media (min-width: 992px) {
   .sliderDemo .bannerContent {
      width: 90%;
   }
}

@media (min-width: 1200px) {
   .sliderDemo .bannerContent {
      width: 100%;
   }
}

.sliderDemo .bannerContent.full {
   width: 100%;
   height: 100%;
   background-color: transparent;
   justify-content: flex-start;
   color: white;
   box-shadow: none;
}

.progressBar {
   display: block;
   width: 100%;
   height: 3px;
   border-radius: 3px;
   overflow: hidden;
   background-color: #f5f5f5;
   background-image: linear-gradient(to right, #666, #666);
   background-repeat: no-repeat;
   background-size: 0 100%;
   margin: 0 14px;
   transition: background-size 0.4s ease-in-out;
}

.progressBar.progressBarLabel {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
}

.slick-arrow {
   z-index: 99;
}

.slick-arrow.slick-prev,
.slick-arrow.slick-next {
   width: 20px;
   height: 56px;
}

.slick-arrow.slick-prev {
   /*  left: 0px;*/
}

.slick-arrow.slick-next {
   right: -18px;
}

.darkOverlay {
   position: absolute;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.darkOverlay.top {
   /*  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);*/
}

.darkOverlay.right {
   /*  background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);*/
}

.darkOverlay.bottom {
   /*  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);*/
}

.darkOverlay.left {
   /*  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);*/
}

/*Slider*/

.carousel {
   margin: 15px auto;
   /* padding: 0 70px; */
}

.carousel .item {
   min-height: 330px;
   text-align: center;
   overflow: hidden;
}

.carousel .item .img-box {
   height: 160px;
   width: 100%;
   position: relative;
}

.carousel .item img {
   max-width: 100%;
   max-height: 100%;
   display: inline-block;
   position: absolute;
   bottom: 0;
   margin: 0 auto;
   left: 0;
   right: 0;
}

.thumb-content {
   /* min-height: 100px; */
}

.thumb-content h4 {
   font-size: 14px;
   margin: 10px 0;
   color: #222;
   height: 55px;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
}

.thumb-content h4 a {
   color: #222;
}

.thumb-content h4:hover {
   text-decoration: underline;
}

.bannerContent {
   /*   text-align: center;*/
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 8px;
}

.carousel .item h4 {
   font-size: 14px;
   margin: 10px 0;
   color: #222;
}

.carousel .item h4:hover {
   text-decoration: underline;
}

.carousel .item h4 a {
   color: #222;
}

.carousel .item h4 a:hover {
   text-decoration: underline;
}

.carousel .item .btn {
   color: #333;
   border-radius: 0;
   font-size: 11px;
   text-transform: uppercase;
   font-weight: bold;
   background: none;
   border: 1px solid #ccc;
   padding: 5px 10px;
   margin-top: 5px;
   line-height: 16px;
}

.carousel .item .btn:hover,
.carousel .item .btn:focus {
   color: #fff;
   background: #000;
   border-color: #000;
   box-shadow: none;
}

.carousel .item .btn i {
   font-size: 14px;
   font-weight: bold;
   margin-left: 5px;
}

.carousel .thumb-wrapper {
   text-align: center;
   border: 1px solid #e0e6ef;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 8px;
}

.carousel .thumb-content {
   padding: 2px;
   text-align: left;
}

.btn-cart {
   padding-left: 20px;
   font-size: 14px;
   font-weight: 600;
}

.carousel .carousel-control {
   height: 40px;
   width: 40px;
   background: none;
   margin: auto 0;
   /* background: rgba(0, 0, 0, 0.2); */
   border-radius: 50%;
   border: 1px solid #ccc;
}

.carousel .carousel-control i {
   font-size: 23px;
   position: absolute;
   top: 50%;
   display: inline-block;
   margin: -11px 0 0 0;
   z-index: 5;
   left: 0;
   right: 0;
   color: rgba(0, 0, 0, 0.8);
   text-shadow: none;
   font-weight: bold;
}

.display-contents {
   display: contents;
}

.carousel .item-price {
   font-size: 13px;
   padding: 4px 0;
   text-align: left;
}

.carousel .item-price strike {
   color: #646060;
   margin-right: 5px;
   font-size: 15px;
   /* text-align: left; */
}

.slick-slider .slick-list .slick-slide>div {
   margin: 0 5px !important;
}

.item-price span {
   color: #222;
   font-size: 18px;
   font-weight: 600;
}

.carousel .carousel-control.left i {
   margin-left: -3px;
}

.carousel .carousel-control.left i {
   margin-right: -3px;
}

.carousel .carousel-indicators {
   bottom: -50px;
}

.carousel-indicators li,
.carousel-indicators li.active {
   width: 10px;
   height: 10px;
   margin: 4px;
   border-radius: 50%;
   border-color: transparent;
}

.carousel-indicators li {
   background: rgba(0, 0, 0, 0.2);
}

.carousel-indicators li.active {
   background: rgba(0, 0, 0, 0.6);
}

.star-rating li {
   padding: 0;
}

.star-rating i {
   font-size: 14px;
   color: #ffc000;
}


.add-cart-right {
   /*   height: 100%;*/
   background-color: #fff;
   border-left: 1px solid #e0e6ef;
   border-right: 1px solid #e0e6ef;
   /*   height: 25vh;*/
}

.add-cart-right {
   position: -webkit-sticky;
   position: sticky;
   top: 94px;
}

.order-summary {
   padding: 1rem;
   background: #fff;
}

.order-summary__heading {
   font-size: 20px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0.6rem;
}

.price-summary {
   margin-bottom: 2rem;
}

.price-summary table {
   border-collapse: collapse;
   width: 100%;
}

.price-summary table th {
   font-weight: 400;
}

.price-summary table tbody tr:last-child th,
.price-summary table tbody tr:last-child td:last-child {
   font-weight: 600;
}

.price-summary table tbody tr:last-child th,
.price-summary table tbody tr:last-child td {
   font-size: 17px;
   padding-bottom: 0.5rem;
   padding-top: 0.5rem;
}

.btn.btn-lg.btn-block.btn-primary {
   background-color: #ffe000;
   border-radius: 5px;
   border: none;
   color: #222;
   transition: 0.5s;
   font-size: 16px;
}

.btn.btn-lg.btn-block.btn-primary:hover {
   background-color: #fff200 !important;
}

.checkout-buttons__paypal {
   width: 100%;
   background-color: #1d252c;
   height: 45px;
   padding: 0;
   border-radius: 5px;
   margin-top: 15px;
}

.listing-footer__paypal-img {
   height: 20px;
}

.wallets__additional-message {
   margin: 1rem 0 0;
   text-align: left;
}

.non-member-finance-banner-content__image {
   display: block;
   width: 240px;
   margin-bottom: 8px;
}

.non-member-finance-banner-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 13px;
   margin-top: 15px;
}

.non-member-finance-banner-content__cta {
   margin-right: auto;
   font-size: 11px;
}

.non-member-finance-banner-content__message {
   margin-left: 24px;
}

.heading-6 p {
   font-size: 19px;
   font-weight: 600;
   padding-bottom: 5px;
   color: #222;
}

.lto-banner__message {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
   align-items: baseline;
   gap: 10px;
}

.gift-options-banner__title {
   margin-bottom: 6px;
   font-size: 19px;
   font-weight: 600;
}

.gift-options-banner svg {
   width: 16px;
   height: 16px;
   margin-right: 8px;
}

.heading-6 {
   font-size: 17px;
}

/*************END   add to cart***********/



/********Login**********/

.login-page {
   background-color: #f0f2f4;
}

.account-box {

   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   -o-border-radius: 4px;
   z-index: 3;
   font-size: 13px !important;
   background-color: #ffffff;
   padding: 20px;
   border: 1px solid #e0e6ef;
   border-radius: 4px;
   margin-left: 0;
   min-height: 1px;
   position: relative;
   margin-bottom: 30px;
}



.forgotLnk {
   display: block;
   margin: 5px 0px 15px;
}

.forgotLnk:hover {
   text-decoration: underline !important;
}

.purple-bg {
   background-color: #0046be;
   color: #fff;
   border-radius: 5px;
   font-size: 16px;
   transition: 0.5s;
   text-transform: none;
}

.purple-bg:hover {
   background-color: #001e73;
   color: #fff !important;
}

.or-box {
   position: relative;
   border-top: 1px solid #dfdfdf;
   padding-top: 20px;
   margin-top: 20px;
}

.or {
   color: #666666;
   background-color: #ffffff;
   position: absolute;
   text-align: center;
   top: -8px;
   width: 40px;
   left: 45%;
}

.account-box .btn:hover {
   color: #222;
}

.btn-facebook {
   font-size: 15px;
   border-color: #000;
   color: #000;
   align-items: center;
   display: flex;
   justify-content: center;
   font-weight: normal;
   border-radius: 5px;
   margin-bottom: 10px;
}

.btn-facebook span {
   padding-right: 10px;
}

.btn-facebook:hover {
   background: #000;
   border-color: #000;
   color: #fff !important;
}

.btn-google {
   font-size: 15px;
   border-color: #000;
   color: #000;
   align-items: center;
   display: flex;
   justify-content: center;
   font-weight: normal;
   border-radius: 5px;
   margin-bottom: 10px;
}

.btn-google:hover {
   background: #f8faff;
   border-color: #000;
}

.logo h3 {
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 5px;
   color: #222;
   font-weight: 600;
   text-align: center;
}

.social-button svg {
   height: 18px;
   margin-right: 2px;
   width: 18px;
}

.btn-facebook:hover svg {
   fill: #fff;
}

.logo p {
   font-size: 14px;
   line-height: 24px;
   color: #222;
   text-align: center;
   margin-bottom: 15px;
}

.cia-signin__alternative-action {
   display: none;
}

.tb-input {
   height: 45px;
   line-height: 18px;
   padding: 0 1rem;
   transition-duration: .2s;
   transition-property: border, color, background-color;
   transition-timing-function: cubic-bezier(0, 0, .2, 1);
   width: 100%;
   font-size: 15px;
   color: #222;
   font-weight: 600;
}

.cia-divider {
   align-items: center;
   display: flex;
   flex-flow: column;
   height: fit-content;
   justify-content: center;

}

.divider-line {
   border-left: 2px solid #c5cbd5;
   height: 125px;
   margin-top: 0;
}

.divider-or {
   font-size: 19px;
   font-weight: 500;
   height: 60px;
   line-height: 24px;
   padding: 15px 0;
   text-align: center;
}





/**********************Single Product*****************/

.heading-5-title {
   font-size: 22px;
   font-weight: 600;
   line-height: 28px;
   color: #040c13;
   margin-top: 7px;
}

.shop-product-title .data-section {
   padding: 8px 0;
   width: 100%;
}

.shop-product-title .product-data {
   box-sizing: border-box;
   display: inline-block;
   padding-right: 10px;
}

.shop-pdp-wrapper .shop-product-title .product-data-label {
   margin-right: 0;
}

.product-data-label strong {
   font-weight: 400;
}

.shop-pdp-wrapper .shop-product-title .product-data-value {
   color: #1d252c;
   font-weight: 400;
   margin-left: 3px;
}

.body-copy {
   font-size: 13px;
}

.list-pipe {
   display: inline-flex;
   flex-wrap: wrap;
   list-style-type: "| ";
   overflow: hidden;
   padding-left: 0;
}

.list-pipe>li {
   margin-right: .25em;
   padding-right: .5em;
}

.ugc-ratings-reviews.small-gaps {
   -moz-column-gap: 3px;
   column-gap: 3px;
   row-gap: 3px;
}

.c-stars-wrapper {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M5.5,23.5c-0.2,0-0.5-0.1-0.7-0.2c-0.4-0.3-0.6-0.8-0.5-1.3l1.5-6.9L0.9,9.6C0.6,9.2,0.5,8.7,0.7,8.2s0.6-0.7,1.1-0.7h6.4l2.6-6c0.2-0.5,0.7-0.8,1.2-0.8s1,0.3,1.2,0.8l0,0l2.6,6h6.4c0.5,0,0.9,0.3,1.1,0.7c0.2,0.5,0.1,1-0.2,1.3l-4.9,5.5l1.5,6.9c0.1,0.5-0.1,1-0.5,1.3s-0.9,0.3-1.4,0L12,19.6l-5.8,3.6C6,23.4,5.7,23.5,5.5,23.5z M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4l-1.6-7l5-5.6h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l5,5.6l-1.6,7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z%27 fill=%27%2370757d%27/></svg>");
   background-repeat: repeat-x;
   display: block;
   flex: 0 0 auto;
   position: relative;
}

.c-stars-eds-small {
   background-size: 1rem;
   height: 1rem;
   width: 6rem;
}

.c-stars-container:last-of-type {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4L16.7,15c-0.1-0.2,0-0.5,0.2-0.7L21.6,9h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l4.8,5.4c0.2,0.2,0.2,0.4,0.2,0.7l-1.5,6.7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z M15.8,7.7L15.8,7.7L15.8,7.7z%27 fill=%27%23FFE000%27/></svg>");
}

.c-stars-container {
   background-repeat: inherit;
   background-size: inherit;
   display: flex;
   height: 100%;
   position: absolute;
   width: 100%;
}

.list-pipe>li::marker {
   color: #c5cbd5;
}

.c-ratings-reviews-small {
   font-size: 13px;
}

.link:focus,
.link:hover,
a:focus,
a:hover {
   color: #001e73;
   text-decoration: underline !important;
}

/* .user-generated-content-ugc-stats {
      margin-bottom: 30px;
  }*/
.flex.gvpc-price-1-2412-14 {
   margin-top: 20px;
}

.priceView-customer-price {
   font-size: 20px;
   line-height: 25px;
   font-weight: 600;
   white-space: nowrap;
}

.pricing-price__savings-regular-price {
   white-space: nowrap;
}

.pricing-price__savings {
   font-size: 15px;
   line-height: 18px;
   padding: 3px 7px;
}

.gvpc-price-1-2412-14 .pricing-price__savings--promo-red {
   background-color: #e81e25;
}

.gvpc-price-1-2412-14 .pricing-price__savings {
   background-color: #bb0628;
   color: #fff;
   display: inline-block;
   font-weight: 600;
   letter-spacing: -.17px;
   margin-right: 4px;
}

.pricing-price__regular-price-content--block-mt {
   margin-top: 4px;
}

.priceView-layout-large .gvpc-price-1-2412-14 .pricing-price__regular-price {
   color: #55555a;
   font-size: 15px;
   line-height: 18px;
}

.total-cost-clarity-content {
   cursor: default;
   display: flex;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__divider--percent-margin {
   margin: 8%;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__divider {
   border-left: 1px solid #000;
   display: inline-block;
   height: 100%;
   margin: 7px 10px 0;
   padding: 13px 0;
   position: relative;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__divider span {
   background: #fff;
   font-size: 9px;
   left: -7px;
   padding: 0;
   position: absolute;
   top: 7px;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__monthly-payment {
   font-size: 25px;
   font-weight: 600;
   font-weight: 500;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__monthly-payment strong {
   font-weight: 500;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__monthly-payment span {
   font-size: 15px;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__finance-message {
   font-size: 11px;
   padding-bottom: 5px;
   width: 99%;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__finance-message strong {
   white-space: nowrap;
}

.gvpc-price-1-2412-14 .total-cost-clarity-content__learn-more-link {
   font-size: 11px;
   font-weight: 600;
   height: 15px;
   padding: 0;
}

.c-button-link:hover {
   color: #001e73;
   text-decoration: underline;
}

.gvpc-price-1-2412-14 .open-box-option__label {
   color: #1d252c;
   display: inline-block;
   font-size: 13px;
   font-weight: 600;
   line-height: 17px;
}

.gvpc-price-1-2412-14 .open-box-option__link {
   color: #0457c8;
   font-size: 13px;
   font-weight: 400;
   line-height: 17px;
   white-space: nowrap;
}

.title-wrap {
   display: flex;
   flex-direction: row;
}

.title-wrap .title-icon {
   padding-right: 10px;
}

.hbpht legend {
   border: 0;
   color: #1d252c;
   margin-bottom: 0px;
}

.availity-box.desktip-view-block {
   display: none;
}

.highlights-list li>.body-copy-lg {
   font-size: 14px;
}

.body-copy-lg {
   font-size: 15px;
}

.gvpc-price-1-2412-14 .logo {
   height: 31px !important;
   width: 29px !important;
}

.ugc-wrapper {
   display: flex;
}

.mr-100 {
   margin-right: 1rem;
}

a.display-link {
   display: inline-block;
}

.border-info {
   border-color: #1d252c;
}

.border-l {
   border-left: 1px solid #1d252c;
   line-height: 1;
   border-color: #1d252c !important;
}

.body-copy-sm,
.disclaimer {
   font-size: 11px;
}

.inline.mr-100 {
   display: inline;
}

.standard-warranty-tile {
   border: 2px solid #0046be;
   box-shadow: none;
   cursor: pointer;
   padding: 0.9rem;
   min-height: 100%;
}

.h-150 {
   height: 1.5rem;
}

.pv-warranty-price__monthly-price {
   font-size: 11px;
   overflow: hidden;
   white-space: nowrap;
}

button.c-button-unstyled {
   background: none;
   border: none;
}

.warranty-block-children {
   display: block;
   min-width: 3rem;
   /* display: inline-flex; */
   flex: 1;
   cursor: pointer;
   /* align-items: center; */
   text-align: center;
}

.font-weight-medium,
.v-fw-medium {
   font-weight: 600;
}

.gvpc-price-1-2412-14 .pv-warranty-price__customer-price {
   font-size: 13px;
   font-weight: 600 !important;
   text-align: center;
}

.min-h-full {
   min-height: 100%;
}

.new-btn-no {
   height: 85px;
   /*    padding-top: 34px;*/
}

.border-selected {
   border: 2px solid #0046be !important;
   box-shadow: none;
}

.pl-flex-carousel-container.v-no-overlay {
   margin-top: 10px;
}


/*hesilights card*/

.highlights-card {
   height: 100%;
   padding: 10px;
   width: 100%;
}

.lv {
   /* border: 1px solid #e0e6ef; */
   border-radius: 4px;
   flex-grow: 1;
   padding: 20px 0px 15px;
}

.shop-product-highlights .tile {
   height: 100%;
   position: relative;
   width: 100%;
}

.category-lv-wrapper {
   display: flex;
   flex-direction: column-reverse;
}

.v-text-dark-gray {
   color: #55555a;
   font-size: 13px;
}

.min-height {
   min-height: 40px;
}

.value-bar-wrapper {
   margin-bottom: 20px;
   position: relative;
   width: 100%;
}

.sr-only {
   clip: rect(0, 0, 0, 0);
   border: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.values {
   margin: 3px -15px 20px;
   min-height: 80px;
   overflow: auto;
}

.shop-product-highlights .value-bar-wrapper.lv .values--centered {
   display: flex;
   justify-content: space-evenly;
}

.values-3-up {
   max-width: 33%;
   min-width: 25%;
}

.show-full-specs-btn {
   width: 243px;
   /* font-size: 15px; */
   vertical-align: middle;
   align-items: center;
   border-radius: .3rem;
   /* border-style: solid; */
   border-width: 0;
   display: inline-flex;
   font-size: 15px;
   font-weight: 600;
   height: 42px;
   justify-content: center;
   padding-left: 28px;
   padding-right: 28px;
   transition: all .3s ease-out 0s;
   border-color: #0046be;
   color: #0347ba;
   border: 1px solid;
   margin-bottom: 20px;
}

section.product-heightlights {
   padding-top: 0px;
}

.show-full-specs-btn:hover {
   background-color: #011f73;
   border-color: #011f75;
   color: #fff;
   text-decoration: none !important;
}

.carousel {
   position: relative;
   width: 100%;
}

.button.is-control {
   background: 0;
   border: 0;
   padding: 0 10px;
   z-index: 1;
   cursor: pointer;
   font-size: 26px;
   color: rgba(0, 0, 0, .6);
   top: 51%;
   transition: all .2s linear;
}

section.carousel {
   padding-top: 10px;
}

.button.is-control:hover {
   color: rgba(0, 0, 0, 1);
}

.button.is-control:focus {
   outline: none;
   color: rgb(152 152 152);
   border-radius: 5px;
}

.previous-button {
   position: absolute;
   left: 0;
   top: 60px;
}

.next-button {
   position: absolute;
   right: 0;
   top: 60px;
}


/**
    Collection of all tiles
  */
.tiles {
   width: calc(100% - 100px);
   margin-left: 50px;
}


/**
    Single tile
  */
.tile {
   height: var(--carousel-height);
   position: relative;

   padding: 0;
   border: 0;
   background: none;
   cursor: pointer;
}

.tile:focus {
   outline: 0;
}

.tile:not(:last-of-type) {
   margin-right: var(--tile-margin);
}

.tile .product-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.tile .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;

   display: flex;
   justify-content: center;
   align-items: center;

   background-color: rgba(0, 0, 0, .6);

   transition: opacity .1s linear;
   opacity: 0;
}

.tile:focus .overlay,
.tile:hover .overlay {
   opacity: 1;
}

.tile .overlay .quick-view-button {
   padding: 10px 15px;

   background: rgba(0, 0, 0, .7);
   border: 3px solid white;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, .6);

   color: white;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: bold;
}


/**
    Quick view dialog
  */
.dialog {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;

   background-color: rgba(0, 0, 0, .6);
   z-index: 100;

   display: flex;
   justify-content: center;
   align-items: center;
}

.dialog.is-hidden {
   display: none;
}

.dialog .overlay {
   background-color: white;
   border-radius: 10px;

   position: relative;

   width: 80%;
   max-width: 400px;
   padding: 20px;
}

.dialog .overlay .close-button {
   position: absolute;
   top: 15px;
   right: 10px;

   background: none;
   border: 0;
   font-size: 18px;
   cursor: pointer;
}

.dialog .overlay .title {
   margin: 0;
}

.dialog .overlay .ok-button {
   padding: 10px 15px;
   background: royalblue;
   border: 0;
   border-radius: 5px;
   color: white;
   cursor: pointer;
}

.dialog .overlay .ok-button:focus {
   outline-offset: 5px;
}

/** Credits at bottom */
.credits {
   display: inline-block;
   margin-top: 20px;
   margin-left: 40px;
   padding: 10px;
   font-size: 14px;
   color: black;
   text-decoration: none;
   opacity: .7;
}

.credits img {
   height: 30px;
   margin-left: 5px;
   margin-top: -2px;
   vertical-align: middle;
}

.credits:hover,
.credits:focus {
   opacity: 1;
}


.left-icon {
   display: inline-block;
   float: left;
   height: auto;
   width: 15%;
   padding: 1em;
   /* margin-right: 10px; */
}

.left-icon>div {
   margin-bottom: 15px;
   border-radius: 50%;
}

#left-circle {
   height: 70px;
   width: 70px;
   /* border-radius: 50%; */
   border-radius: 5px;
   padding: 5px;
   border: 1px solid #ccc;
}

#left-circle:hover {
   border: 2px solid blue;
}

.thumbnail-container button {
   align-items: center;
   background: transparent;
   background-size: cover;
   border: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0;
   position: relative;
}

.thumbnail-container {
   border-radius: 8px;
}

.thumbnail-container .has-text>img {
   position: absolute;
}

.thumbnail-container .text-wrapper .more-text {
   display: inline-block;
}

.image-button.rounded-corners {
   border: 4px solid #fff;
   border-radius: 8px;
   z-index: 2;
}

.thumbnail-container .text-wrapper.with-image-overlay {
   align-items: center;
   color: #fff;
   display: flex;
   flex-direction: column;
   z-index: 2;
}

.thumbnail-container .img-overlay {
   border-radius: 8px;
   /* height: 64px;
      width: 64px;*/
}

.thumbnail-container .img-overlay {
   background-color: #55555a;
   height: 100%;
   opacity: .9;
   position: absolute;
   width: 102%;
   z-index: 1;
}

.fill {
   fill: currentcolor;
}

.thumbnail-container .with-image-overlay .bottom-text {
   font-size: 11px;
   font-weight: 500;
}

.thumbnail-list li {
   margin-bottom: 14px;
   /* margin-right: 34px; */
}

.with-image-overlay .space-between {
   margin-bottom: 5px;
}

.thumbnail-container .has-text>img {
   position: absolute;
}

.customer-image-thumbnail {
   height: 72px;
   width: 72px;
}

.image-button>img {
   position: absolute;
}

.c-button-sm:hover {
   border: 1px solid #0046be !important;
}

.distillation-filters-v3 ul {
   scroll-behavior: smooth;
}

.scroll {
   overflow: auto;
   touch-action: auto;
}

@media (max-width: 768px) {
   .main {
      max-width: 100%;
      margin: 0;
   }

   .left-icon {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      height: 15%;
      margin-bottom: 0;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
   }

   .left-icon>div {
      margin-bottom: 0;
   }

   #left-circle {
      height: 60px;
      width: 60px;
      justify-content: center;
      text-align: center;
      margin-right: 20px;
      bottom: 0;
   }
}

.column {
   float: left;
   width: 100%;
   height: 70vh;
   justify-content: center;
   margin-right: 13px;
   margin-top: 10px;
   /* margin-bottom: 20px; */
}

.row:after {
   content: "";
   clear: both;
   display: table;
}

@media screen and (max-width: 600px) {
   .column {
      width: 100%;
      height: 90vh;
      margin-bottom: 10px;
      right: 0;
      left: 0;
      top: 0;
   }

}

.row:after {
   content: "";
   display: table;
}

#img-holder {
   background-position: center center;
   background-repeat: no-repeat;
   height: 100%;
   background-size: contain;

}


.nav .nav-item button.active {
   /* display: flex;
      flex-direction: column;
      padding: 12px;
      width: 112px;
      min-height: 112px;
      cursor: pointer;
      background-color: transparent; */
   /* border-color: rgb(0, 70, 190); */
   /* border-width: 1.5px;
      border: 1px solid #ccc; */
}

.nav .nav-item button.active::after {
   content: "";
   border: 1px solid rgb(0, 70, 190);
   width: 100%;
   position: absolute;
   left: 0;
   bottom: -1px;
   border-radius: 5px 5px 0 0;
}

ul#pills-tab {
   border: none !important;
}

.availity-box {
   margin-top: 20px;
}

.availity-box h3 {
   color: #222;
   font-weight: 600;
   font-size: 15px;
   margin-bottom: 10px;
}

.nav-link.nav-link-custom {
   display: flex;
   flex-direction: column;
   padding: 12px;
   width: 112px;

   min-height: 112px;
   cursor: pointer;
   background-color: transparent;
   /* border-color: rgb(0, 70, 190); */
   border-width: 1.5px;
   border: 1px solid #ccc;
}

.nav-link.nav-link-custom:hover {
   background-color: #fbf7f7;
}

li.nav-item {
   margin-right: 10px;
}

.c-button:disabled,
.c-button[aria-disabled=true] {
   background-color: #c5cbd5;
   border-color: #c5cbd5l;
   color: #55555a;
   height: 45px;
   cursor: not-allowed;
   width: 69%;
   border-radius: 5px;
   border: none;
   color: #222;
   font-size: 17px;
   font-weight: 500;
}

/**/

.heading-6 {
   font-size: 17px;
   font-weight: 700;
   padding-bottom: 8px;
}

.v-text-dark-gray {
   color: #55555a;
   font-size: 13px;
}

.values {
   margin: 3px -15px 20px;
   min-height: 80px;
   overflow: auto;
   display: flex;
   width: auto;
}

.values-2 {
   max-width: 50%;
   min-width: 25%;
}

.value-label {
   display: inline-block;
   vertical-align: top;
   width: 70px;
}

.values .value-label {
   font-size: 11px;
   padding-top: 11px;
   position: relative;
   text-align: center;
   z-index: 1;
}

ul.c-carousel-list {
   display: flex;
}

button.slide-heel {
   border: 1px solid #e0e6ef;
   border-radius: 4px;
   flex-grow: 1;
   padding: 20px 20px 20px;
}

.highlights-list {
   padding-top: 25px;
}

.highlights-list ul {
   display: block;
   list-style: none;
   padding-left: 20px;
   padding-bottom: 25px;
}

.feature-icon {
   padding-top: 15px;
}

.highlights-list li {
   list-style-type: disc;
   padding-bottom: 8px;
   padding-left: 4px;
   display: list-item;
}

.body-copy-lg {
   /* margin-left: 0px; */
   font-size: 18px;
   text-align: left;
}

.standard-tile-layout-component.l.gsp {
   margin-top: 20px;
}

.form-control:focus {
   box-shadow: none;
   outline: 0 none;
   border-bottom: 1px solid #c0adae;
}

.product-header-wrapper .product-header {
   font-size: 11px;
   /* max-width: 120px; */
   /* min-height: 50px; */
   padding: 0;
}



/*************single Page Feature*************/
.shop-overview-accordion .overview-drawer-container .features-drawer-btn .label {
   color: #000;
   font-style: normal;
   font-weight: 600;
   font-size: 17px;
   line-height: 24px;
   padding: 0px;
}

.border-b,
.border-bottom,
.v-border-bottom {
   border-bottom: 1px solid #c5cbd5;
}

.w-full {
   width: 100%;
}

.shop-solution-banner .standard-layout.l {
   margin: 45px 0;
}

.shop-solution-banner .headline {
   color: #1d252c;
   font-size: 25px;
   font-weight: 600;
   margin-bottom: 12px;
   margin-top: 10px;
}

.button.px-100:hover {
   background-color: #001e73 !important;
   color: #fff !important;
   text-decoration: none !important;
}

a.c-button-md.solution-button {
   /* background-color: #001e73  !important; */
   color: #222;
   text-decoration: none !important;
}

a.c-button-md.solution-button:hover {
   color: #fff !important;
   text-decoration: none !important;
}

.shop-solution-banner .standard-layout .headlines-wrapper-standard-layout-l ul.collection-list {
   flex: 1 1 auto;
   justify-content: space-around;
}

.shop-solution-banner ul.collection-list {
   align-items: center;
   display: flex;
   flex-direction: row;
   margin: 0;
   padding: 0;
}

.shop-solution-banner li.collection-item {
   align-items: center;
   display: flex;
   flex-direction: row;
}

.shop-solution-banner .collection-image {
   align-items: center;
   display: flex;
   height: 80px;
   width: 80px;
}

.shop-solution-banner .collection-image>img {
   margin: 0 auto;
   max-height: 80px;
   max-width: 80px;
}

.shop-solution-button .solution-button {
   width: 100%;
}

.shop-solution-banner li.collection-item-separator {
   display: inline-block;
   font-size: 25px;
   height: 1em;
}

.shop-solution-banner li.collection-item-separator svg {
   fill: #55555a;
   height: 1em;
}

/**/
.shop-complete-your-purchase .lv {}

.shop-complete-your-purchase .complete-your-purchase.lv .headline-with-rule-line {
   margin-bottom: 2rem;
}

.shop-complete-your-purchase .complete-your-purchase .headline-with-rule-line {
   padding-bottom: 1rem;
}

.shop-complete-your-purchase .lv .content-wrapper {
   display: flex;
}

.shop-complete-your-purchase .products.lv-cyp {
   display: flex;
}

.shop-complete-your-purchase .products.lv-cyp .product-block {
   flex: 0 1 auto;
   min-width: 116px;
}

.shop-complete-your-purchase .lv-cyp .product-block {
   max-width: 150px;
}

.shop-complete-your-purchase .lv-cyp .product-block {
   display: flex;
   flex-direction: column;
}

.shop-complete-your-purchase .lv-cyp .product-image {
   margin-bottom: 1.5rem;
}

.shop-complete-your-purchase .lv-cyp .product-image {
   align-self: center;
   height: 100px;
   position: relative;
   width: 100px;
}

.shop-complete-your-purchase .lv-cyp .product-image img {
   left: 50%;
   max-height: 100%;
   max-width: 100%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
}

.shop-complete-your-purchase .lv-cyp .product-block .product-ratings,
.shop-complete-your-purchase .sv-carousel .product-block .product-ratings {
   /*    margin-bottom: .5rem;*/
}

.user-generated-content-ugc-stats .ugc-ratings-reviews.mini-gaps,
.user-generated-content-ugc-stats .ugc-ratings-reviews.small-gaps {
   -moz-column-gap: 3px;
   column-gap: 3px;
   row-gap: 3px;
}

.shop-complete-your-purchase .lv-cyp .product-block .price,
.shop-complete-your-purchase .sv-carousel .product-block .price {
   flex-grow: 1;
   /* margin-bottom: 1rem; */
}

.shop-complete-your-purchase .driver-description {
   font-style: italic;
}

.shop-complete-your-purchase .lv-cyp .product-checkbox {
   height: 24px;
   margin-top: 0px !important;
}

.shop-complete-your-purchase .lv-cyp .product-checkbox {
   align-items: center;
   display: flex;
   justify-content: center;
}

.shop-complete-your-purchase .product-checkbox .driver-svg {
   fill: #0046be;
   height: 16px;
   width: 16px;
}

.shop-complete-your-purchase .lv-cyp .product-block .offer-disclaimer,
.shop-complete-your-purchase .sv-carousel .product-block .offer-disclaimer {
   height: 16px;
   width: 100%;
}

.btn-default-link,
.btn-link,
.btn-link-unstyled,
.c-button-link,
.c-button-link-mock {
   background-color: unset;
   border: unset;
   color: #0457c8;
   height: unset;
   padding: unset;
   text-decoration: none;
}

.shop-complete-your-purchase .products.lv-cyp .plus-sign {
   flex: 1 0 0px;
   min-width: 23px;
}

.shop-complete-your-purchase .plus-sign {
   align-items: center;
   display: flex;
   height: 100px;
   justify-content: space-around;
}

.shop-complete-your-purchase .products.lv-cyp .plus-sign svg {
   width: 22px;
}

.shop-complete-your-purchase .plus-sign svg {
   fill: #1d252c;
}

.c-overlay-wrapper {
   display: inline-block;
   position: relative;
}

.shop-complete-your-purchase .description-button {
   align-self: start;
   display: flex;
   position: relative;
}

.btn-default-link,
.btn-link,
.btn-link-unstyled,
.c-button-link,
.c-button-link-mock {
   background-color: unset;
   border: unset;
   color: #0457c8;
   height: unset;
   padding: unset;
   text-decoration: none;
}

.shop-complete-your-purchase .description-button>span {
   color: #0046be;
   margin-right: .5rem;
}

.shop-complete-your-purchase .description-button .description-caret {
   fill: #0046be;
   height: 1rem;
   margin-top: 1px;
   width: 1rem;
}

.shop-complete-your-purchase .lv .package-summary {
   padding-left: 2rem;
}

.shop-complete-your-purchase .lv .package-summary {
   display: flex;
   flex-direction: column;
   margin-top: 5rem;
}

.shop-complete-your-purchase .lv .package-summary .savings {
   font-size: 15px;
   padding-bottom: 1rem;
}

.shop-complete-your-purchase .package-summary .line-item {
   display: flex;
   justify-content: space-between;
}

.shop-complete-your-purchase .lv .package-summary .savings {
   font-size: 15px;
   padding-bottom: 1rem;
}

.shop-complete-your-purchase .lv .package-summary .total {
   padding-bottom: 2rem;
}

.shop-complete-your-purchase .lv .package-summary .total {
   font-size: 17px;
   font-weight: 600;
   margin: 0;
   padding: 0;
}

.shop-complete-your-purchase .package-summary .add-to-cart-button {
   white-space: nowrap;
}


.c-button-md,
.v-large,
.v-medium,
.v-text-lg,
.v-text-md {
   font-size: 15px;
   vertical-align: middle;
}

.c-button-icon>svg {
   display: inline-block;
   height: var(--size-200);
   margin-bottom: 1px;
   vertical-align: bottom;
   width: var(--size-200);
}

.c-button-outline {
   background-color: #fff;
   border-color: #0046be;
   border-width: 1px;
   color: #0046be;
}

button.new-cart {
   width: 100%;
   border: none;
   font-size: 16px;
   font-weight: 600;
   background: #fff;
   border: 1px solid #0046be;
   padding: 5px 10px;
   line-height: 35px;
   border-radius: 5px;
   color: #0457c8;
}

button.new-cart:hover {
   background-color: #001e73;
   border-color: #001e73;
   color: #fff;
}

.shop-complete-your-purchase .lv .package-summary .solution-assembler-link {
   align-self: center;
   color: #0046be;
   display: flex;
   font-weight: 400;
   margin-top: 2rem;
}

.shop-complete-your-purchase .lv .package-summary .solution-assembler-link .right-caret {
   fill: #0046be;
   height: 15px;
   margin-top: 1px;
   width: 15px;
   font-size: 13px;
}

.pv-add-on-price__customer-price {
   font-size: 14px !important;
   font-weight: 600 !important;
}

h2.heading-5 {
   color: #000;
   font-style: normal;
   font-weight: 600;
   font-size: 21px;
   line-height: 24px;
}

/*Comapre*/
.shop-compare .compare-pdp-redesign.compareLV .compare-title {
   font-size: 20px;
   height: 4rem;
}

.shop-compare .compare-pdp-redesign .compare-title {
   color: #040c13;
   font-weight: 500;
}

.shop-compare .compare-pdp-redesign .pdp-redesign-table-wrapper {
   margin-top: 24px;
   overflow: hidden;
   position: relative;
   width: 100%;
}

.shop-compare .compare-pdp-redesign .table-pdp-redesign .table-pdp-row-group {
   display: table-row-group;
}

.shop-compare .compare-pdp-redesign .table-pdp-redesign .table-pdp-row-group .table-pdp-row {
   display: table-row;
}

.shop-compare .compare-pdp-redesign .table-pdp-redesign .table-pdp-row-group .table-pdp-row .table-pdp-cell:first-child {
   padding-left: 0;
}

.shop-compare .compare-pdp-redesign .table-pdp-redesign .table-pdp-row-group .table-pdp-row .table-pdp-cell {
   background-color: #fff;
   display: table-cell;
   padding: 0 16px;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper {
   background-color: #fff;
   display: flex;
   flex-direction: column;
}

.shop-compare .compare-pdp-redesign .table-pdp-redesign .table-pdp-row-group .table-pdp-row .table-pdp-cell:first-child .product-header-wrapper {
   margin-left: 0;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper {
   background-color: #fff;
   display: flex;
   flex-direction: column;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper .table-cell-image {
   align-items: center;
   height: 170px;
   margin: 0 0 12px;
}

.shop-compare .table-cell-image {
   align-items: stretch;
   display: flex;
   height: 180px;
   justify-content: center;
   width: 100%;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper .table-cell-image .product-image-link {
   align-self: center;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper .table-cell-image .missing-image-lv,
.shop-compare .compare-pdp-redesign .product-header-wrapper .table-cell-image .product-image {
   max-height: 170px;
}

.shop-compare .product-image {
   max-height: 180px;
   max-width: 100%;
   vertical-align: bottom;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper .currently-viewing {
   color: #000;
   font-size: 13px;
   height: 16px;
   margin-bottom: 2px;
}

.shop-compare .currently-viewing {
   clear: both;
   color: #55555a;
   height: 18px;
   margin-bottom: 10px;
   text-align: left;
}

.shop-compare .product-title-print-only {
   display: none;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper .product-ratings-and-reviews {
   padding: 7px 0 0;
}

.shop-compare .compare-pdp-redesign .product-header-wrapper .product-price-details-compare {
   margin: 0 0 16px;
   min-height: unset;
}

.shop-compare .compare-pdp-redesign table {
   border-collapse: separate;
   height: 100%;
   margin: 0 0 19px;
}

.shop-compare .compare-pdp-redesign table tbody .row-title:first-child th {
   padding-top: 16px;
}

.shop-compare .compare-pdp-redesign table tbody .row-title th {
   color: #040c13;
   font-size: 15px;
   font-weight: 600;
   padding: 0 15px 8px 0;
}

.shop-compare .compare-pdp-redesign table tbody .row-content td {
   background-color: #fff;
   height: 100%;
   padding: 0 0 32px;
}

.shop-compare .compare-pdp-redesign table tbody .row-content td:nth-child(2) .spec-value {
   border-bottom-left-radius: 8px;
   border-top-left-radius: 8px;
   padding-left: 16px;
}

.shop-compare .compare-pdp-redesign table tbody .row-content td .spec-value {
   align-items: center;
   background-color: #f1f8ff;
   color: #000;
   display: flex;
   font-size: 15px;
   font-weight: 400;
   height: 100%;
   min-height: 48px;
   padding: 14px 16px;
   text-align: left;
}

fieldset {
   padding: .35em 0em 0rem;
}

.pro-hel-title h2 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 16px;
   margin-top: 16px;
}

.shop-compare .compare-pdp-redesign.compareLV .compare-further-container,
.shop-compare .compare-pdp-redesign.compareLV .show-more-specs-container {
   text-align: center;
}

.shop-compare .compare-pdp-redesign.compareLV .compare-further-container #show-more-specs,
.shop-compare .compare-pdp-redesign.compareLV .compare-further-container .compare_further,
.shop-compare .compare-pdp-redesign.compareLV .show-more-specs-container #show-more-specs,
.shop-compare .compare-pdp-redesign.compareLV .show-more-specs-container .compare_further {
   margin: 13px 0 12px;
   width: 328px;
   border: 1.5px solid;
   font-size: 13px;
   height: 32px;
   font-weight: 600;
   line-height: 16px;
   margin: 19px 0 0;
   padding: 8px 0;
   border-radius: 5px;
}

.pro-ttle-mv-view {
   display: none;
}

/****************Review***************/
.mb-400 {
   margin-bottom: 2rem;
}

.customer-rating-card-v2.large-view {
   min-width: 300px;
}

.c-star.c-stars-eds-small {
   width: 1rem;
}

.sr-only {
   clip: rect(0, 0, 0, 0);
   border: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.c-stars-wrapper {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M5.5,23.5c-0.2,0-0.5-0.1-0.7-0.2c-0.4-0.3-0.6-0.8-0.5-1.3l1.5-6.9L0.9,9.6C0.6,9.2,0.5,8.7,0.7,8.2s0.6-0.7,1.1-0.7h6.4l2.6-6c0.2-0.5,0.7-0.8,1.2-0.8s1,0.3,1.2,0.8l0,0l2.6,6h6.4c0.5,0,0.9,0.3,1.1,0.7c0.2,0.5,0.1,1-0.2,1.3l-4.9,5.5l1.5,6.9c0.1,0.5-0.1,1-0.5,1.3s-0.9,0.3-1.4,0L12,19.6l-5.8,3.6C6,23.4,5.7,23.5,5.5,23.5z M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4l-1.6-7l5-5.6h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l5,5.6l-1.6,7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z%27 fill=%27%2370757d%27/></svg>");
   background-repeat: repeat-x;
   display: block;
   flex: 0 0 auto;
   position: relative;
}

.c-stars-eds-small {
   background-size: 1rem;
   height: 1.3rem;
   width: 5rem;
}

.c-stars-container {
   background-repeat: inherit;
   background-size: inherit;
   display: flex;
   height: 100%;
   position: absolute;
   width: 100%;
}

.v-m-left-xxs {
   margin-left: .5rem;
   font-size: 33px;
}

.v-p-right-s {
   padding-right: 2rem;
}

.row-gap-100 {
   row-gap: 0.5rem;
}

.grid {
   display: grid;
}

.ugc-components.rating-bars-v2 .bar-grid.auto-col-width-4 {
   grid-auto-columns: 4ch;
}

.ugc-components.rating-bars-v2 .bar-grid {
   grid-template-columns: 1ch 18px minmax(100px, 1fr);
}

.ugc-components.rating-bars-v2 button {
   width: 100%;
}

.flex-row {
   flex-direction: row;
}

.c-stars-container:last-of-type {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4L16.7,15c-0.1-0.2,0-0.5,0.2-0.7L21.6,9h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l4.8,5.4c0.2,0.2,0.2,0.4,0.2,0.7l-1.5,6.7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z M15.8,7.7L15.8,7.7L15.8,7.7z%27 fill=%27%23FFE000%27/></svg>");
}

.c-star.c-stars-eds-mini {
   width: 0.8rem;
}

.rating-bars-v2 .bar-grid .rating {
   grid-column: 1;
   grid-row: 1;
}

.ugc-components.rating-bars-v2 .progress {
   background-color: #e0e6ef;
   border-radius: 6.5px;
   box-shadow: none;
   height: 13px;
   width: 100%;
}

.review-count {
   grid-column: 4;
   grid-row: 1;
}

.user-generated-content-ratings-and-reviews .progress-bar {
   background-color: #0046be;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
   color: #fff;
   float: left;
   font-size: 12px;
   height: 100%;
   line-height: 20px;
   text-align: center;
   transition: width .6s ease;
   width: 0;
}

.review-count {
   color: #0046be;
}

span.review-count.text-left:hover {
   text-decoration: underline;
   font-weight: 700;
}

span.yellow-star {
   margin-top: 2px;
   margin-left: 3px;
}

.review-count.review-count {
   font-size: 12px;
   color: #222;
   margin-top: 3px;
}

ul.mb-none.list-unstyled {
   display: inline-grid;
   /* margin: 10px 0px; */
}

.pt-200,
.v-p-top-s {
   padding-top: 1rem;
}

.mt-200 {
   margin-top: 1rem;
}

li.pt-200.border-top.mt-200.border-bottom.pb-200 {
   padding-bottom: 1rem;
}

.c-section-title {
   padding-bottom: 1.5rem;
}

.mr-700 {
   margin-right: 7rem;
}

p.expert-review-title.body-copy.v-fw-medium {
   color: #222;
   font-size: 15px;
   font-weight: 600;
}

/*******Top Mentions*****/

section.review-section-single {
   padding-top: 5px;
}

.distillation-filters-v3 .filter-btn {
   border: 1px solid #c5cbd5;
   border-radius: 5px;
   padding: 3px 10px;
   font-size: 13px;
}

.distillation-filters-v3 .filter-btn:hover {
   background: none;
   border: 1px solid #0046be;
}

h3.c-section-title.body-copy.v-fw-medium {
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 0.5rem;
}

.c-button-icon>svg {
   display: inline-block;
   height: 1rem;
   margin-bottom: 1px;
   vertical-align: bottom;
   width: 1rem;
}

.text-success {
   color: #318000 !important;
}

svg.w-200.h-200.fill.text-success {
   color: #318000;
}

.v-text-tech-black {
   color: #1d252c;
}


li.inline-block.v-p-right-s {
   padding-right: 0.5rem;
}

.customer-image-card .image-thumbnail-wrapper.large-image {
   height: 75px;
   width: 75px;
}

.customer-image-card .image-thumbnail-wrapper {
   /* border: 1px solid #c5cbd5; */
   box-sizing: content-box;
   /* margin: 1px; */
   position: relative;
}

.customer-image-card .image-thumbnail-wrapper .image-thumbnail {
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   border-radius: 0.5rem;
}

.image-thumbnail-wrapper:hover {
   border-color: #0046be;
}

.image-thumbnail-wrapper .image-thumbnail-overlay {
   align-items: center;
   background: rgba(0, 0, 0, .65);
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: center;
   position: absolute;
   width: 85%;
   border-radius: 10px;
   z-index: 1;
}

span.heading-5.v-text-pure-white.font-weight-normal {
   color: #fff;
   font-size: 20px;
}

.customer-image-carousel-v2.v-bg-pure-white.d-flex {
   margin-bottom: 15px;
}

.border-bottom {
   margin-bottom: 15px;
}

p#vp-disclaimer-6537363 {
   font-size: 13px;
   padding-bottom: 15px;
   line-height: 17px;
   border-bottom: 1px solid #ccc;
}

/*excilent quality*/

.review-item-simple .review-item-content .review-heading .review-title {
   display: inline-block;
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 3px;
   margin-left: 0;
   margin-top: 8px;
   padding: 0;
   color: #222;
}

.c-button-sm {
   font-size: 13px;
   height: 30px;
   padding: 0 1rem;
}

.pre-white-space {
   font-size: 14px;
   line-height: 18px;
   padding: 10px 0px;
   color: #222;
}

.ugc-components.image-thumbnail-wrapper-simple.image-thumbnail-large {
   height: 80px;
   width: 80px;
}

.ugc-components.image-thumbnail-wrapper-simple {
   border-radius: 8px;
   box-sizing: content-box;
   position: relative;
}

.ugc-components.image-thumbnail-wrapper-simple .image-thumbnail {
   border-radius: 6px;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
}

.see-all-reviews-button-container {
   display: flex;
   gap: 20px;
   margin: 20px 0px;
}

.btn-secondary,
.c-button-secondary {
   background-color: #0046be;
   color: #fff;
   font-size: 14px;
   /* padding: 8px; */
   border-radius: 5px;
   text-align: center;
   width: 250px;
   line-height: 30px;
   /* text-align: -webkit-match-parent; */
}

.btn-secondary,
.c-button-secondary:hover {
   background-color: #001e73;
   text-decoration: none !important;
   color: #fff !important;
}

.write-a-review {
   line-height: 30px;
   width: 250px;
   background-color: #fff;
   border-color: #2b63c3;
   border-width: 1px;
   color: #0046be;
   font-size: 14px;
   border-radius: 5px;
   text-align: center;
   border: 1px solid;
}

a.c-button.c-button-outline.c-button-md.c-button-block.write-a-review:hover {
   text-decoration: none !important;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign .header-text {
   color: #040c13;
   font-size: 20px;
   font-weight: 600;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign {
   margin: 0;
   padding: 32px 0;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign .deals-container-wrapper {
   justify-content: flex-start;
   padding-top: 24px;
}

.shop-deals-on-pdp .deals-wrapper .deals-container-wrapper {
   display: flex;
   justify-content: space-around;
   padding-top: 7px;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign .deals-container-wrapper .deals-container {
   border: 1px solid #0046be;
   border-radius: 4px;
   margin-right: 16px;
   width: auto;
}

.shop-deals-on-pdp .deals-wrapper .deals-container-wrapper .deals-container {
   display: inline-flex;
   width: 85px;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign .deals-container-wrapper .deals-container .deals-image-link {
   align-items: center;
   border: none;
   display: flex;
   padding: 8px 12px;
}

.shop-deals-on-pdp .deals-wrapper .deals-container-wrapper .deals-container .deals-image-link {
   border: 1px solid transparent;
   min-width: 85px;
   padding: 5px 1px;
   text-align: center;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign .deals-container-wrapper .deals-container .deals-image-link .deals-image-wrapper {
   height: auto;
   margin-right: 8px;
}

.shop-deals-on-pdp .deals-wrapper .deals-container-wrapper .deals-container.currentDeals .deals-image-wrapper {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 50px;
   justify-content: center;
}

.shop-deals-on-pdp .deals-wrapper.pdpRedesign .deals-container-wrapper .deals-container .deals-image-link .deals-image-wrapper .deal-image {
   border-radius: 4px;
   height: auto;
   max-height: 32px;
   max-width: 32px;
}

/*.slick-slide img {
      display: block;
      margin: 0 auto;
  }*/


section.recent-view {
   margin-bottom: 40px;
}

.sliderDemos {
   border: 1px solid #e0e6ef;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 8px;
}

.img-box img {
   margin: 0 auto;
   display: block;
}

a.btn-cart.btn-cart-singel {
   padding-left: 0px;
}

.btn-cart-singel span {
   padding-right: 5px;
}



/********Single product modal*********************/
.modal-header-custom {
   padding: 15px;
}

.nav .nav-custom-modal button.active {
   display: grid;
   flex-direction: column;
   padding: 5px;
   width: 145px;
   min-height: 37px;
   cursor: pointer;
   background-color: transparent;
   border-width: 1.5px;
   border: none;
   font-size: 17px;
   color: #222 !important;
}

.gradivisgallery {
   display: flex;
   flex-direction: row-reverse;
   flex-wrap: wrap;
   justify-content: center;
   /* align-items: center; */
   width: 100%;
   /*    padding: 1%;*/
   /* margin-left: 5vw; */
}

.placeholder {
   width: 65%;
   margin: 1%;
   float: left;
}

.placeholder img {

   width: 100%;
   height: 100%;
   max-height: 700px;
}

.placeholder img:hover {
   cursor: zoom-in;
}

.gallery-images {
   width: 27%;
   margin: 1%;
   float: left;
}



.gradivisimage img {
   width: 30%;
   float: left;
   margin: 1%;
   cursor: pointer;
   border: 1px solid #d1d1d1 !important;
   /* border-radius: 14px; */
   margin-top: 20px;
   margin-right: 10px;
   transition: 0.3s;
   max-width: 68px;
   padding: 10px;
   height: 68px;
}

.gradivisimage img:hover {
   opacity: 0.7;
   border: 1px solid #222 !important;
}

/* Mobile Styling for Gallery */
@media only screen and (max-width: 749px) {
   .gradivisgallery {
      flex-direction: column !important;
      margin-left: 0vw !important;
   }

   .gradivisimage img {
      width: 80% !important;
   }

   .placeholder {
      width: 80% !important;
   }

   .gallery-images {
      width: 80% !important;
      margin-left: 7vw !important;
      float: none !important;
      column-count: 2 !important;
      -webkit-column-count: 2 !important;
      -moz-column-count: 2 !important;
      column-gap: 20px;

   }
}

/* Begin Additional CSS for Zoom */
/* The Modal (background) */
.modal {
   display: none;
   /* Hidden by default */
   position: fixed;
   padding-top: 20px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   overflow: auto;
   background-color: rgb(253, 250, 246);
   background-color: rgba(0, 0, 0, 0.4);
   z-index: 9999;
}

/* Modal Content (image) */
.modal-contentss {
   margin: auto;
   display: block;
   width: 65%;
}


/* Add Animation */
.modal-contentss,
#caption {
   -webkit-animation-name: zoom;
   -webkit-animation-duration: 0.6s;
   animation-name: zoom;
   animation-duration: 0.6s;
}

.out {
   animation-name: zoom-out;
   animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
   from {
      -webkit-transform: scale(1)
   }

   to {
      -webkit-transform: scale(2)
   }
}

@keyframes zoom {
   from {
      transform: scale(0.4)
   }

   to {
      transform: scale(1)
   }
}

@keyframes zoom-out {
   from {
      transform: scale(1)
   }

   to {
      transform: scale(0)
   }
}

/* The Close Button */
/*.close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s;
  }

  .close:hover,
  .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
  }
  */
/* Heading Style */


.gradivislogo {
   font-family: "Vibur" !important;
   text-align: center;
   height: 150px;
   margin: auto;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   user-select: none;
   margin-top: 10vh;
}

.gradivislogo b {
   font: 400 60px "Vibur";
   color: #fee;
   text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #8013dd, 0 0 0.5em #8013dd, 0 0 0.1em #8013dd, 0 10px 3px #000;
}

.video-tab {
   display: flex;
}

.video-image-wrapper {
   align-items: center;
   display: flex;
   flex: 0 0 100px;
   justify-content: center;
   outline: 1px solid #e0e6ef;
   position: relative;
}

button .icon.video {
   fill: #fff;
   background: #0046be;
   border-radius: 50%;
   position: absolute;
}

button .video-label {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   line-height: 1.4;
   margin-left: 10px;
   overflow: hidden;
   text-align: left;
   text-overflow: ellipsis;
   color: #222;
   white-space: normal;
}

.nav-pills .nav-video-custom.active {
   color: #222 !important;
   outline: 1px solid #c8bdbd !important;
   background: none !important;
   /* background-color: #007bff; */
}

.o-video {
   width: 100%;
   height: 0;
   position: relative;
   padding-top: 56.25%;
   /* 9 / 16 * 100 */
}

.o-video>iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   border: 0;
}

.tab-content-full-page {
   width: 100%;
   min-height: 500px;
}

span.video-label.v-fw-medium {
   color: #222;
   padding-top: 0px;
   font-size: 14px !important;
}

/*customer image all*/

.gradivisgallery.customer-all-gal-wrapper {
   flex-direction: row;
}

.gallery-images.gal-image-left {
   width: 25%;
   margin: 1%;
   float: left;
}

.placeholder.gal-large-center {
   width: 47%;
   float: left;
   margin: 1%;
}

.gallery-review {
   width: 20%;
   margin: 1%;
   float: left;
}

.gallery-images.gal-image-left {
   height: 400px;
   overflow-y: scroll;
   touch-action: pan-y;
}

div#dbbff353-429a-3cbf-8d03-c280c4998530 {
   order: 2;
}

.v-m-bottom-xxs {
   /* margin-bottom: .5rem; */
   font-size: 17px;
   font-weight: 600;
}

.v-p-left-xs {
   /* padding-left: 1rem; */
   margin-top: .5rem;
   margin-left: 0.3rem;
   display: inline-block;
   /* border: 1px solid #222; */
}

.svg-size-s {
   width: 1rem;
}

.image-gallery-stars.order-1.mb-150 {
   order: 1;
}

p.review-text.order-3.body-copy.v-fw-regular.mt-200.grow-xs.scroll-y.whitespace-pre-wrap {
   font-size: 12px;
   line-height: 20px;
   font-weight: 400;
   color: #222;
   text-align: justify;
}

.user-generated-content-single-review-summary .ugc-recommendation {
   display: block;
   margin-bottom: 30px;
   margin-top: 20px;
}


/*Modal Product Feature*/

/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-dialog {
   -webkit-transform: translate3d(-25%, 0, 0);
   transform: translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-dialog {
   -webkit-transform: translate3d(25%, 0, 0);
   transform: translate3d(25%, 0, 0);
}

.modal.fade:not(.in).bottom .modal-dialog {
   -webkit-transform: translate3d(0, 25%, 0);
   transform: translate3d(0, 25%, 0);
}

.modal.right .modal-dialog {
   position: absolute;
   top: 0;
   right: 125px;
   margin: 0;
}

.modal.left .modal-dialog {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
}

.modal.left .modal-dialog.modal-lg {
   /*   max-width:500px;*/
}

.modal.left .modal-content,
.modal.right .modal-content {
   min-height: 100vh;
   border: 0;
}

.pdp-drawer-content .info-card {
   margin: 15px 0 15px;
   flex-direction: column;
}

.shop-media-gallery .plain-image {
   max-height: 71px;
   max-width: 71px;
}

.info-card .info-card-product-title-wrapper {
   margin-left: 20px;
   width: 240px;
}

.info-card-ugc-wrapper.flex.justify-content-center {
   margin-top: 20px;
}

.pdp-utils-product-info ul {
   margin-bottom: 10px;
}

.pdp-utils-product-info li {
   font-weight: 24;
   list-style-type: none;
   padding-left: 20px;
   position: relative;
   margin-bottom: 10px;
}

.pdp-utils-product-info li:before {
   color: #ffce00;
   content: "\2022";
   font-size: 30px;
   font-weight: 700;
   left: 0;
   line-height: 13px;
   position: absolute;
}

.product-info-title {
   color: #040c13;
   font-size: 15px;
   line-height: 18px;
   margin-bottom: 4px;
}

.product-info-description {
   font-size: 13px;
   line-height: 16px;
   color: #1d252c;
}

.drawer-section {
   margin-bottom: 40px;
}

.drawer-section .drawer-header {
   color: #1d252c;
   font-size: 16px;
   font-weight: 500;
   line-height: 20px;
}

.shop-overview-accordion .overview-drawer-container.lv .drawer-section {
   margin-bottom: 40px;
}

.energy-ratings-content {
   font-size: 15px;
}

.energy-guide-container {
   align-items: center;
   display: flex;
   flex-direction: row;
}

.energy-guide-link {
   margin-left: 10px;
}

.energy-guide-container .energy-guide-link {
   margin-left: 10px;
}

.drawer-header {
   margin-bottom: 16px;
}

p.document-title.body-copy-lg {
   font-size: 14px;
}

a.manual-link.body-copy-lg {
   font-size: 13px;
}

.modal-header-custom-fea .close {
   padding: 2rem 2rem;
   /* margin: -1rem -1rem -3rem auto; */
}

.modal-center-title {
   /* text-align: center; */
   font-size: 26px;
   font-weight: 600;
}

.ugc-search-header {
   margin-top: 11px;
   padding-bottom: 12px;
}

.ugc-qna-search-container .search-info {
   position: relative;
}

.filters-row {
   margin-top: 30px;
   min-height: 38px;
}

.pagination-wrapper {
   word-wrap: break-word;
   text-overflow: ellipsis;
}

.inline-block-sm {
   display: inline-block;
}

.sort-selections {
   min-width: 200px;
   margin-right: 1rem;
}

.tb-select-wrapper {
   align-items: center;
   display: flex;
   flex-direction: row;
   width: 100%;
}

.size-s ul.questions {
   margin-top: 25px;
}

.question-list ul.questions {
   list-style: none;
   margin-bottom: 0;
   padding-bottom: 0;
}

.question-title span {
   color: #0046be;
}

.answer-text {
   font-size: 15px;
   line-height: 19px;
}

.sv-line-clamp {
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;
   visibility: visible;
   padding: 10px 0px;
}

.v-fw-medium {
   font-weight: 600;
}

.see-all-answers {
   font-size: 13px;
   position: absolute;
   right: -30px;
   top: 50%;
   transform: translateY(-50%);
}

.see-all-answers a {
   display: block;
   height: 42px;
   position: relative;
   text-align: right;
   width: 42px;
}

.answers-caret-icon {
   font-size: 13px;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

.sv-line-clamp span {
   display: inline !important;
}

label.c-checkbox-label.cursor-pointer.font-weight-normal.pl-100.mb-none {
   margin-bottom: 0px;
}

label.sort-by-label.none-xs.inline-block-sm.ml-300.mr-100.mb-none.font-weight-medium.text-nowrap {
   margin-bottom: 0px;
}




/**************Product Category page*************/

section.product-category-page {
   padding: 0px;
}

.shop-product-list .component-search-header .breadcrumb-and-title .search-header-breadcrumb-list {
   margin-bottom: 10px;
   margin-top: 7px;
}

.shop-product-list .component-search-header ol {
   list-style: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

/**/
.facets-column {
   /*-webkit-align-self: flex-start;
      align-self: flex-start;
      position: -webkit-sticky;
      position: sticky;
      top: 88px !important;*/
   background-color: #fff !important;
}

.sticky-container {
   border: 1px solid #c5cbd5;
   margin-bottom: 30px;
   overflow: auto;
   padding: 20px 10px;
}

.component-facets .lv .facet {
   border-bottom: 1px solid #c5cbd5;
   padding: 2rem 0 2rem 2rem;
}

.get-it-fast .facet-title {
   font-size: 19px;
   line-height: 20px;
   font-weight: 600;
}

.shop-product-list .component-facets .facet-title {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   height: auto;
   line-height: 16.9px;
   margin: 0;
   padding-bottom: 5px;
   width: 100%;
}

.facet-no-delivery-facet-shown-padding {}

.component-facets .get-it-fast-subheading {
   border: none;
   color: #1d252c;
   font-size: 13px;
   font-weight: 500;
   margin-bottom: 10px;
}

.shop-product-list .component-facets .facet-option-list-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
}

.facet-option-list-item .c-checkbox-input {
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   margin-right: 12px;
}

.facet-option-list-item {
   font-size: 15px;
}

.facet {
   border-bottom: 1px solid #c5cbd5;
   border-radius: 0px;
}

.browse-title {
   font-size: 20px;
   font-weight: 600;
   color: #040c13;
   margin-bottom: 0px;
   padding: 10px 0px;
}

legend.facet-legend {
   border-bottom: 0;
   color: #1d252c;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding-bottom: 5px;
   width: 100%;
}

.lv .facet-option-list {
   list-style-type: none;
   margin-top: 1rem;
   padding-left: 0;
}

.lv .facet-option-list-item {
   font-size: 15px;
   margin-bottom: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
}

strong.facet-title {
   font-size: 15px;
   color: #1d252c;
   font-weight: 600;
}

.facet-option-list-item a {
   color: #1d252c;
   margin-right: 4px;
   text-decoration: none;
}

.facet-section-category .facet-category {
   display: block;
   font-size: 15px;
   margin-bottom: 3px;
   color: #0457c8;
}

.component-facets .c-show-hide>button {
   margin-left: auto;
   color: #55555a;
   width: 16px;
}

.c-show-hide-trigger {
   -webkit-appearance: none;
   appearance: none;
   background: none;
   border: none;
   display: block;
   margin: 0;
   padding: 0;
   text-align: left;
   width: 100%;
}

.sr-only {
   clip: rect(0, 0, 0, 0);
   border: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.c-show-hide-trigger {
   -webkit-appearance: none;
   appearance: none;
   background: none;
   border: none;
   display: block;
   margin: 0;
   padding: 0;
   text-align: left;
   width: 100%;
}

.lv .facet-option-list-item {

   font-size: 15px;
   line-height: 15px;
   padding: 8px 5px;
   display: flex;
   align-items: center;
   border-radius: 5px;
   cursor: pointer;
}
.lv .facet-option-list-item:hover{
   background-color: #f0f2f4;
}

.facet-option-list-item i {
   display: inline-block;
   margin-right: .5rem;
   margin-top: 2px;
}

.c-stars-wrapper {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 xml:space=%27preserve%27><path d=%27M5.5,23.5c-0.2,0-0.5-0.1-0.7-0.2c-0.4-0.3-0.6-0.8-0.5-1.3l1.5-6.9L0.9,9.6C0.6,9.2,0.5,8.7,0.7,8.2s0.6-0.7,1.1-0.7h6.4l2.6-6c0.2-0.5,0.7-0.8,1.2-0.8s1,0.3,1.2,0.8l0,0l2.6,6h6.4c0.5,0,0.9,0.3,1.1,0.7c0.2,0.5,0.1,1-0.2,1.3l-4.9,5.5l1.5,6.9c0.1,0.5-0.1,1-0.5,1.3s-0.9,0.3-1.4,0L12,19.6l-5.8,3.6C6,23.4,5.7,23.5,5.5,23.5z M12,18.1c0.2,0,0.5,0.1,0.7,0.2l5.5,3.4l-1.6-7l5-5.6h-6c-0.5,0-1-0.3-1.2-0.8L12,2.6L9.6,8.2C9.4,8.7,8.9,9,8.4,9h-6l5,5.6l-1.6,7l5.5-3.4C11.5,18.1,11.8,18.1,12,18.1z%27 fill=%27%2370757d%27/></svg>");
   background-repeat: repeat-x;
   display: block;
   flex: 0 0 auto;
   position: relative;
}

.facet-option-list-item a {
   color: #1d252c;
   margin-right: 4px;
   text-decoration: none;
}

.facet-option-list-item a:hover {
   color: #1d252c;
   margin-right: 4px;
   text-decoration: none !important;
}

.border-top-custom {
   border-top: 1px solid #c5cbd5;
}

/**/

.shop-product-list .component-search-header .crumb-list-item {
   float: left;
}

.shop-product-list .component-search-header .crumb {
   margin: 0;
   padding-right: 7px;
   color: #0457c8;
   font-size: 13px;
}

.shop-product-list .component-search-header .crumb:hover {
   color: #222;
}

.shop-product-list .component-search-header .crumb-divider {
   border-bottom: 4px solid transparent;
   border-left: 4px solid #9a9b9b;
   border-top: 4px solid transparent;
   display: inline-block;
   height: 0;
   padding-right: 7px;
   width: 0;
}

.right-side-category {
   width: 100%;
   overflow: hidden;
}

.w-full-pro {
   width: 100%;
   background: #f0f2f4;
   padding-bottom: 2px;
}

.m-200.tvs-banner {
   padding: 15px 20px;
}

h2.heading-5.mb-200 {
   padding: 20px 0px;
}

.sections {
   background-color: #FFF;
   border-radius: 4px;
   padding: 12px;
   flex: 0 0 auto;
   width: 23%;
   margin: 0 1%;
}

.benefits h3 {
   color: #0457c8;
   font-weight: 600;
   font-size: 17px;
}

.benefits h3:hover {
   color: #001e73;
}


.tvs-banner img {
   width: 100%;
   margin-bottom: 10px;
}

.tvs-banner h2 {
   text-align: center;
}

.tvs-banner p {
   margin-bottom: 0px;
   line-height: 20px;
}


.component-sku-list .lv .banner-wrapper {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 20px 0;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

/* .component-sku-list .banner-wrapper {
         border-bottom: 1px solid #c5cbd5;
         border-top: 1px solid #c5cbd5;
         display: block;
     } */

.component-sku-list .item-count {
   font-weight: 600;
   line-height: 30px;
   padding: 0;
}

.component-sku-list .lv .banner-right {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
}

.v-small {
   font-size: 13px;
   vertical-align: middle;
}

.component-sku-list .sort-by-label {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: inline-flex;
   font-weight: 400;
   margin-bottom: 0;
   min-width: 240px;
   width: 100%;
}

.component-sku-list .sort-by-title {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: inline-flex;
   padding-right: 3px;
   white-space: nowrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
}

.component-sku-list .sort-dropdown {
   border-radius: 5px;
   font-weight: 400;
   margin-right: 14px;
   min-width: 125px;
   width: 100%;
}

.tb-select-wrapper {
   align-items: center;
   display: flex;
   flex-direction: row;
   width: 100%;
}


.component-sku-list .lv .sku-item-list {
   min-width: 671px;
}

.component-sku-list .sku-item-list {
   border-bottom: 1px solid #e0e6ef;
   margin-bottom: 3rem;
   padding: 0;
}

.component-sku-list .embedded-sponsored-listing {
   list-style-type: none;
}

/**/

.component-sku-list .lv .sku-item-list .sku-item {
   min-height: 235px;
}

.component-sku-list .sku-item-list .sku-item {
   border-bottom: 1px solid #e0e6ef;
   list-style-type: none;
   padding-bottom: 1rem;
   padding-top: 1rem;
}

.shop-sku-list-item {
   height: 100%;
}

.shop-sku-list-item .lv {
   -webkit-box-pack: justify;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   min-width: 671px;
}

.shop-sku-list-item .lv .column-left {
   padding-right: 2rem;
   width: 33%;
}

.shop-sku-list-item .product-image {
   display: block;
   margin: 0 auto;
   max-height: 200px;
   max-width: 100%;
}

.shop-sku-list-item .lv .column-middle {
   /* padding-left: 2rem;
      padding-right: 2rem;*/
   width: 40%;
}

.shop-sku-list-item .badge-image-container {
   height: 20px;
   margin-bottom: 1rem;
   max-width: 200px;
   min-width: 168px;
   width: 60%;
}

.shop-sku-list-item .badge-image-container {
   height: 25px;
   min-width: 120px;
   position: relative;
}

.badge-image-inner-container {
   display: block;
   height: 100%;
   overflow: hidden;
   position: relative;
}

.shop-sku-list-item .badge-image {
   left: 50%;
   position: absolute;
   top: 50%;
   -webkit-transform: translate3d(-50%, -50%, 0);
   transform: translate3d(-50%, -50%, 0);
}

.shop-sku-list-item .sku-title {
   font-size: 13px;
   font-weight: 400;
   line-height: 17px;
   margin-top: 0;
   margin-bottom: .2rem;
}

.pricing-gift-with-purchase .gift-with-purchase-price___section {
   background: none;
   border: 0;
   line-height: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
}

.pricing-gift-with-purchase .gift-with-purchase-price__free-gift-message-medium-inline {
   word-wrap: break-word;
   color: #0046be;
   display: inline;
   font-size: 11px;
   font-weight: 600;
   line-height: 14px;
   max-width: 600px;
   padding-right: 2px;
   text-align: left;
}

.pricing-gift-with-purchase .gift-with-purchase-price {
   margin-top: 5px !important;
}

.shop-sku-list-item .product-highlights {
   margin-bottom: 16px;
}

.c-overlay-wrapper {
   display: inline-block;
   position: relative;
}

.shop-sku-list-item .lv-stacked-carousel button {
   margin-right: 8px;
   margin-top: 8px;
}

.shop-sku-list-item .product-highlights button {
   background: #fff;
   border: 1px solid #c5cbd5;
   border-radius: 4px;
   box-sizing: border-box;
   height: 24px;
}

.shop-sku-list-item .lv .variation-info {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
}

.shop-sku-list-item .variation-info .sku-model {
   -webkit-box-ordinal-group: 0;
   -webkit-order: -1;
   order: -1;
}

.shop-sku-list-item .sku-model {
   margin-bottom: 0.5rem;
}

.shop-sku-list-item .sku-model {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   font-size: 11px;
}

.shop-sku-list-item .sku-model>* {
   margin-right: 16px;
}

.shop-sku-list-item .attribute-title {
   font-weight: 600;
   padding-right: 8px;
}

.shop-sku-list-item .sku-value {
   word-break: break-word;
}

.shop-sku-list-item .lv .ratings-reviews {
   padding-bottom: 8px;
}

.shop-sku-list-item .lv .compare-and-save {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
}

.shop-sku-list-item .compare-and-save {
   -webkit-box-pack: justify;
   -webkit-align-content: center;
   align-content: center;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 0.5rem;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding: .5rem 0;
}

.shop-sku-list-item .compare-and-save input {
   margin-right: 0.5rem;
}

.shop-sku-list-item .compare-and-save label {
   color: #0457c8;
   font-size: 13px;
   padding: 0;
}

.shop-sku-list-item .compare-and-save button {
   margin-top: 10px;
   padding: 0;
}

.shop-sku-list-item .compare-and-save button span {
   color: #0457c8;
   padding-left: 0.3rem;
}

.shop-sku-list-item .lv .sli-add-to-cart {
   min-height: 30px;
}

.shop-sku-list-item .lv .column-right>* {
   margin-bottom: .3rem;
}

.c-button-icon {
   gap: 0.5rem;
   background-color: #ffe000;
   color: #040c13;
   font-size: 13px;
   height: 30px;
   width: 100%;
}

.c-button-icon {
   align-items: center;
   border-radius: .5rem;
   border-style: solid;
   border-width: 0;
   display: inline-flex;
   font-size: 15px;
   font-weight: 600;
   height: 35px;
   justify-content: center;
   padding-left: 28px;
   padding-right: 28px;
   transition: all .3s ease-out 0s;
}

.c-button-icon:hover {
   background-color: #fff200;
   border: none;
}

.component-sku-list .lv .footer {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   padding-bottom: 20px;
}

.component-sku-list .lv .footer-category {
   display: none;
}

.component-sku-list a.disabled {
   cursor: not-allowed;
}

.component-sku-list .lv .footer svg {
   top: 3px;
}

.component-sku-list .footer .disabled svg {
   fill: #c5cbd5;
   width: 1rem;
   position: relative;
   cursor: not-allowed;
}

.component-sku-list .paging-list {
   display: inline-block;
   margin-bottom: 0;
   padding: 0;
}

.component-sku-list .page-item {
   display: inline-block;
}

.component-sku-list .lv .current-page-number {
   font-size: 13px;
   padding: 0 15px;
   color: #1d252c;
   cursor: default;
   background-color: initial;
   background-repeat: no-repeat;
   border: none;
   font-weight: 600;
}

.page-number {
   padding: 0 15px;
}

strong.facet-title.default:hover {
   color: #0457c8;
}

.scroll.infinite-scroll {
   display: flex;
}

.filter-mobile-sidebar {
   display: none;
}

.lv.breadcrumb-and-title {
   padding-bottom: 0px;
}



/* Single Product Slider 22-4-24*/
.carouselss {
   position: relative;
   height: 300px;
   width: 100%;
   margin: 0 auto;
   margin-bottom: 5rem;
}

.carousel__images {
   max-width: 400px;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.carousel__track-container {
   /* background: pink; */
   height: 100%;
   width: 100%;
   position: relative;
   overflow: hidden;
   /* border-radius: 20px; */
}

.carousel__track {
   padding: 0;
   margin: 0;
   position: relative;
   height: 100%;
   transition: transform 0.4s ease-in-out;
}

.carousel__slide {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
}

.carousel__button {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   border: 0;
   background-color: transparent;
   cursor: pointer;
   transition: all 0.2s ease-in;
}

.carousel__button:hover {
   background-color: rgb(255 255 255);
   border-radius: 5px;
   padding: 5px;
}

.carousel__button--left {
   left: 0px;
   z-index: 999;
}

.carousel__button--right {
   right: 0px;
   z-index: 999;
   transform: translateY(-50%) rotate(180deg)
}

.carousel__button img {
   width: 25px;
}

.carousel__nav {
   display: flex;
   justify-content: center;
   padding: 20px 0;
   gap: 1rem;
}

.carousel__indicator {
   border: 0;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   background-color: rgba(0, 0, 0, 0.6);
   cursor: pointer;
}

.carousel__indicator.current-slide {
   background: rgba(0, 0, 0, 0.9);
}

.is-hidden {
   display: none;
}

.product-slider-mobile {
   display: none;
}

/* Single Product Slider 22-4-24*/



section.fulfillment-page-fu2021 {
   padding-top: 0px;
}

.check-out-page {
   background-color: #f0f2f4;
   padding-top: 25px;
   overflow: hidden;
}

.checkout__container {
   margin: 0 auto;
   width: 100%;
}

.fulfillment__page-title {
   font-size: 28px;
   font-weight: 600;
}

.checkout__col--primary {
   position: relative;
   z-index: 1;
   width: 60%;
   padding-left: 15px;
}

.checkout__col {
   float: left;
}

.fulfillment__page-title {
   /* margin-left: 24px; */
   /* margin-left: 24px; */
}

.location-group-card {
   padding: 24px;
   margin: 24px 0;
   border: 1px solid #e0e6ef;
   background-color: #fff;
}

.delivery-location-address-container__heading--address-change {
   font-size: 20px;
   font-weight: 500;
   line-height: 18px;
   margin-bottom: 16px;
}

.address-form__first-name,
.address-form__last-name {
   flex: 1 220px;
}

.address-form__last-name {
   flex: 1 220px;
}

.address-form__cell {
   padding: 0 7.5px;
   float: left;
   /*    width: 100%;*/
}

.address-form .address-form__cell label {
   font-size: 13px;
   font-weight: 500;
   display: block;
   margin-bottom: 5px;
}

.address-form__showAddress2Block {
   flex: 1 100%;
}

.addresses-manager .address-form .city-state-container {
   flex-wrap: initial;
}

.address-form .city-state-container {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   width: 100%;
}

.address-form .city-state-container .city {
   /* flex: 2 168px; */
   flex: 2 150px;
}

.address-form .city-state-container .state {
   flex: 1 108px;
}

.address-form__cell {
   padding: 0 7.5px;
   float: left;
   /*    width: 100%;*/
}

.address-form__zip {
   flex: 1 110px;
}

.checkbox__container {
   margin-top: 0 0 24px;
   display: flex;
}

.checkbox-brand,
.radio-brand {
   font-size: 16px;
   margin-top: -2px;
}

.addresses-manager .checkbox.save-for-billing-address {
   font-weight: normal;
   align-items: center;
}

.checkbox-brand,
.radio-brand {
   font-size: 16px;
   margin-top: -2px;
}

input,
select,
textarea {
   background-color: #fff;
   border-color: #90959e;
   border-radius: .5rem;
   border-style: solid;
   border-width: 1px;
   color: #040c13;
   font-family: inherit;
   font-size: 15px;
   line-height: inherit;
}

.mb-150,
.v-m-bottom-ss {
   margin-bottom: 1.5rem;
}

.checkbox.save-for-billing-address,
.addresses-manager .checkbox.save-address {
   font-weight: normal;
   align-items: center;
}

.tb-input {
   height: 36px;
   line-height: 18px;
   padding: 0 1.5rem;
   transition-duration: .2s;
   transition-property: border, color, background-color;
   transition-timing-function: cubic-bezier(0, 0, .2, 1);
   width: 100%;
   border-radius: 7px;
}

.button--link {
   font-size: inherit;
   background: inherit;
   border: inherit;
   padding: inherit;
   color: #0457c8;
}

.checkout__col--secondary {
   padding-left: 8px;
}
.checkout-item{
   border-bottom: 1px solid hsla(0, 0%, 83%, 0.877);
}
.checkout-item:last-of-type {
   border-bottom: none;
}
.checkout-item img{
   width: 100px;
   height: 100px;
}
.checkout-item .item-title{
   font-size: 13px;
   font-weight: 500;
   line-height: 15px;
}

.checkout .anchor {
   position: sticky;
   top: 0;
}

.checkout__col--secondary {
   width: 40%;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 60px;
}

.order-summary {
   padding: 16px;
   background-color: #fff;
   overflow: hidden;
   border: 1px solid #e0e6ef;
}

section.order-summary-card {
   padding-top: 0px;
}

.fulfillment-list-entry__bd {
   margin-bottom: 20px;
}

.item-list__item-availability {
   font-size: 11px;
   padding-bottom: 5px;
}

.fulfillment-list-entry__bd .item-list__chunk {
   display: table-cell;
   vertical-align: top;
}

.fulfillment-list-entry__bd .item-list__spacer {
   padding-right: 6px;
}

.fulfillment-list-entry__bd .item-list__image {
   width: 50px;
   height: 50px;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.fulfillment-list-entry__bd .item-list__image img {
   display: block;
   max-width: 50px;
   max-height: 50px;
   width: auto;
   height: auto;
}

.fulfillment-list-entry__bd .item-list__chunk--max {
   width: 100%;
}

.fulfillment-list-entry__bd .item-list__chunk {
   display: table-cell;
   vertical-align: top;
}

.fulfillment-list-entry__bd .item-list__chunk {
   display: table-cell;
   vertical-align: top;
}

.item-list__chunk:last-child {
   min-width: 54px;
}

.fulfillment-list-entry__bd .item-list__title {
   max-width: 131px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   word-wrap: break-word;
   overflow: hidden;
   max-height: 3.9em;
   line-height: 1.3em;
   font-size: 13px;
   font-weight: 400;
}

.address-form .city-state-flex {
   flex: 1 330px;
}

.order-summary-card__total-line {
   padding-bottom: 5px;
}

.fulfillment-list-entry__bd .item-list__price {
   font-weight: 600;
}

.fu2021-white-panel {
   padding: 24px;
   margin: 24px;
}

.fu2021-white-panel {
   background-color: #fff;
}

.contact-information__heading {
   margin-bottom: 10px;
   font-size: 20px;
}

.contact-information {
   margin-bottom: 8px;
   padding: 0px;
}

.checkout-input-field-styles label {
   font-size: 13px;
   display: block;
   font-weight: 500;
}

.text-updates__opt-in-container {
   background-color: #f0f2f4;
   padding: 4px 14px;
   border: 0.5px solid #c5cbd5;
   border-radius: 4px;
}

.text-updates__heading {
   font-weight: 500;
   font-size: 15px;
   margin-top: 4px;
}

label.c-checkbox-label.cursor-pointer.font-weight-normal.mb-none {
   padding-top: 4px;
   padding-left: 8px;
}

.btn-block,
.c-button-block {
   justify-content: center;
   padding-left: 0;
   padding-right: 0;
   width: 100%;
}

button.btn.btn-lg.btn-block.btn-secondary {
   padding: 6px;
}

.item-list__action {
   background: transparent;
   border: none;
   padding: 0;
   color: #0457c8;
}

.item-list__item-availability {
   padding-bottom: 8px;
}

h2.heading-5 {
   color: #000;
   font-style: normal;
   font-weight: 500;
   font-size: 21px;
   line-height: 24px;
   padding-bottom: 15px;
}

.order-summary-card__total-line:before,
.order-summary-card__total-line:after {
   content: ' ';
   display: table;
}

.order-summary__label {
   float: left;
}

.order-summary__price {
   float: right;
}

.order-summary-card__total-line:after {
   clear: both;
}

.order-summary__tax {
   float: right;
}

.order-summary__total-savings {
   margin: 12px 0;
   font-size: 13px;
   font-weight: 500;
   color: #318000;
}

.order-summary__total {
   font-size: 25px;
}

.order-summary__label {
   float: left;
}

.order-summary__price {
   float: right;
}




/**************************************
   * 15. Signup Section Style
   *************************************/
.signup {}

.signup-form-wrapper {
   background-color: #fff;
   border: 1px solid #e0e6ef;
   border-radius: 4px;
   height: fit-content;
   min-height: 1px;
   position: relative;
   width: 420px;
   margin: auto;
   padding: 25px;
}

.signup-form-wrapper h3 {
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 25px;
   color: #111;
   text-align: center;
   font-weight: 600;
}

.signup-form-wrapper p {
   font-size: 13px;
   line-height: 19px;
   margin-bottom: 20px;
   color: #040c13;
   text-align: center;
}

.signup-form-wrapper p a {
   color: #0457c8;
   text-decoration: underline;
   border-bottom: 1px solid #0457c8;
}

.signup-form-wrapper p a:hover {}

.signup-form {}

.signup-form_input-wrapper {
   width: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
   margin: 30px 0;
}

.signup-form_input-wrapper:focus-within>label,
.signup-form_input-wrapper .input-not-empty {
   top: -7px;
   background-color: #fff;
   font-size: 13px;
   margin-left: -2px;
   padding-left: 2px;
   padding-right: 4px;
   display: inline-block;
}

.signup-form_input-wrapper label {
   cursor: pointer;
   left: 13px;
   max-width: calc(100% - 26px);
   order: 2;
   position: absolute;
   top: 13px;
   transition-duration: 0.2s;
   transition-property: top, padding-top, font-size, display, background-color;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.signup-form_input-wrapper .signup-input {
   height: 45px;
   line-height: 18px;
   padding: 0 15px;
   transition-duration: 0.2s;
   transition-property: border, color, background-color;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   width: 100%;
   background-color: #fff;
   border: 1px solid #90959e;
   border-radius: 8px;
   color: #040c13;
   font-size: 15px;
}

.show-pass {
   margin-top: -10px;
   margin-bottom: -15px;
}

.show-pass .label-toggle {
   font-size: 13px;
   display: flex;
   justify-content: flex-end;
}

.show-pass .toggle-switch {
   position: relative;
   height: 20px;
   width: 36px;
}

.show-pass .toggle-switch input[type="checkbox"] {
   position: absolute;
   -webkit-appearance: none;
   height: 20px;
   width: 35px;
   border-radius: 40px;
   background-color: #90959e;
   left: 50%;
   transform: translate(-50%);
   outline: none;
   cursor: pointer;
}

.show-pass .toggle-switch input[type="checkbox"]::before,
.show-pass .toggle-switch input[type="checkbox"]::after {
   content: "";
   position: absolute;
   margin: auto;
   top: 0;
   bottom: 0;
   transition: 0.3s;
}

.show-pass .toggle-switch input[type="checkbox"]::before {
   width: 16px;
   height: 16px;
   background-color: #fff;
   box-shadow: -7px -7px 15px rgba(255, 255, 255, 0.65), 7px 7px 15px rgba(70, 70, 70, 0.12);
   border-radius: 50px;
   right: 18px;
}

.show-pass .toggle-switch input[type="checkbox"]:checked {
   background-color: #0046be;
}

.show-pass .toggle-switch input[type="checkbox"]:checked::before {
   right: 0;
}

.show-pass .toggle-label {
   font-weight: 400;
   margin-left: 10px;
}

.signup-checkbox-wrapper {
   font-size: 13px;
   vertical-align: middle;
   align-items: baseline;
}

.signup-checkbox {
   height: 18px;
   position: relative;
   width: 18px;
}

.signup-checkbox-input {
   border: 2px solid #90959e;
   border-radius: 2px;
   height: 18px;
   width: 18px;
   color: #040c13;
   font-size: 15px;
}

.signup-checkbox-label {
   font-size: 13px;
   font-weight: 400;
   color: #040c13;
   margin-bottom: 0;
   margin-left: 8px;
}

.reg_submit {
   margin-top: 30px;
   background-color: #0046be;
   border: none;
   color: #fff;
   gap: 1rem;
   height: 45px;
   padding: 0 1.5rem;
   width: 100%;
   border-radius: 0.5rem;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.3s ease-out 0s;
}

.reg_submit:hover {
   background-color: #001e73;
}

.form-divider {
   align-items: center;
   display: flex;
   justify-content: center;
   position: relative;
}

.form-divider .text {
   background-color: #fff;
   font-size: 15px;
   font-weight: 500;
   margin: 5px 0;
   padding: 4px 20px;
   z-index: 1;
}

.form-divider .line {
   background-color: #c5cbd5;
   position: absolute;
   top: 50%;
   left: 0px;
   right: 0px;
   height: 1px;
}

.google-button {
   text-align: center;
}

.google-button .button {
   height: 45px;
   padding: 0 1.5rem;
   width: 100%;
   border-radius: 0.5rem;
   border-width: 1px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #3c4043;
   font-size: 14px;
   letter-spacing: 0.25px;
   font-weight: 600;
   text-transform: none;
}

.google-button .button:hover {
   color: #fff;
}

.signup-disclaimer {
   display: block;
   font-size: 11px;
   margin-top: 10px;
   text-align: justify;
   width: 100%;
}

.signup-disclaimer a {
   color: #0457c8;
}

.already_signin {
   border-top: 1px solid #c5cbd5;
   font-size: 13px;
   margin-top: 15px;
   padding-top: 15px;
}

.already_signin strong {}

.already_signin a {
   color: #0457c8;
}

/* .already_signin a:hover {
     border-bottom: 1px solid #0457c8;
  } */
.signin_forgot {
   display: block;
   font-size: 13px;
   margin-top: -18px;
   margin-bottom: -25px;
   padding-bottom: 16px;
   width: 100%;
}

.signin_forgot a {
   color: #0457c8;
}

.button svg {
   height: 18px;
   margin-right: 5px;
   margin-bottom: 3px;
   min-width: 18px;
   width: 18px;
}

.button:hover svg {
   fill: #fff;
}



/* all ok but next section is complecated */


/**************************************
   * 16. My Account Section Style
   *************************************/
.my-account {
   background-color: #f0f2f4;
}

.account-setting-nav {
   background-color: #fff;
   border: 1px solid #e0e6ef;
   padding: 15px 20px;
   margin-bottom: 40px;
}

.account-setting-nav h4 {
   color: #000;
   font-size: 17px;
   font-weight: 600;
   border-bottom: 1px solid #e0e6ef;
   padding-top: 15px;
   padding-bottom: 15px;
}

.welcome-banner_message {
   border-bottom: 1px solid #c5cbd5;
   padding-bottom: 15px;
   padding-top: 15px;
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
}

.welcome-banner_message span {}

.welcome-banner_message .welcome-banner_user-name {
   text-transform: capitalize;
   margin-left: 7px;
}

.welcome-banner_message .welcome-banner_welcome-back {
   white-space: nowrap;
}

.display-account-navigation {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.display-account-navigation li {
   border-bottom: 1px solid #e0e6ef;
   display: flex !important;
   flex-direction: row;
   justify-content: space-between;
   padding: 24px 0 19px;
}

.display-account-navigation li a {
   align-items: center;
   color: #0457c8;
   display: flex;
   font-family: Human BBY Digital, Human Fallback, Arial, Helvetica, sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 18px;
   white-space: nowrap;
}

.display-account-navigation li .description {
   align-items: center;
   color: #55555a;
   font-family: Human BBY Digital, Human Fallback, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
   overflow: hidden;
   padding-left: 50px;
   padding-top: 2px;
   text-align: right;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.account-navigation-sign-out {
   padding-bottom: 19px;
   padding-top: 24px;
}

.account-navigation-sign-out .sign-out {
   color: #0457c8;
   font-size: 15px;
   font-weight: 400;
   line-height: 18px;
   text-align: right;
}

.my-account .header_wrapper {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   margin-bottom: 15px;
}

.my-account .header_title {
   font-size: 18px;
   font-weight: 600;
   color: #000;
   white-space: nowrap;
}

.my-account .header_nav-link {
   position: relative;
   right: 0;
   top: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding-left: 50px;
}

.my-account .header_nav-link a {
   color: #0457c8;
}

.shop-recent-activity {
   background: #fff;
   border: 1px solid #e0e6ef;
   margin: 0 0 40px;
   padding: 25px 30px;
}

.shop-recent-activity .shop-list {}

.shop-recent-activity .shop-list p {
   font-size: 20px;
   font-weight: 400;
   line-height: 26px;
   margin: 20px;
   text-align: center;
}

.shop-recent-activity .shop-list_box-container {
   display: grid;
   grid-template-columns: 1fr;
}

.shop-recent-activity .shop-list_box-container_single {
   background: #f0f2f4;
   flex-grow: 1;
   margin: 0 1px 1px 0;
   align-items: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 20px;
}

.shop-recent-activity .shop-list_box-container_single h3 {
   display: block;
   font-size: 17px;
   font-weight: 600 !important;
   margin-bottom: 10px;
   color: #1d252c;
   font-weight: 500;
}

.shop-recent-activity .shop-list_box-container_single p {
   color: #55555a;
   display: block;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   margin-bottom: 20px;
}

.my-account .button {
   color: #0046be;
   background-color: #fff;
   border: 1px solid #0046be;
   font-size: 15px;
   font-weight: 600;
   height: 35px;
   padding-left: 28px;
   padding-right: 28px;
}

.my-account .button:hover {
   color: #fff;
   background-color: #001e73;
   border-color: #001e73;
   text-decoration: none !important;
}

.shop-saved-items {
   background: #fff;
   border: 1px solid #e0e6ef;
   margin: 0 0 40px;
   padding: 20px 30px;
}

.shop-saved-items .grid {
   padding: 50px 0;
   display: grid;
}

.shop-saved-items .grid p {
   color: #1d252c;
   font-size: 13px;
   line-height: 20px;
   font-weight: 400;
   text-align: center;
}

.shop-customer-service-links {
   background: #fff;
   border: 1px solid #e0e6ef;
   margin: 0 0 40px;
   padding: 20px 30px;
}

.shop-customer-service-links .grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
   border-top: 1px solid #e0e6ef;
   padding-top: 40px;
}

.shop-customer-service-list_single {}

.shop-customer-service-list_single ul {}

.shop-customer-service-list_single ul li {
   margin-bottom: 15px;
   display: block;
}

.shop-customer-service-list_single ul li a {
   color: #0046be;
   font-size: 15px;
}

.shop-customer-service-list_single ul li a:hover {
   color: #001e73;
}

.shop-customer-service_help {
   border: 1px solid #e0e6ef;
   height: fit-content;
   padding: 20px;
}

.shop-customer-service_help h3 {
   color: #000;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 7px;
}

.shop-customer-service_help p {
   color: #55555a;
   font-size: 13px;
   line-height: 18px;
   margin-bottom: 15px;
}

.shop-customer-service_help .button {
   width: 100%;
}

.account-setting-contents {
   padding-bottom: 20px;
}

.account-setting-single {
   border: solid #e0e6ef;
   border-width: 0 0 1px;
   height: 76px;
   padding: 24px 0;
}

.account-setting-single h3 {
   font-size: 13px;
   line-height: 15px;
   color: #000;
   font-weight: 600;
}

.account-setting-single .content {
   margin-top: 4px;
}

.account-setting-single .content .account-info {
   float: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 75%;
   margin-bottom: 15px;
}

.account-setting-single .content .btn_action {
   float: right;
}

.account-setting-contents a {
   color: #0457c8;
   font-size: 13px;
   line-height: 15px;
}

.account-setting-contents a:hover {
   color: #001e73;
}

.account-setting-all-action {
   height: 37px;
   line-height: 16px;
   padding-top: 20px;
}

.btn_all_account {}

/* Payment method card */
.account-setting-nav .payment-methods {}

.account-setting-nav .apply-for-card {}

.account-setting-nav .apply-for-card_limited-time {
   color: #040c13;
   font-size: 15px;
   font-style: normal;
   font-weight: 600;
   left: 80px;
   line-height: 22px;
   margin-bottom: 10px;
   position: relative;
}

.account-setting-nav .apply-for-card_contents {
   display: flex;
}

.account-setting-nav .apply-for-card_contents img {
   max-height: 36px;
   max-width: 60px;
}

.account-setting-nav .apply-for-card_beside-image {
   flex-grow: 1;
   margin-left: 20px;
}

.account-setting-nav .apply-for-card_apply-today-header {
   margin-bottom: 4px;
}

.account-setting-nav .payment-methods a {
   color: #0457c8;
   font-size: 13px;
   line-height: 15px;
}

.account-setting-nav .payment-methods a:hover {
   color: #001e73;
   border-bottom: 1px solid #001e73;
}

.account-setting-nav .apply-for-card_apply-today-offer {
   color: #0457c8;
   font-size: 15px !important;
   line-height: 18px !important;
   font-weight: 600;
   margin-bottom: 4px;
   display: inline;
   border-bottom: 1px solid #0457c8;
}

.account-setting-nav .apply-for-card_newOffer {
   color: #040c13;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 18px;
}

.account-setting-nav .apply-for-card_apply-now {
   margin: 15px 0;
}

.account-setting-nav .apply-for-card_apply-now .button {
   color: #fff;
   background-color: #0046be;
   border: none;
   width: 100%;
   height: 35px;
   line-height: 25px;
}

.account-setting-nav .apply-for-card_apply-now .button:hover {
   color: #fff;
   background-color: #001e73;
}

.account-setting-nav .add-payment-method_link {}

.account-setting-nav .add-payment-method_link a {}

/**************************************
   * 17. Shop with expert banner div
   *************************************/
.shop-with-expert-banner {
   margin: 30px auto;
   min-height: 125px;
   padding: 0;
}

.shop-with-expert-banner .inner-container {
   align-items: center;
   background: #f0f2f4;
   border-radius: 1rem;
   display: flex;
   flex-direction: row;
}

.shop-with-expert-banner .thumbnail-container {
   flex-shrink: 0;
   margin: 1rem 4.5rem 0;
   max-height: 124px;
   overflow: hidden;
}

.shop-with-expert-banner .thumbnail-container img {
   width: 100px;
   height: 150px;
}

.shop-with-expert-banner .inner-container .banner-copy {}

.shop-with-expert-banner .inner-container .copy-text {
   font-size: 22px;
   line-height: 28px;
   margin: 0 0 0.5rem;
   color: #040c13;
   font-weight: 600;
   text-transform: none;
}

.shop-with-expert-banner .inner-container .banner-link {
   font-size: 17px;
   line-height: 20px;
   color: #0457c8;
}

.shop-with-expert-banner .inner-container .banner-link:hover {
   color: #001e73;
   border-bottom: 1px solid #001e73;
}

/**************************************
   * 18. recently viewed Style
   *************************************/
.recently-viewed {}

.recently-viewed_tabs {
   align-items: flex-start;
   display: flex;
   flex-wrap: nowrap;
   border-bottom: none;
   margin-bottom: 30px;
}

.recently-viewed_tabs li {}

.recently-viewed_tabs li {
   margin-right: 20px;
}

.recently-viewed_tabs li a {
   color: #0046be;
   font-weight: 500;
   align-items: center;
   background: none;
   border: none;
   display: flex;
   font-size: 17px;
   line-height: 19px;
   padding-left: 0;
   padding-right: 1px;
   white-space: nowrap;
}

.recently-viewed_tabs li a:hover,
.recently-viewed_tabs li a:focus {
   border: none;
}

.recently-viewed_tabs li a.active {
   color: #1d252c;
   border: none;
   border-bottom: 2px solid #1d252c !important;
}

.recently-viewed_tabs li a svg {
   height: 19px;
   padding-right: 5px;
   width: 24px;
   fill: #0046be;
}

.recently-viewed_tabs li a.active svg {
   fill: #1d252c;
}

.recently-viewed_tabs .tab-content {}

.recently-viewed_tab {}

.recently-viewed_tab .top-deals {}

.recently-viewed_tab .top-deals .card-delete {
   display: flex;
   position: absolute;
   right: 10px;
   top: 10px;
}

.recently-viewed_tab .top-deals .card-delete .delete {
   fill: #0046be;
   background: transparent;
   border: 0;
   height: 20px;
   padding: 0;
   width: 20px;
}

.recently-viewed_tab .top-deals .button {
   color: #0046be;
   border-color: #0046be;
}

.recently-viewed_tab .top-deals .button:hover {
   background-color: #001e73;
   border-color: #001e73;
   color: #fff;
}

.recently-viewed_tab .top-deals_image {
   padding-top: calc(140 / 210 * 100%);
   margin-bottom: 20px;
}

.recently-viewed_tab .top-deals_image-wrapper h5 {
   font-size: 13px;
   color: #0046be;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   white-space: normal;
}

.recently-viewed_tab .top-deals_image-wrapper:hover h5 {
   /* border-color: #0046be; */
   border: none;
   text-decoration: underline;
}

.recently-viewed_tab .compare-checkbox-wrapper {
   font-size: 13px;
   color: #0046be;
}

.recently-viewed_tab .compare-checkbox-input {
   margin-right: 5px;
   height: 18px;
   position: relative;
   width: 18px;
   border-radius: 2px;
   background-color: transparent;
}

.recently-viewed_tab .compare-checkbox-input input {}

.recently-viewed_tab .compare-checkbox-input label {}

.recently-viewed_tab .save-for-later-button {
   border: none;
   background: none;
   color: #0046be;
   margin-bottom: 10px;
}

.recently-viewed_tab .save-for-later-button svg {}

.recently-viewed_tab .save-for-later-button span {
   margin-left: 5px;
}

.recently-viewed_tab .card-see-more-like-this {
   text-align: left;
   margin-top: 15px;
}

.recently-viewed_tab .card-see-more-like-this a {
   color: #0046be;
   font-size: 13px;
   font-weight: 500;
}

.recently-viewed_tab .card-see-more-like-this a svg {
   width: 15px;
   height: 15px;
}

.recently-viewed_tab .card-see-more-like-this a:hover {
   color: #001e73;
}

.recently-viewed_tab .card-see-more-like-this a:hover span {
   border-bottom: 1px solid #001e73;
}

.saved-items_tab {
   display: flex;
   flex-direction: column;
   padding: 0;
   text-align: center;
}

.saved-items_tab h3 {
   color: #1d252c;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 15px;
}

.saved-items_tab p {
   font-size: 15px;
   font-weight: 400;
   color: #040c13;
}

/**************************************
   * 19. Most viewed Section Style
   *************************************/
.most-viewed-area {}

.most-viewed-area .heading {
   margin-bottom: 0;
}

.most-viewed-area .heading h3 {
   border: none;
}

.mostViewed-slider-init {
   margin: 0 10px;
}

.mostViewed-slider-init .top-deals {
   border: 1px solid #e0e6ef;
   border-radius: 16px;
   padding: 20px 8px;
   width: 95% !important;
}

.mostViewed-slider-init .top-deals_image-wrapper h5 {
   color: #111111;
}

.most-viewed-area .slide-prev {
   left: 10px;
}

.most-viewed-area .slide-next {
   right: 10px;
}





/*****New css 07-05-24****/


/*Category*/
.lv.breadcrumb-and-title {
   padding: 0px 0px;
}

h1.browse-title.title {
   padding: 0px 0px 10px;
   font-size: 26px;
}

.shop-product-list .component-search-header .breadcrumb-and-title .search-header-breadcrumb-list {
   margin-bottom: 2px;
   margin-top: 5px;
}

.compare-and-save {
   padding: 0px !important;
}

label.c-checkbox-label.cursor-pointer.font-weight-normal.pl-100.mb-none {
   padding-top: 0px;
}

.mb-100 {
   margin-bottom: 100px;
}

.column-right {
   padding-left: 2rem;
   width: 27%;
}

.component-sku-list .lv .sku-item-list .sku-item {
   min-height: 235px;
   width: 100%;
}

.title-data.lv {
   padding: 0px;
}

.flex.gvpc-price-1-2412-14 {
   margin-top: 5px;
}

.mt-20 {
   margin-top: 20px
}

section.single-product-wrapper {
   padding-top: 20px;
}

img.product-image {
   max-height: 100px;
   max-width: 150px;
   display: inline-block;
}

/*top add*/
/*.mc-row {
      margin-left: -2rem;
      margin-right: -2rem;
  }*/
.mb-300 {
   margin-bottom: 2rem;
}

.v-bg-human-blue {
   background-color: #0046be;
}

.bestbuy-mc-renderer .mc-row .h-1800 {
   height: 144px;
}

.mr-200 {
   margin-right: 2rem;
}

.mc-plp-basic-banner-image {
   max-width: 212px;
   margin-left: 10px;
}

.mc-plp-basic-banner-container {
   vertical-align: middle;
}

.py-200 {
   padding-bottom: 2rem;
   padding-top: 1.7rem;
}

.v-text-pure-white {
   font-size: 22px;
   line-height: 30px;
   color: #fff;
   margin-bottom: 0px;
}

.v-text-tech-yellow {
   color: #fff200;
   font-size: 13px;
}

section.play-begin {
   padding: 0px;
}

.v-text-tech-yellow:hover {
   color: #ffce00;
}

/*top add*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   .column-right {
      padding-left: 0px;
      width: 100%;
   }

   .mc-plp-basic-banner-image {
      max-width: 140px;
   }

   .v-text-pure-white {
      font-size: 18px;
      line-height: 23px;
   }

   span.font-weight-normal.body-copy.mc-bb-light-color-theme.v-text-pure-white {
      font-size: 12px;
   }
}

/*add to cart*/

.fluid-item__details {
   width: 74.3%;
}

.cart-card-custom {
   margin-bottom: 2rem;
   padding: 55px 48px 0px;
}


/*top add*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   .column-right {
      padding-left: 0px;
      width: 100%;
   }

   .mc-plp-basic-banner-image {
      max-width: 140px;
   }

   .v-text-pure-white {
      font-size: 18px;
      line-height: 23px;
   }

   span.font-weight-normal.body-copy.mc-bb-light-color-theme.v-text-pure-white {
      font-size: 12px;
   }



   .cart-card-custom {
      margin-bottom: 2rem;
      padding: 55px 48px 14px;
   }

   .fluid-item__actions {
      width: 28.7%;
   }

   #quantity-48s1tp2diqr5a-4jsmzqvzrhsnr {
      margin-right: -31px;
   }

   .fluid-item__title {
      border-left: solid 1rem transparent;
   }
}


a.cart-item__title.focus-item-0 {
   padding-top: 17px;
}

/*Category*/




/*add to cart*/

.fluid-item__details {
   width: 74.3%;
}

.cart-card-custom {
   margin-bottom: 2rem;
   padding: 55px 48px 0px;
}

.mobile-add-to-cart {
   display: none;
}

.mobile-view-category-list {
   display: none;
}

.footer.top-border.wrapper.mb-pagination {
   display: none;
}


/*top add*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   .column-right {
      padding-left: 0px;
      width: 100%;
   }

   .mc-plp-basic-banner-image {
      max-width: 140px;
   }

   .v-text-pure-white {
      font-size: 18px;
      line-height: 23px;
   }

   span.font-weight-normal.body-copy.mc-bb-light-color-theme.v-text-pure-white {
      font-size: 12px;
   }



   .cart-card-custom {
      margin-bottom: 2rem;
      padding: 55px 48px 14px;
   }

   .fluid-item__actions {
      width: 28.7%;
   }

   #quantity-48s1tp2diqr5a-4jsmzqvzrhsnr {
      margin-right: -31px;
   }

   .fluid-item__title {
      border-left: solid 1rem transparent;
   }

   /*cart*/

   .page-spinner {
      position: relative;
   }

   .small-view .card {
      margin-bottom: 2rem;
      padding: 20px 2rem;
      background-color: #fff;
      border: 1px solid #e0e6ef;
   }

   .listing-header {
      padding-left: 16px;
      padding-right: 16px;
   }

   .listing-header__body_2 {
      position: relative;
      padding-bottom: 0;
   }

   .listing-header--redesign .listing-header__title {
      margin: 0;
   }

   .listing-header__title {
      font-size: 20px;
      font-weight: 500;
   }

   .listing-header__total_2 {
      top: 0;
      right: 0;
      left: 106px;
      font-weight: 500;
   }

   .listing-header__total_2 {
      position: absolute;
      right: 0px;
   }

   .listing-header__total_2 {
      font-size: 20px;
      display: inline-block;
      font-weight: 600;
   }

   .listing-header--redesign .small-view-item__availability {
      margin: 20px 0 0;
   }

   .availability__info_wrapper_2 {
      margin-left: 25px;
   }

   .fluid-item__details {
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      padding-left: 16px;
   }

   .fluid-item__title {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
   }

   .pro-cat-sec {
      display: flex;
      gap: 20px;
   }

   .warranty-addon-container>svg {
      width: 32px;
      margin-left: 2px;
   }

   .price_new {
      display: block !important;
   }

   .price-block__inline {
      font-weight: 600;
   }

   .fluid-item__price {
      margin: 0 0 auto;
      border-left: none;
      width: auto;
      padding-left: 0px;
   }

   .fluid-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0px !important;
   }

   .small-view .price-block__reg-price {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }

   .small-view .fluid-item__actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      padding: 24px 16px 0;
   }

   h2#cart-order-summary {
      color: #000;
      font-style: normal;
      font-weight: 600;
      font-size: 21px;
      line-height: 24px;
      margin-bottom: 0px;
      padding-bottom: 20px;
   }

   .non-bby-smp-banner__img {
      display: block;
      width: 140px;
      margin-bottom: 12px;
   }

   .non-bby-smp-banner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 13px;
   }

   .non-bby-smp-banner {
      border-top: none;
      padding: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .non-bby-smp-banner__msg-container {
      margin-left: 24px;
   }

   .non-bby-smp-banner__link {
      font-size: 11px;
   }

   .desktop-cart {
      display: none !important;
   }

   section.fluid-small-view__disclaimers {
      padding-top: 0px;
   }

   .add-to-cat-page {
      padding-top: 10px;
   }

   .mobile-add-to-cart {
      display: block !important;
   }


   .pro-cat-sec {
      display: flex;
   }

   .pro-cat-img-left {
      width: 45%;
   }

   .price-block {
      width: 50%;
   }

   .pro-cat-sec {
      display: flex !important;
      gap: 20px !important;
   }

   .shop-sku-list-item {
      /*    border-top: 1px solid #e0e6ef;*/
      padding-top: 15px;
   }

   div#shop-sponsored-listing-88374339 {
      /*    border-top: 1px solid #cccc;*/
   }

   .component-sku-list.desktop-category {
      display: none;
   }

   .left-side {
      display: none;
   }

   .right-side {
      text-align: center;
   }

   .footer-category {
      padding-top: 10px;
   }

   .footer-pagination {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin: auto;
      max-width: 300px;
      padding-bottom: 16px;
   }

   .shop-product-list .component-sku-list a.disabled {
      cursor: not-allowed;
   }

   .disabled svg {
      fill: #c5cbd5;
   }

   .footer svg {
      position: relative;
      top: 2px;
      fill: #0046be;
   }

   .paging-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
      align-items: baseline;
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly;
      width: 100%;
   }

   .component-sku-list .sku-item-list {
      margin-bottom: 1rem;
      padding: 0;
   }

   .mobile-view-category-list {
      display: block !important;
   }

   .footer.top-border.wrapper.mb-pagination {
      display: block !important;
   }

}


/* Menu css add */


/* Category details page banner */
.category-details-bg {
   background-size: 100%;
   width: 100%;
   height: 250px;
}

/* Product Details Shop Breadcrumb */
.shop-breadcrumb {}

.hop-breadcrumb_nav {
   display: inline-block;
   width: 100%;
}

.shop-breadcrumb_nav_order-list {
   list-style: none;
   margin: 0;
   padding: 0;
}

.shop-breadcrumb_nav_order-list li {}

.shop-breadcrumb_nav_order-list li a {
   font-size: 13px;
}

.shop-breadcrumb_nav_order-list li:not(:first-child):before {
   border-bottom: 4px solid #0000;
   border-left: 4px solid #55555a;
   border-top: 4px solid #0000;
   content: " ";
   display: inline-block;
   height: 0;
   margin: 0 7px;
   width: 0;
}

/* products details description */
.shop-desc {
   /* margin-top: 30px; */
}

.shop-desc p {
   font-size: 14px;
   line-height: 24px;
   color: #111111;
   margin-bottom: 20px;
}

/* Product details specification table */
.overflow-scroll-wrapper {
   flex-grow: 1;
   overflow-x: hidden;
   overflow-y: scroll;
}

.pro-details-spec {
   height: 100vh;
}

.pro-details-spec h3 {
   color: #1d252c;
   font-size: 16px;
   font-weight: 600;
}

.pro-details-spec .table-responsive:not(:last-child) {
   margin-bottom: 20px;
}

.pro-details-spec .table-responsive .table {
   border-color: transparent;
}

.pro-details-spec .table-striped tbody tr:nth-of-type(odd) {
   background: #f1f8ff;
   --bs-table-accent-bg: #f1f8ff;
   border-radius: 4px;
}

.modal.right.spec-modal .modal-dialog {
   position: absolute;
   top: 0;
   right: 100px;
   margin: 0;
   min-width: 380px;
}

/* Store Location Page */
.store-location {}

.store-tab {
   display: flex;
}

.store-tab_info-wrapper {
   width: 30%;
   height: 100%;
}

.store-tab_map-wrapper {
   width: 70%;
   height: 100%;
}

.store-location_text {}

.store-location_text h3 {
   font-size: 22px;
   font-weight: 600;
   line-height: 1.4;
   color: #222;
   margin-bottom: 15px;
}

.store-location_text p {
   color: #000;
   margin-bottom: 10px;
   font-size: 15px;
   line-height: 1.86;
}

.store-location_text.search-box {
   background-color: #fff;
   box-shadow: 0 6px 40px -4px rgb(0 0 0 / 10%);
   padding: 15px;
}

.store-location_text .search-box-store {
   width: 100%;
   position: relative;
   display: flex;
}

.store-location_text .search-input-store {
   width: 100%;
   padding: 8px;
   border-radius: 5px 0px 0px 5px;
   border-right: none;
   outline: none;
   font-size: 13px;
   color: #000;
   background-color: #fff;
   height: 38px;
   border: 1px solid #c1c1c1;
}

.store-location_text .search-button-store {
   text-align: center;
   width: 50px;
   outline: none;
   cursor: pointer;
   border: unset;
   border-radius: 0 10px 10px 0;
   border-left: none;
   background-color: #fff;
   font-size: 20px;
   height: 38px;
   background-color: #111;
   color: #fff;
}

.store-info {
   max-height: 532px;
   overflow: auto;
   /* -ms-overflow-style: none;
    scrollbar-width: none;   */
}

.store-info::-webkit-scrollbar {
   /* display: none;  */
}

.store-info-single {
   /* border: 1px solid #d3d3d3; */
   border: 1px solid #DEE2E9;
   border-radius: 1rem;
   padding: 10px;
   margin-bottom: 15px;
   display: none;
   margin-right: 15px;
   margin-left: 15px;
   transition: border 0.4s ease-in;
   cursor: pointer;
}
.store-info-single:hover{
   border: 1px solid rgba(0, 0, 0, .6);
}
.store-info-single.active {
   background-color: #0619c2; /* Change this to your desired color */
}
.store-info-single.active .store-title{
   color: #fff;
}
.store-info-single.active p,
.store-info-single.active a,
.store-info-single.active p svg,
.store-info-single.active .view-lacation-btn{
   color: #fff;
   fill: #fff;

}
.store-info-single.active .view-lacation-btn{
   border: 1px solid #fff;
}
.store-info-single.show {
   display: block;
}

.store-info-single .store-title {
   font-size: 18px;
   text-transform: capitalize;
   font-weight: 700 !important;
   margin-bottom: 20px;
   color: #111;
   margin-top: 5px;
}

.store-info-single p {
   color: #666;
   font-size: 15px;
   line-height: 1.86;
   display: flex;
   align-items: baseline;
}

.store-info-single p svg {
   margin-right: 5px;
   fill: #111;
}

.store-info-single p a {
   display: flex;
   align-items: baseline;
   color: #111;
   text-decoration: underline !important;
}

.view-lacation-btn {
   color: #111;
   border: 1px solid #111;
   border-radius: 10px;
   font-size: 11px;
   line-height: 16px;
   font-weight: 600;
   text-align: center;
   padding: 5px 15px;
}

.view-lacation-btn:hover {
   color: #fff;
   background-color: #111;
}

.store-tab .seeMoreButton {
   float: right;
   background: transparent;
   border: none;
   font-size: 15px;
   margin-top: 10px;
}

.store-tab .location-map {}

.store-tab .location-map iframe {
   display: none;
   width: 100% !important;
   height: 600px !important;
}

.location-map iframe.active {
   display: block;
}

.store-tab iframe {
   width: 100% !important;
   height: 600px !important;
}

/**************************************
   * EMI Modal Style
 *************************************/
.overflow-x-auto {
   overflow-x: auto !important;
}

.bg-gray-100,
.bg-gray-150 {
   background-color: rgba(245, 245, 245, 1);
}

.emi-btn {
   font-size: 16px;
   color: rgba(3, 137, 255, 1);
   background: none;
   border: none;
}

.emi-btn:hover,
.emi-btn:focus {
   text-decoration: underline;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.emi-modal {
   overflow-y: auto;

}

.emi-modal::-webkit-scrollbar {
   display: none;
}

.emi-modal .modal-dialog {
   width: 90vw;
   height: 90vh;

}

.emi-modal .modal-dialog .modal-content::-webkit-scrollbar {
   display: none;
}

.emi-modal .modal-dialog .modal-content {
   height: 90vh;

}

.emi-modal .modal-header {
   border-bottom: 1px solid #d1d1d1;
   padding-bottom: 20px;
   padding: 20px;
}

.emi-modal .modal-header .close {
   font-size: 30px;
   color: #000;
}
.emi-modal .modal-body{
   overflow-y: auto;
   scroll-behavior: smooth;
}

.emi-modal .modal-title {
   font-size: 22px;
   color: #000;
   font-weight: 600;
}

.emi-modal .modal-dialog {
   max-width: min(100%, 1500px);
   min-width: 600px;
}

.emi-modal .available-offer_bank-single {
   display: none;
}

.emi-modal .available-offer_bank-single.show {
   display: block;
}

.emi-modal .available-offer table {
   max-height: 400px;
   overflow: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.emi-modal .available-offer::-webkit-scrollbar {
   display: none;
}

/* .emi-modal .emi-credit-card {
   animation: slideInFromRight  .8s ease-in-out forwards;
}
@keyframes slideInFromRight {
   0% {
       transform: translateX(100%);
       opacity: 0;
   }
   100% {
       transform: translateX(0);
       opacity: 1;
   }
}
#emiChooseBank{
   animation: slideInFromLeft .8s ease-in-out;
   opacity: 1;
}
@keyframes slideInFromLeft {
   0% {
       transform: translateX(-100%);
       opacity: 0;
   }
   100% {
       transform: translateX(0);
       opacity: 1;
   }
} */

.emi-modal .emi-credit-card-wrapper {}

.emi-modal .emi-credit-card-wrapper h6 {
   font-size: 16px;
   font-weight: 600;
   border-bottom: 2px solid var(--color-red);
   display: inline-block;
   padding-bottom: 10px;
}

.emi-modal .emi-credit-card-banks {}

.emi-modal .emi-credit-card-banks #bankSearch {}

.emi-modal .emi-credit-card-banks #bankList {
   background: #fff;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   padding: 10px 0;
   overflow-y: auto;
   max-height: 250px;
}

.emi-modal .emi-credit-card-banks #bankList .bank-option {
   background: transparent;
   color: #000;
   padding: 10px 15px;
   cursor: pointer;
}

.emi-modal .emi-credit-card-banks #bankList .bank-option::selection,
.emi-modal .emi-credit-card-banks #bankList .bank-option:hover,
.emi-modal .emi-credit-card-banks #bankList .bank-option:focus {
   background: var(--color-red) !important;
   color: #fff !important;
}

.emi-modal #bankTables {}

.emi-modal #bankTables .bank-table {}

.emi-modal #bankTables .bank-table table {
   border-color: #d1d1d1;
}

.emi-modal #bankTables .bank-table h6 {
   font-size: 18px;
   margin-bottom: 20px;
   color: #000;
   font-weight: 600;
   text-transform: uppercase;
}

.emi-modal .emi-choose-bank {
   margin-top: 120px;
}

.emi-modal .emi-choose-bank h3 {
   color: #000;
   font-size: 22px;

}

.emi-modal .emi-choose-bank h3 {}

.emi-modal .emi-choose-bank .choose-banks {}

.emi-modal .emi-choose-bank .choose-banks {}

.emi-modal .emi-choose-bank .choose-banks .bank-select-field {
   margin: 20px 0;
}

.emi-modal .emi-choose-bank .choose-banks .bank-select-field label {
   display: block;
   color: #000;
   font-weight: 600;
   font-size: 16px;
}

.emi-modal .emi-choose-bank .choose-banks .bank-select-field select {
   display: block;
   /* max-width: 200px; */
   padding: 5px 20px;
   background: transparent;
   color: #000;
}

.emi-modal .emi-choose-bank .choose-banks .bank-select-field select option {
   background: transparent;
   color: #000;
   padding: 5px 20px;
   cursor: pointer;
}

.emi-modal .emi-choose-bank .choose-banks .bank-select-field select option::selection,
.emi-modal .emi-choose-bank .choose-banks .bank-select-field select option:hover,
.emi-modal .emi-choose-bank .choose-banks .bank-select-field select option:focus {
   background: var(--color-red) !important;
   color: #fff !important;
}

.emi-modal .emi-choose-bank .choose-banks .down-payment-field {
   margin: 20px 0;
}

.emi-modal .emi-choose-bank .choose-banks .down-payment-field label {
   display: block;
   color: #000;
   font-weight: 600;
   font-size: 16px;
}

.emi-modal .emi-choose-bank .choose-banks .down-payment-field input {
   display: block;
   padding: 5px 20px;
}

.emi-modal .emi-choose-bank .choose-banks .cost-breakdown {}

.emi-modal .emi-choose-bank .choose-banks .cost-breakdown .table {
   width: 100%;
   border-color: transparent;
}

.emi-modal .emi-choose-bank .choose-banks .cost-breakdown .table thead {
   border-bottom: 1px solid #d1d1d1;
   margin-bottom: 20px;
}

.cost-breakdow th,
.cost-breakdow td {
   padding: 10px 0;
}

.cost-breakdown th:last-child,
.cost-breakdown td:last-child {
   text-align: right;
}

.emi-modal .emi-choose-bank .available-offer {}

.emi-modal .emi-choose-bank .available-offer h5 {
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 20px;

}

.emi-modal .emi-choose-bank .available-offer .available-offer_bank-single {}

.emi-modal .emi-choose-bank .available-offer .available-offer_bank-single td {
   font-size: 13px;
}

.emi-modal .emi-choose-bank .available-offer .available-offer_bank-single td img {
   max-width: 80px;
   height: auto;
}

.emi-modal .emi-choose-bank .available-offer .available-offer_bank-single td span {
   font-size: 11px;
   font-weight: 600;
   margin-left: 7px;
}

.emi-modal .emi-choose-bank .available-offer .available-offer_bank-single td .t-c-apply {
   color: var(--color-blue);
}

.emi-modal .emi-choose-bank .available-offer .view-more-offer {
   color: var(--color-blue);
   margin: 0;
   padding: 0;
}

.emi-modal .next-btn,
.emi-modal #confirmButton,
.emi-modal #prevButton {
   padding: 10px 30px;
   color: #fff;
   background-color: var(--color-red);
   border-radius: 5px;
   cursor: pointer;
}

.emi-modal .emi-disclaimer {
   color: var(--color-red);
   font-size: 12px;
   line-height: 18px;
   margin: 20px 0;
}


/**************************************
   * Special Offer Modal Style
 *************************************/
.specialOffer-modal {
   overflow-y: auto;
}

.specialOffer-modal::-webkit-scrollbar {
   display: none;
}

.specialOffer-modal .modal-dialog {
   max-width: 600px;
}

.specialOffer-modal .modal-dialog .modal-content::-webkit-scrollbar {
   display: none;
}

.specialOffer-modal .modal-dialog .modal-content {
   height: 90vh;
   overflow-y: auto;
}

.specialOffer-modal .modal-header {
   border-bottom: 1px solid #d1d1d1;
   padding-bottom: 20px;
   padding: 20px;
}

.specialOffer-modal .modal-header .close {
   font-size: 30px;
   color: #000;
}

.specialOffer-modal .modal-title {
   font-size: 22px;
   color: #000;
   font-weight: 600;
}

.specialOffer-modal .available-offer {}

.specialOffer-modal .available-offer h5 {
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 20px;

}

.specialOffer-modal .available-offer .available-offer_bank-single {}

.specialOffer-modal .available-offer .available-offer_bank-single td {
   font-size: 13px;
}

.specialOffer-modal .available-offer .available-offer_bank-single td img {
   max-width: 80px;
   height: auto;
}

.specialOffer-modal .available-offer .available-offer_bank-single td span {
   font-size: 11px;
   font-weight: 600;
   margin-left: 7px;
}

.specialOffer-modal .available-offer .available-offer_bank-single td .t-c-apply {
   color: var(--color-blue);
}

.specialOffer-modal .table td,
.table th {
   border-top: none;
}

.specialOffer-modal .modal-footer {
   justify-content: space-between;
   align-items: flex-start;
}

.specialOffer-modal .form-select:focus {
   background-color: #fff;
}

.specialOffer-modal a:hover {
   text-decoration: none !important;
}

/***********************
   * Warranty Button
 *************************/
.warranty-wrapper {
   margin-top: 20px;
   overflow: hidden;
}

.warranty-wrapper h4 {
   font-size: 18px;
   line-height: 28px;
   font-weight: 600;
   color: #000;
   margin-bottom: 15px;
}

.warranty-checkbox:checked+.warranty-btn {
   border: 1px solid rgba(183, 183, 183, 1);
}

.warranty-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: .92rem;
   min-height: 3.75rem;
   border: 1px solid rgba(183, 183, 183, 1);
   padding: .25rem 1rem;
   border-radius: 5px;
   cursor: pointer;
   white-space: unset;
}

.warranty-btn span {
   font-size: 1rem;
   line-height: 1.5rem;
}

.warranty-icon {
   margin-right: 1.5rem;
   font-size: 1.5rem;
   line-height: 2rem;
}

.warranty-text {
   margin-right: 1rem;
}

.warranty-free {
   display: flex;
   align-items: center;
}


/**************************************
  * Addresses Add Page Style
  *************************************/
.addresses-add {}

.addresses-add-wrapper {
   max-width: 900px;
   margin: auto;
}

.addresses-add .heading {
   font-size: 20px;
   line-height: 30px;
   margin: 20px 0 10px;
   padding-bottom: 20px;
   color: #111;
   font-weight: 600;
   border-bottom: var(--border-base);
}

.addresses-add .signup-form-wrapper {
   border: none !important;
   margin: 0;
   padding: 0;
}

.addresses-add .cancel-btn {
   color: var(--color-hover);
}

.addresses-add .cancel-btn:hover {
   text-decoration: underline;
}


/**************************************
  * Product Details Page Style
  *************************************/
.product-desc {}

.product-desc p {
   position: relative;
   color: #555;
   padding-left: 20px;
   white-space: break-spaces;
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 10px;
}

.product-desc p::before {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background-color: #555;
}





/**************************************
  * Addresses Add Page Style
  *************************************/
.addresses-add {}

.addresses-add-wrapper {
   max-width: 900px;
   margin: auto;
}

.addresses-add .heading {
   font-size: 20px;
   line-height: 30px;
   margin: 20px 0 10px;
   padding-bottom: 20px;
   color: #111;
   font-weight: 600;
   border-bottom: var(--border-base);
}

.addresses-add .signup-form-wrapper {
   border: none !important;
   margin: 0;
   padding: 0;
}

.addresses-add .cancel-btn {
   color: var(--color-hover);
}

.addresses-add .cancel-btn:hover {
   text-decoration: underline;
}

/**************************************
   * Change Email & Phone Page Style
   *************************************/
.addresses-add.bg-gray .signup-form-wrapper {
   width: 100%;
   max-width: 520px;
   border: 1px solid #c5cbd5 !important;
}

.w-300 {
   width: 24px;
}

.v-text-success-green {
   color: #318000;
}

.fill {
   fill: currentcolor;
}

.h-300 {
   height: 24px;
}

.p-20 {
   padding: 20px !important;
}

/**************************************
   * Purchase History Page Style
  *************************************/
.purchase-history {
   position: relative;
}

.purchase-history-wrapper {
   max-width: 900px;
   margin: auto;
}

.purchase-history_control {}

.purchase-history_control h2 {
   font-size: 32px;
   line-height: 38px;
   margin: 20px 0 20px;
   padding-bottom: 20px;
   color: #111;
   font-weight: 600;
   border-bottom: var(--border-base);
}

.purchase-history_control .order-view {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.purchase-history_control .order-search {}

.purchase-history_control .order-search_form {
   display: flex;
   justify-content: center;
}

.purchase-history_control .order-search_input-wrapper {
   position: relative;
   display: inline-block;
}

.purchase-history_control .order-search_input {
   background-color: #fff;
   border: 1px solid #90959e;
   color: #040c13;
   font-family: inherit;
   font-size: 15px;
   line-height: inherit;
   border-radius: 0.4rem 0 0 0.4rem;
   border-right: none;
   width: 22rem;
   height: 2.4rem;
   padding: 0.7rem 1.2rem;
   display: inline-block;
   box-shadow: none;
}

.purchase-history_control .order-search_submit {
   background-color: var(--color-blue);
   color: #fff;
   font-weight: 600;
   display: inline-block;
   position: relative;
   height: 2.4rem;
   border: none;
   border-radius: 0 0.4rem 0.4rem 0;
   padding: 0 2rem;
   font-size: 15px;
   vertical-align: middle;
   transition: all .3s ease-out 0s;
}

.purchase-history_control .order-search_submit:hover {
   background-color: var(--color-blue-dark);
}

.purchase-history_control .order-filter {
   display: flex;
   align-items: center;
   text-align: right;
}

.purchase-history_control .order-filter label {
   font-size: 16px;
   font-weight: 600;
   color: #000;
   margin-right: 10px;
}

.purchase-history_control .order-filter select {
   width: 11rem;
   height: 2.4rem;
   padding: 10px;
   border-radius: 4px;
   cursor: pointer;
}

.purchase-history_control .order-filter select:focus {
   border-color: var(--color-blue);
}

.purchase-history_details {}

.purchase-history_details .tab-wrap .nav-tabs {
   justify-content: start;
   border-bottom: 0.1rem solid #c5cbd5;
}

.purchase-history_details .tab-wrap .nav-tabs .nav-link {
   color: var(--color-blue);
   font-weight: 600;
}

.purchase-history_details .tab-wrap .nav-tabs .nav-link.active,
.purchase-history_details .tab-wrap .nav-tabs .nav-link:active {
   border-bottom: 0.3rem solid #55555a;
   margin-bottom: -0.1rem;
   color: #55555a;
}

.purchase-history_details .table-order-head {}

.purchase-history_details .table-order-head h3 {
   white-space: nowrap;
   color: var(--color-blue);
   font-size: 18px;
}

.purchase-history_details .table-order-head h3 strong {
   color: #000;
}

.purchase-history_details .table-order-head h3 .order-number {
   text-transform: uppercase;
}

.purchase-history_details .table-order-head a {
   font-size: 18px;
   font-weight: 500;
   white-space: nowrap;
}

.purchase-history_details .table-order-body {}

.purchase-history_details .table-order-body td {
   text-align: left;
}

.purchase-history_details .table-order-body img {
   height: 70px;
}

.purchase-history_details .table-order-body h5 {
   font-size: 14px;
   line-height: 20px;
   color: #111;
}

.purchase-history_details .table-order-body .order-pro-title {
   max-width: 220px;
   color: #111;
   font-weight: 500;
}

.purchase-history_details .table-order-body h3 {
   font-size: 16px;
   line-height: 22px;
   color: #111;
   font-weight: 600;
}

.purchase-history_details .table-order-body p {
   font-size: 14px;
   line-height: 20px;
   color: #111;
   margin-top: 15px;
   max-width: 200px;
}

/**************************************
   * Order Tracking Page Style
  *************************************/
.order-tracking {}

.order-tracking .track-shipping-address {}

.order-tracking .track-shipping-address h3 {
   font-size: 16px;
   line-height: 22px;
   color: #111;
   font-weight: 600;
}

.order-tracking .track-shipping-address p {
   font-size: 14px;
   line-height: 20px;
   color: #111;
   margin-top: 15px;
}

.order-tracking_details {}

.order-tracking_details .table-wrapper {
   position: relative;
   /* border-bottom: var(--border-base); */
}

.order-tracking_details .table-wrapper h3 {
   font-size: 20px;
   color: #666;
   font-weight: 600;
   white-space: nowrap;
}

.order-tracking_details .table-wrapper p {
   font-size: 13px;
   line-height: 20px;
   color: #111;
   margin-top: 15px;
   margin-left: 20px;
}

.order-tracking_details .table-wrapper p span {
   white-space: nowrap;
}

.order-tracking_details .table tr {
   position: relative;
   border-color: transparent;
}

.order-tracking_details .table tr td {
   color: #666;
   font-weight: 600;
   padding-left: 30px;
}

.order-tracking_details .table tr::before {
   content: '';
   position: absolute;
   left: 4px;
   top: 50%;
   bottom: -50%;
   width: 3px;
   background-color: #198754;
   z-index: 1;
}

.order-tracking_details .table tr:first-child::before {
   top: 50%;
}

.order-tracking_details .table tr:last-child::before {
   bottom: 50%;
}

.order-tracking_details .table tr::after {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 12px;
   height: 12px;
   background-color: #198754;
   border-radius: 50%;
   z-index: 2;
}

.order-tracking_details .table tr.active::after {
   border: 3px solid #198754;
   background-color: #fff;
}

.order-tracking_details .table tr.active td {
   color: #198754;
}


/* Checkout Page */
.addresses-manager .form-select {
   padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
}

.addresses-manager .form-select:focus {
   background-color: #fff;
}

/* Product Details Page */
.details-image {
   width: 450px;
   height: 450px;
   margin: auto;
}

.details-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.text-gray-400 {
   color: rgba(160, 160, 160, 1);
}

.text-xs {
   font-size: .75rem;
   line-height: 1rem;
}

.product-details_brand-offer {
   display: flex;
   align-items: baseline;
   margin-top: 15px;
}

.product-details_brand-offer a {
   font-size: .875rem;
   line-height: 1.25rem;
}

.product-details_brand-offer a i {}

.product-details_brand-offer img {
   width: 30px;
   height: 30px;
}

.product-details_brand {}

.product-details_brand a {
   color: #666;
}

.product-details_brand a:hover {
   color: #001e73;
}

.product-details_offer {
   border-left: 2px solid #ddd;
   margin-left: 10px;
   padding-left: 10px;
}

.offer-sku-model_wrapper {
   display: flex;
   flex-direction: column;
   margin-bottom: 20px;
}

.offer-sku-model_wrapper .product-data span {
   color: #666;
   font-weight: 500;
}

.offer-sku-model_wrapper .product-data strong {
   font-weight: 600;
}

.emi-btn-text {
   display: block;
   font-size: 1.125rem;
   line-height: 1.75rem;
   color: #111;
   font-weight: 600;
}

.emi-btn-text i {}

/* Category Page */
.product-heightlights-slider {}

.product-heightlights-slider .button.is-control {
   display: none !important;
}

.slick-slide {
   text-align: left !important;
   float: left !important;
}

.slick-list {
   text-align: left !important;
}

.slick-track {
   display: flex !important;
   justify-content: flex-start !important;
}

.line-through {
   text-decoration: line-through !important;
}

.product-instock {
   display: block;
   color: rgba(91, 179, 0, 1);
   font-size: .875rem;
   line-height: 1.25rem;
   margin-bottom: -7px;
   font-weight: 600;
}

.product-details_price_wrapper {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.product-details_price_wrapper .priceView-hero-price {
   font-size: 1.875rem;
   line-height: 3.25rem;
}

.product-details_price_wrapper .priceView-hero-price span {
   white-space: nowrap;
}

.product-details_price_wrapper .before-discounted-price {}

.product-details_price_wrapper .before-discounted-price span {
   color: rgb(243, 59, 59);
   font-weight: 600;
   margin-left: 7px;
   margin-right: 10px;
   margin-top: 5px;
   font-size: .75rem;
   line-height: 1rem;
   white-space: nowrap;
}

.product-details_price_wrapper .save-amount {
   display: flex;
   align-items: center;
}

.product-details_price_wrapper .save-amount .btn {
   background-color: rgba(91, 179, 0, 1);
   color: #fff;
   border-radius: 5px;
   padding: .25rem .5rem;
}

.product-details_price_wrapper .save-amount span {
   color: rgb(243, 59, 59);
   font-weight: 600;
   margin-left: 7px;
   font-size: .75rem;
   line-height: 1rem;
   white-space: nowrap;
}

/**************************************
   * Customer dashboard page Style
  *************************************/
.address-card {
   position: relative;
}

.address-card .address-card_default-banner {
   background-color: #55555a;
   border-radius: 0 .5rem;
   color: #fff;
   font-size: 12px;
   padding: .3rem 1.3rem;
   position: absolute;
   right: -.125rem;
   text-transform: capitalize;
   top: -.125rem;
}

.address-card .address-card_default-banner span {}

.address-card .card-title {
   color: #1d252c;
   font-size: 1.275rem;
   font-weight: 600;
   outline: none;
   padding: 0 0 .25rem;
}

.address-card {
   border: 1px solid #ddd;
   border-radius: .5rem
}

.address-card.add-address {
   border: 1px solid #0046be;
}

.address-card .add-address_wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
}

.address-card .add-address-button {
   /* border: .125rem solid #0046be;
     border-radius: .5rem;
     display: inline-block;
     line-height: 27rem;
     margin: .125rem 0 0;
     min-height: 28.625rem;
     text-align: center;
     vertical-align: top;
     width: 100%; */
   display: flex;
   justify-content: center;
   align-items: center;
}

.address-card .add-address-button span {
   color: #0457c8;
   font-size: 16px;
   line-height: 20px;
}

.address-card .add-address-button svg {
   fill: #0457c8;
   stroke: #0457c8;
   stroke-width: 2;
   height: 20px;
   margin: 0;
   position: relative;
   width: 2.5rem;
}


/**************************************
   * Header Account Dropdown style
  *************************************/
.account-menu-container {
   max-width: 400px;
   left: 55% !important;
   padding: 0 !important;
   background-color: #f0f2f4 !important;
   border-radius: 0 !important;
   /* height: 100vh; */
   overflow-y: auto;
}

.account-menu {}

.account-menu .account-menu-items {
   border: none;
}
.account-menu-items .display-navigation li{
   border-bottom: 1px solid #e0e6ef;
   display: flex !important;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
   padding: 15px 10px;
   background-color: #fff;
   transition: 0.3s;
}
.account-menu-items .display-navigation li:hover{
   background-color: #000;
   color: #fff;
}
.account-menu-items .display-navigation li:hover a{
   color: #fff;
}
.account-menu-items .display-navigation li a{
   color: #000;
   font-size: 14px;
   font-weight: 600;
}

.account-menu .account-setting-single {
   padding-top: 0;
   height: auto;
}

.account-menu .account-setting-single:last-child {
   border: none;
   padding-bottom: 0;
}

.account-menu .account-setting-single img {
   height: 50px;
   padding-left: 9px;
}

.account-menu .account-setting-single .sign-out {
   margin-left: 40px;
}

.account-menu .account-setting-single p {
   color: rgb(112, 117, 125);
   font-size: 13px;
   font-weight: 400;
   height: 16px;
   line-height: 16px;
}

.account-menu .account-setting-single span {
   color: rgb(49, 128, 0);
   font-size: 13px;
   font-weight: 600;
   height: 16px;
   line-height: 16px;
}

.account-menu_close-btn {
   display: flex;
   align-items: center;
   cursor: pointer;
   font-size: 14px;
   line-height: 18px;
   font-weight: 500;
}

.account-menu_close-btn:hover span {
   text-decoration: underline;
}

.account-menu_close-btn svg {
   fill: #0457c8;
}

.account-menu_close-btn span {
   color: #0457c8;
}

.account-menu .display-account-navigation li {
   width: 100%;
}


/**************************************
   * Change password page style
 *************************************/
.signup-form_input-wrapper {}

.signup-form_input-wrapper .hidePassword,
.signup-form_input-wrapper .showPassword {
   height: 24px;
   width: 24px;
   position: absolute;
   right: 15px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
}

.signup-form_input-wrapper .hidePassword {
   display: none;
}

.change-pass-heading {
   font-size: 20px;
   line-height: 30px;
   margin: 15px 0;
   color: #111;
   font-weight: 600;
}

.signup-form_input-wrapper .signup-input.pass {
   padding-right: 45px;
}


/******************************************
   * Header Recently Viewed Dropdown style
  ******************************************/

.view-menu-container {
   max-width: 900px;
   left: unset !important;
   right: 30px;
   border-radius: 0 !important;
}

.view-menu_header {
   padding-bottom: 20px;
   border-bottom: 1px solid #ddd;
   display: flex;
   align-items: center;
}

.view-menu_header h3 {
   font-size: 22px;
   color: #111;
   font-weight: 600;
}

.view-menu_header h3 svg {
   width: 30px;
   height: 30px;
   margin-right: 4px;
   margin-bottom: 0;
}

.view-menu_header h3 span {}

.view-menu_header a {
   margin: 0;
   padding: 0;
   margin-left: 20px;
   padding-left: 10px;
   border-left: 1px solid #ddd;
}

.view-menu_header a:hover {}

.view-menu_details {}

.recentlyViewed-slider-init {}

.view-menu_details .top-deals {
   position: relative;
   padding: 5px;
}

.view-menu_details .top-deals .top-deals_image-wrapper {
   z-index: 1;
}

.view-menu_details .top-deals .top-deals_image-wrapper h5 {
   color: var(--color-blue);
   -webkit-line-clamp: 2;
   margin-bottom: 0;
}

.view-menu_details .save-btn-wrapper {
   position: absolute;
   right: 10px;
   top: 25px;
}

.view-menu_details .save-btn-wrapper .save-btn {
   position: relative;
   background-color: rgba(255, 255, 255, 0.9);
   border: 1px solid rgb(197, 203, 213);
   height: 32px;
   width: 32px;
   padding: 0;
   border-radius: 9999px;
   border: 1px solid rgb(43, 93, 245);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9;
}

.view-menu_details .save-btn-wrapper .save-btn svg {
   fill: var(--color-blue);
   height: 18px;
   width: 18px;
}

.view-menu_details {}

.view-menu_details .rating i {
   padding-right: 0 !important;
   font-size: 11px !important;
}

.view-menu_details .rating span {
   margin-left: 0;
}

.view-menu_details .top-deals .price {
   margin-bottom: 0;
   padding-bottom: 0;
   white-space: nowrap;
}

.view-menu_details .top-deals .button {
   font-size: 11px;
   color: var(--color-blue);
   border: 1px solid var(--color-blue);
   text-transform: none;
   width: 100%;
}

.view-menu_details .top-deals .button svg {
   fill: var(--color-blue);
   transition: all 0.3s ease;
}

.view-menu_details .top-deals .button:hover {
   color: #fff;
   background-color: var(--color-blue);
}

.view-menu_details .top-deals .button:hover svg {
   fill: #fff;
}

.view-menu_details .slide-prev,
.view-menu_details .slide-next {
   font-size: 25px;
}

.view-menu_details .slide-prev svg,
.view-menu_details .slide-next svg {
   width: 25px;
   height: 25px;
}

.view-menu_details .slide-prev {
   left: 0;
}

.view-menu_details .slide-next {
   right: 0;
}

.view-menu_close-btn {
   position: absolute;
   right: 10px;
   top: 10px;
   margin: 0;
   padding: 0;
}

.view-menu_close-btn svg {
   fill: var(--color-blue);
   height: 24px;
   width: 24px;
}

.view-menu_details .tracking-btn-wrapper {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   margin-top: 20px;
}

.view-menu_details .tracking-btn-wrapper input {
   padding: 5px;
   border-radius: 0;
   height: 40px;
}

.view-menu_details .tracking-btn-wrapper .button {
   margin: 0;
   height: 40px;
   border-radius: 0;
   padding: 5px;
}

.view-menu_details h2,
.empty-mega-menu h2 {
   font-size: 26px;
   line-height: 32px;
   color: #111;
   font-weight: 600;
}


/**************************************
  * Blogs Section Style
  *************************************/
.blogs-area .section-title {
   text-align: center;
   margin-bottom: 35px;
}

.blogs-area .section-title h2 {
   font-weight: 600;
   text-transform: capitalize;
   font-size: 38px;
   line-height: 1.3;
   color: #111;
}

.blogs-area .single-blog {
   position: relative;
   background: #ffffff;
   border-radius: 5px;
   margin-top: 30px;
   overflow: hidden;
}

.blogs-area .single-blog .post-img {
   position: relative;
   overflow: hidden;
}

.blogs-area .single-blog img {
   width: 100%;
   height: 360px;
}

.blogs-area .single-blog .single-blog .blog-tag {
   position: absolute;
   top: 15px;
   right: 15px;
   background: var(--color-hover);
   color: #fff;
   font-size: 12px;
   font-weight: 500;
   text-align: center;
   z-index: 2;
   text-transform: uppercase;
}

.single-blog .blog-tag a {
   color: #fff;
   font-size: 12px;
   padding: 5px 10px;
   font-weight: 700;
   display: block;
}

.blogs-area .single-blog .blog-content {
   padding-top: 20px;
}

.blogs-area .blog-category {
   margin-bottom: 15px;
}

.blogs-area .single-blog .blog-type {
   font-weight: 700;
   color: var(--color-hover);
   font-size: 14px;
   display: inline-block;
}

.blogs-area .single-blog .blog-type:hover {
   color: var(--color-hover);
   text-decoration: underline !important;
}

.blogs-area .single-blog .blog-content h5 a {
   font-size: 18px;
   font-weight: 700;
   color: #333;
   margin-bottom: 5px;
   display: block;
}

.blogs-area .single-blog .blog-content h5 a:hover {
   color: var(--color-hover);
   text-decoration: underline !important;
}

.blogs-area .blog-bottom-text-link {
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
}

.blogs-area .blog-bottom-text-link span {
   font-size: 14px;
   color: #5a5a5a;
   font-weight: 700;
}

.blogs-area .single-blog .blog-content .blog-bottom-text-link a {
   font-size: 14px;
   font-weight: 700;
   color: #555;
   margin-bottom: 5px;
   display: block;
}

.blogs-area .single-blog .blog-content .blog-bottom-text-link a:hover {
   color: var(--color-hover);
   text-decoration: underline !important;
}

/**************************************
  ** Blog Details Page Area CSS
  **************************************/
.blog-details-area .blog-details-desc .article-content {
   margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-content p {
   margin-bottom: 15px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta {
   margin-bottom: -8px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li {
   position: relative;
   display: inline-block;
   color: #0b0b31;
   margin-right: 21px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li span {
   display: inline-block;
   color: #0b0b31;
   font-weight: 500;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a {
   display: inline-block;
   color: #5a5c5f;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {
   color: var(--color-hover);
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li i {
   color: var(--color-hover);
   margin-right: 2px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li::before {
   content: "";
   position: absolute;
   top: 12px;
   right: -15px;
   width: 6px;
   height: 1px;
   background: var(--color-hover);
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {
   margin-right: 0;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {
   display: none;
}

.blog-details-area .blog-details-desc .article-content h3 {
   margin-bottom: 15px;
   margin-top: 25px;
   font-size: 24px;
   font-weight: 700;
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {
   padding-left: 0;
   list-style-type: none;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -10px;
   margin-left: -10px;
   margin-bottom: 30px;
   margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {
   -ms-flex: 0 0 33.3333%;
   -webkit-box-flex: 0;
   flex: 0 0 33.3333%;
   max-width: 33.3333%;
   padding-right: 10px;
   padding-left: 10px;
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
   margin-bottom: 0;
}

.blog-details-area .blog-details-desc .article-footer {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-footer .article-tags {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
   color: #5a5c5f;
}

.blog-details-area .blog-details-desc .article-footer .article-tags span {
   display: inline-block;
   color: #333;
   font-size: 15px;
   font-weight: 700;
   margin-right: 5px;
}

.blog-details-area .blog-details-desc .article-footer .article-tags a {
   display: inline-block;
   color: #5a5c5f;
}

.blog-details-area .blog-details-desc .article-footer .article-tags a:hover {
   color: var(--color-hover);
}

.blog-details-area .blog-details-desc .article-footer .article-share {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social {
   padding-left: 0;
   list-style-type: none;
   text-align: right;
   margin-bottom: 0;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li {
   display: inline-block;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li span {
   display: inline-block;
   margin-right: 5px;
   color: #333;
   font-size: 15px;
   font-weight: 700;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a {
   display: block;
   color: var(--color-hover);
   width: 30px;
   height: 30px;
   line-height: 32px;
   border-radius: 50%;
   background-color: #eeeef0;
   text-align: center;
   font-size: 12px;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a:hover {
   color: #ffffff;
   background-color: var(--color-hover);
   -webkit-transform: translateY(-2px);
   transform: translateY(-2px);
}

.blog-details-area .blog-details-desc .post-navigation {
   margin-top: 30px;
}

.blog-details-area blockquote,
.blog-details-area .blockquote {
   overflow: hidden;
   background-color: #fafafa;
   padding: 50px !important;
   position: relative;
   text-align: center;
   z-index: 1;
   margin-bottom: 20px;
   margin-top: 20px;
}

.blog-details-area blockquote p,
.blog-details-area .blockquote p {
   color: #0b0b31;
   line-height: 1.6;
   margin-bottom: 0;
   font-style: italic;
   font-weight: 500;
   font-size: 24px !important;
}

.blog-details-area blockquote cite,
.blog-details-area .blockquote cite {
   display: none;
}

.blog-details-area blockquote::before,
.blog-details-area .blockquote::before {
   color: #efefef;
   content: "\f10e";
   position: absolute;
   left: 50px;
   top: -50px;
   z-index: -1;
   font-family: "Font Awesome 5 Free";
   font-size: 140px;
   font-weight: 900;
}

.blog-details-area blockquote::after,
.blog-details-area .blockquote::after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 3px;
   background-color: var(--color-hover);
   margin-top: 20px;
   margin-bottom: 20px;
}

.blog-details-area .post-navigation {
   border-top: 1px solid #eeeeee;
   border-bottom: 1px solid #eeeeee;
   padding-top: 20px;
   padding-bottom: 20px;
}

.blog-details-area .post-navigation .navigation-links {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.blog-details-area .post-navigation .navigation-links .nav-previous {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
}

.blog-details-area .post-navigation .navigation-links .nav-previous a i {
   margin-right: 2px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

.blog-details-area .post-navigation .navigation-links .nav-previous a:hover i {
   margin-right: 0;
}

.blog-details-area .post-navigation .navigation-links .nav-next {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
   text-align: right;
}

.blog-details-area .post-navigation .navigation-links .nav-next a i {
   margin-left: 2px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

.blog-details-area .post-navigation .navigation-links .nav-next a:hover i {
   margin-left: 0;
}

.blog-details-area .post-navigation .navigation-links div a {
   display: inline-block;
   font-weight: 600;
}

.blog-details-area .comments-area {
   padding: 25px;
   margin-top: 30px;
   -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
   box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
   background-color: #ffffff;
}

.blog-details-area .comments-area .comments-title {
   position: relative;
   margin-bottom: 30px;
   line-height: initial;
   font-size: 24px;
   font-weight: 600;
}

.blog-details-area .comments-area ol,
.comments-area ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

.blog-details-area .comments-area .comment-list {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

.blog-details-area .comments-area .comment-body {
   border-bottom: 1px solid #eeeeee;
   padding-left: 65px;
   color: #0b0b31;
   font-size: 14px;
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.blog-details-area .comments-area .comment-body .reply {
   margin-top: 15px;
}

.blog-details-area .comments-area .comment-body .reply a {
   border: 1px solid #ded9d9;
   color: #0b0b31;
   display: inline-block;
   padding: 2px 20px;
   border-radius: 30px;
   text-transform: capitalize;
   position: relative;
   z-index: 1;
   font-size: 12px;
   font-weight: 600;
}

.blog-details-area .comments-area .comment-body .reply a:hover {
   color: #ffffff;
   background-color: var(--color-hover);
   border-color: var(--color-hover);
}

.blog-details-area .comments-area .comment-author {
   font-size: 17px;
   margin-bottom: 0.1em;
   position: relative;
   z-index: 2;
}

.blog-details-area .comments-area .comment-author .avatar {
   height: 50px;
   left: -65px;
   position: absolute;
   width: 50px;
}

.blog-details-area .comments-area .comment-author .fn {
   font-weight: 600;
}

.blog-details-area .comments-area .comment-author .says {
   display: none;
}

.blog-details-area .comments-area .comment-metadata {
   margin-bottom: 0.8em;
   color: #5a5c5f;
   letter-spacing: 0.01em;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 400;
}

.blog-details-area .comments-area .comment-metadata a {
   color: #5a5c5f;
}

.blog-details-area .comments-area .comment-metadata a:hover {
   color: var(--color-hover);
}

.blog-details-area .comments-area .comment-respond {
   margin-top: 30px;
}

.blog-details-area .comments-area .comment-respond .comment-reply-title {
   margin-bottom: 0;
   position: relative;
   font-size: 24px;
   font-weight: 600;
}

.blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
   display: inline-block;
}

.blog-details-area .comments-area .comment-respond .comment-form {
   overflow: hidden;
}

.blog-details-area .comments-area .comment-respond .comment-notes {
   margin-bottom: 0;
   margin-top: 10px;
}

.blog-details-area .comments-area .comment-respond .comment-form-comment {
   margin-top: 15px;
   float: left;
   width: 100%;
   margin-bottom: 15px;
}

.blog-details-area .comments-area .comment-respond label {
   display: block;
   font-weight: 600;
   color: #0b0b31;
   margin-bottom: 5px;
}

.blog-details-area .comments-area .comment-respond input[type="date"],
.blog-details-area .comments-area .comment-respond input[type="time"],
.blog-details-area .comments-area .comment-respond input[type="datetime-local"],
.blog-details-area .comments-area .comment-respond input[type="week"],
.blog-details-area .comments-area .comment-respond input[type="month"],
.blog-details-area .comments-area .comment-respond input[type="text"],
.blog-details-area .comments-area .comment-respond input[type="email"],
.blog-details-area .comments-area .comment-respond input[type="url"],
.blog-details-area .comments-area .comment-respond input[type="password"],
.blog-details-area .comments-area .comment-respond input[type="search"],
.blog-details-area .comments-area .comment-respond input[type="tel"],
.blog-details-area .comments-area .comment-respond input[type="number"],
.blog-details-area .comments-area .comment-respond textarea {
   display: block;
   width: 100%;
   background-color: #ffffff;
   border: 1px solid #eeeeee;
   padding: 0.625em 0.7375em;
   outline: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

.blog-details-area .comments-area .comment-respond input[type="date"]:focus,
.blog-details-area .comments-area .comment-respond input[type="time"]:focus,
.blog-details-area .comments-area .comment-respond input[type="datetime-local"]:focus,
.blog-details-area .comments-area .comment-respond input[type="week"]:focus,
.blog-details-area .comments-area .comment-respond input[type="month"]:focus,
.blog-details-area .comments-area .comment-respond input[type="text"]:focus,
.blog-details-area .comments-area .comment-respond input[type="email"]:focus,
.blog-details-area .comments-area .comment-respond input[type="url"]:focus,
.blog-details-area .comments-area .comment-respond input[type="password"]:focus,
.blog-details-area .comments-area .comment-respond input[type="search"]:focus,
.blog-details-area .comments-area .comment-respond input[type="tel"]:focus,
.blog-details-area .comments-area .comment-respond input[type="number"]:focus,
.blog-details-area .comments-area .comment-respond textarea:focus {
   border-color: var(--color-hover);
}

.blog-details-area .comments-area .comment-respond .comment-form-author {
   float: left;
   width: 50%;
   padding-right: 10px;
   margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-email {
   float: left;
   width: 50%;
   padding-left: 12px;
   margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-url {
   float: left;
   width: 100%;
   margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {
   width: 100%;
   float: left;
   position: relative;
   padding-left: 20px;
   margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
   position: absolute;
   left: 0;
   top: 4px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
   display: inline-block;
   margin: 0;
   color: #5a5c5f;
   font-weight: normal;
   position: relative;
   top: -2px;
}

.blog-details-area .comments-area .comment-respond .form-submit {
   float: left;
   width: 100%;
}

.blog-details-area .comments-area .comment-respond .form-submit input {
   background: var(--color-hover);
   border: none;
   color: #ffffff;
   padding: 10px 30px;
   display: inline-block;
   cursor: pointer;
   outline: 0;
   border-radius: 0;
   text-transform: uppercase;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   font-weight: 600;
   font-size: 14px;
}

.blog-details-area .comments-area .comment-respond .form-submit input:hover,
.blog-details-area .comments-area .comment-respond .form-submit input:focus {
   color: #ffffff;
   background-color: #0b0b31;
}

.blog-details-area .widget-area .widget {
   margin-top: 35px;
}

.blog-details-area .widget-area .widget:first-child {
   margin-top: 0;
   padding: 0;
}

.blog-details-area .widget-area .widget .widget-title {
   border-bottom: 1px solid #eeeeee;
   padding-bottom: 10px;
   margin-bottom: 25px;
   text-transform: capitalize;
   position: relative;
   font-size: 22px;
   font-weight: 700;
}

.blog-details-area .widget-area .widget .widget-title::before {
   content: "";
   position: absolute;
   background: var(--color-hover);
   bottom: -1px;
   left: 0;
   width: 50px;
   height: 1px;
}

.blog-details-area .widget-area .widget_search {
   -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
   box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
   background-color: #ffffff;
   padding: 15px;
}

.blog-details-area .widget-area .widget_search form {
   position: relative;
}

.blog-details-area .widget-area .widget_search form label {
   display: block;
   margin-bottom: 0;
}

.blog-details-area .widget-area .widget_search form .screen-reader-text {
   display: none;
}

.blog-details-area .widget-area .widget_search form .search-field {
   background-color: transparent;
   height: 50px;
   padding: 6px 15px;
   border: 1px solid #eeeeee;
   width: 100%;
   display: block;
   outline: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

.blog-details-area .widget-area .widget_search form .search-field:focus {
   border-color: var(--color-hover);
}

.blog-details-area .widget-area .widget_search form button {
   position: absolute;
   right: 0;
   outline: 0;
   bottom: 0;
   height: 50px;
   width: 50px;
   z-index: 1;
   border: none;
   color: #ffffff;
   background-color: var(--color-hover);
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

.blog-details-area .widget-area .widget_search form button:hover {
   background-color: #0b0b31;
   color: #ffffff;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb {
   position: relative;
   overflow: hidden;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item {
   overflow: hidden;
   margin-bottom: 15px;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item:last-child {
   margin-bottom: 0;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item .thumb {
   float: left;
   height: 80px;
   overflow: hidden;
   position: relative;
   width: 80px;
   margin-right: 15px;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item .thumb .fullimage {
   width: 80px;
   height: 80px;
   display: inline-block;
   background-size: cover !important;
   background-repeat: no-repeat;
   background-position: center center !important;
}

.blog-details-area figure {
   margin: 0 0 1rem;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item .info {
   overflow: hidden;
   margin-top: 5px;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item .info span {
   display: block;
   color: #5a5c5f;
   text-transform: capitalize;
   margin-top: -2px;
   margin-bottom: 3px;
   font-size: 14px;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item .info .title {
   margin-bottom: 0;
   line-height: 1.4;
   font-size: 16px;
}

.blog-details-area .widget-area .widget_snoki_posts_thumb .item .info .title a {
   display: inline-block;
   color: #333;
   font-weight: 600;
}

.blog-details-area .widget-area .widget_recent_entries ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
}

.blog-details-area .widget-area .widget_recent_entries ul li {
   position: relative;
   margin-bottom: 12px;
   color: #0b0b31;
   padding-left: 14px;
   line-height: 1.5;
   font-weight: 400;
   font-size: 15.5px;
}

.blog-details-area .widget-area .widget_recent_entries ul li:last-child {
   margin-bottom: 0;
}

.blog-details-area .widget-area .widget_recent_entries ul li::before {
   background: var(--color-hover);
   height: 8px;
   width: 8px;
   content: "";
   left: 0;
   top: 7px;
   position: absolute;
   border-radius: 50px;
   border-right-style: inset;
}

.blog-details-area .widget-area .widget_recent_entries ul li a {
   display: inline-block;
   color: #0b0b31;
}

.blog-details-area .widget-area .widget_recent_entries ul li a:hover {
   color: var(--color-hover);
}

.blog-details-area .widget-area .widget_recent_entries ul li .post-date {
   display: block;
   font-size: 13px;
   color: #5a5c5f;
   margin-top: 4px;
}

.blog-details-area .widget-area .widget_categories ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
}

.blog-details-area .widget-area .widget_categories ul li {
   position: relative;
   margin-bottom: 12px;
   color: #5a5c5f;
   padding-left: 14px;
   font-size: 15.5px;
   font-weight: 400;
   display: block;
}

.blog-details-area .widget-area .widget_categories ul li:last-child {
   margin-bottom: 0;
}

.blog-details-area .widget-area .widget_categories ul li::before {
   background: var(--color-hover);
   height: 8px;
   width: 8px;
   content: "";
   left: 0;
   top: 7px;
   position: absolute;
   border-radius: 50px;
   border-right-style: inset;
}

.blog-details-area .widget-area .widget_categories ul li a {
   color: #0b0b31;
   display: block;
   font-weight: 600;
}

.blog-details-area .widget-area .widget_categories ul li a:hover {
   color: var(--color-hover);
}

.blog-details-area .widget-area .widget_categories ul li .post-count {
   float: right;
}

.blog-details-area .widget-area .widget_meta ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
}

.blog-details-area .widget-area .widget_meta ul li {
   position: relative;
   margin-bottom: 12px;
   color: #0b0b31;
   padding-left: 14px;
   font-size: 15.5px;
   font-weight: 400;
}

.blog-details-area .widget-area .widget_meta ul li:last-child {
   margin-bottom: 0;
}

.blog-details-area .widget-area .widget_meta ul li::before {
   background: var(--color-hover);
   height: 8px;
   width: 8px;
   content: "";
   left: 0;
   top: 7px;
   position: absolute;
   border-radius: 50px;
   border-right-style: inset;
}

.blog-details-area .widget-area .widget_meta ul li a {
   display: inline-block;
   color: #0b0b31;
}

.blog-details-area .widget-area .widget_meta ul li a:hover {
   color: var(--color-hover);
}

.blog-details-area .widget-area .widget_tag_cloud .widget-title {
   margin-bottom: 12px;
}

.blog-details-area .widget-area .tagcloud a {
   display: inline-block;
   color: #0b0b31;
   font-weight: 400;
   font-size: 14.5px !important;
   padding: 6px 13px;
   border: 1px dashed #eeeeee;
   margin-top: 8px;
   margin-right: 4px;
}

.blog-details-area .widget-area .tagcloud a:hover,
.blog-details-area .widget-area .tagcloud a:focus {
   color: #ffffff;
   background-color: var(--color-hover);
   border-color: var(--color-hover);
}

.blog-details-area .widget-area .widget_event_details ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
}

.blog-details-area .widget-area .widget_event_details ul li {
   border-bottom: 1px solid #eeeeee;
   color: #888f96;
   padding-bottom: 10px;
   padding-top: 10px;
}

.blog-details-area .widget-area .widget_event_details ul li:first-child {
   padding-top: 0;
}

.blog-details-area .widget-area .widget_event_details ul li:last-child {
   border-bottom: none;
   padding-bottom: 0;
}

.blog-details-area .widget-area .widget_event_details ul li span {
   display: inline-block;
   color: #0b0b31;
   font-weight: 400;
}

.blog-details-area .widget-area .widget_event_details ul li a {
   display: inline-block;
   color: #888f96;
}

.blog-details-area .widget-area .widget_event_details ul li a:hover {
   color: var(--color-hover);
}











/*  */



.slider_1 .carousel .carousel-indicators button {
   width: 8px;
   border: 0;
   height: 8px;
   border-radius: 100px;
   border: 3px solid #808080;
}

.slider_1 .carousel .carousel-indicators button.active {
   background: #0d6efd;
   border: 3px solid #fff;
}

.slider_1 .carousel .carousel-indicators {
   bottom: 4px;
}

.top_peak {
   background: #ffff !important;
   /*background: #f5f5f5 !important;*/
   padding: 16px !important;
}

.top_peak h4 {
   font-size: 14px;
   font-weight: 900;
   font-family: "Open Sans", sans-serif;
   margin-bottom: 11px;
   color: #000 !important;
}


.top_peak .content h5 a {
   font-size: 15px;
   font-weight: 600;
   color: #4c4949;
}

.top_peak i {
   font-size: 20px;
   color: #BBB;
}

a {
   text-decoration: none !important;
}

a:hover {
   text-decoration: none !important;
}

.section_header {
   width: 100%;
   display: block;
   overflow: hidden;
   clear: both;
   border-width: 3px !important;
}

.section_header h4 {
   padding: 3px 13px !important;
   display: inline-block !important;
   font-size: 15px;
   font-weight: 800;
   color: #fff !important;
}


.category_section .category_item {
   background: #F5F5F5;
}

.category_section .category_item a {
   font-size: 18px;
   font-weight: 500;
   color: #000;
}


.section_header a i {
   font-size: 20px;
   color: #BBB;
}
.product_card {
    overflow: hidden;
}

.product_card .proudct_img img {
    transition: transform 0.3s ease; /* Smooth transition */
}
.product_card:hover{
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.product_card:hover .proudct_img img {
    transform: scale(1.1); /* Scale up slightly */
}
.product_card .product_content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
}
/* may 8 updated font size from 15px to 14px */
.product_card .product_content h3 a {
   font-size: 14px;
   font-weight: 600;
   color: #4c4949;
}
/* may 8 font size updated from 16px to 14px */
.product_card .product_content h6 {
   font-size: 14px;
   color: red;
   font-weight: 500;
}

/* may 8 font size updated from 20px to 16px */
.product_card .product_content h6 span {
   color: #000;
   padding-left: 3px;
   font-size: 16px;
   font-weight: 700;
}

.product_card .card-footer {
   background: #000000;
   cursor:pointer;
}

.product_card .card-footer a {
   font-size: 17px;
   font-weight: 800;
   color: #ffffff;
   display: block;
}
.product_card .card-footer a:hover{
    color: #fff;
}
.product_card .product_content h6 {
   font-size: 14px;
   color: red;
   font-weight: 500;
}

/* may 8 font size updated from 20px to 16px */
.product_card .product_content h6 span {
    color: #000;
    padding-left: 3px;
    font-size: 16px;
    font-weight: 700;
 }


.product_card .product_icon.position-absolute {
   top: 15px;
   right: 18px;
}

.product_card .product_icon ul li {
   display: block;
}

.product_card .product_icon ul li a {
   display: block;
   width: 35px;
   height: 35px;
   text-align: center;
   border: 2px solid #e4e4e4;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
   color: #444;
   z-index: 5;
   background-color: #fff;
   position: relative;
}

.product_card .product_icon ul li:first-child {
   margin-bottom: 10px;
}
.slick-list .slick-track .slick-slide img {
   display: block !important;
   margin: auto;
 }

.product_card .product_badget {
   background: #ddd;
   top: 12px !important;
   left: 12px;
   padding: 3px 10px;
   color: #fff;
   font-weight: 500;
   border-radius: 4px;
   z-index: 5;
}



/* product card design ends */

.best_deals_content h5 {
   font-size: 23px;
   font-weight: 700;
}

.best_deals_content p {
   font-size: 12px;
}

.best_deals_content a {
   font-size: 12px;
   color: #111;
   text-decoration: underline !important;
}


.content_app h2 {
   font-size: 20px;
   font-weight: 800;
   font-family: "Open Sans", sans-serif;
   margin-bottom: 5px;
}

.content_app p {
   font-size: 13px;
}

.content_app a {
   display: block;
   text-decoration: underline !important;
   color: #3f3f3f;
   font-weight: 400;
   font-size: 14px;
}

.shop-latest-area .slide-prev.slick-disabled svg {
   fill: #000 !important;
}

.shop-latest-area.slide-prev svg,
.shop-latest-area .slide-next svg {
   fill: #000 !important;
}

.shop-latest-area .slide-prev svg,
.slide-next svg {
   fill: #000 !important;
}

.shop-latest-area .price {
   font-size: 24px;
   font-weight: 900;
   font-family: "Open Sans", sans-serif;
}


.card_box {
   background: #F0F2F4;
   border-radius: 10px !important;
}

.card_box .heading_box h4 {
   font-size: 24px;
   font-weight: 900;
   font-family: "Open Sans", sans-serif;
}

.card_box h5 {
   font-size: 14px;
   max-width: 151px;
   font-weight: 600;
}


.banner_slider .carousel .carousel-indicators button {
   width: 12px;
   border: 0;
   height: 12px;
   border-radius: 100px;
   background-color: #E7E7E7 !important;
}

.banner_slider .carousel .carousel-indicators button.active {
   background: #3748E0 !important;
}

.banner_slider .carousel .carousel-indicators {
   bottom: 4px;
}

.banner_slider .carousel-control-next,
.banner_slider .carousel-control-prev {
   font-size: 33px;
   width: 51px;
   height: 50px;
   top: 48%;
   opacity: 1;
}
/* .brand__section {
   position: relative;
}

.brand__section .owl-carousel {
   position: relative;
}

.brand__section .owl-nav {
   position: absolute;
   top: 10%;
   display: flex;
   background-color: red;
   z-index: -100;
   width: 100%;
}

.brand__section .owl-nav button.owl-prev,
.brand__section .owl-nav button.owl-next {
   background: none;
   border: none;
   font-size: 45px;
   color: #BBB;
   cursor: pointer;
   padding: 0 10px;
}

.brand__section .owl-nav button.owl-prev {
   margin-left: 10px;
}

.brand__section .owl-nav button.owl-next {
   margin-right: 10px;
}

.brand_carousel {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 50px;
   overflow: hidden; /
}

.brand_carousel img {
   width: 120px !important;
   z-index: 1000;
}

.brand_items.text-center {
   margin: 0 25px;
}


.brand__section .owl-dots {
   display: block !important;
   text-align: center;
   margin-top: 30px;
}

.brand__section button.owl-dot {
   width: 12px !important;
   height: 12px !important;
   border-radius: 50%;
   background-color: #E7E7E7 !important;
   margin: 0 4px;
}

.brand__section button.owl-dot.active {
   background: #3748E0 !important;
} */

.brand_carousel .owl-stage-outer{
   margin: 3% 30px;
}
.brand__section .owl-dots {
   display: block !important;
   text-align: center;
   margin-top: 30px;
}

.brand__section button.owl-dot {
   width: 12px !important;
   border: 0;
   height: 12px !important;
   border-radius: 100px;
   background-color: #E7E7E7 !important;
   margin: 0px 4px;
}

.brand__section button.owl-dot.active {
   background: #3748E0 !important;
}

.brand__section .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
   top: 0;
}

.brand__section .owl-nav {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: -100;
}

.brand__section .owl-nav button.owl-next {
   float: right;
}


.brand__section .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
   font-size: 45px;
   color: #BBB;
}
.brand_carousel{
   display: flex;
   justify-content: center;
   align-items: center;
}
.brand_carousel img {
   width: 120px !important;
}

.brand_items.text-center {
   margin: 0px 25px;
}

.subscriber_wrap {
   background: #171717;
   padding: 20px 25px;
   border-radius: 8px;
}

.subscriber_wrap h4 {
   font-size: 20px;
   color: #fff;
   font-weight: 700;
}

.subscriber_wrap p {
   color: #CCC;
}


.subscriber_wrap .form-control {
   background: transparent !important;
   border: 2px solid #3748E0 !important;
   border-radius: 20px 0px 0px 20px;
   padding: 25px 16px !important;
   color: #fff;
}

.subscriber_wrap .form-control::placeholder {
   color: #fff;
}

.subscriber_wrap button#basic-addon2 {
   border-radius: 0px 20px 20px 0px;
   background: #3748E0;
   border: none !important;
   padding: 0px 18px;
   font-size: 22px;
   color: #fff;
}

.copyright p {
   color: #87ABC1;
}
.copyright-bottom img{
 max-width: 50px;
}

.about_us p {
   color: #DDD;
   font-size: 12px;
}

.footer_heading h4 {
   color: #FFF;
   font-weight: 600;
   font-size: 12px;
   font-family: "Open Sans", sans-serif;
}

.footer_links ul li a {
   color: #BBB;
   display: block;
   padding: 6px 0px;
   font-weight: 700;
   font-family: "Open Sans", sans-serif;
   font-size: 13px;
}

.social_media ul li a {
   width: 45px;
   height: 45px;
   background: #3748e0;
   border-radius: 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   font-size: 15px;
}

.social_media ul {
   display: flex;
   justify-content: center;
   align-items: center;
}

.social_media ul li {
   justify-content: center;
   align-items: center;
   width: 100%;
}



.product_details .nav-pills .nav-link {
   background: #F5F5F5;
   padding: 14px 40px;
   color: #222;
   font-weight: 700;
   font-family: "Open Sans", sans-serif;
   font-size: 18px;
}

.product_details .nav-item {
   margin-right: 42px !important;
}

.product_details .nav .nav-item button.active {
   background: rgb(0 0 0);
   color: #fff !important;
}

.faq_items .accordion-button:not(.collapsed) {
   color: #ffffff;
   background-color: #bebebe;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}


.faq_items .accordion-item {
   margin-bottom: 14px;
   border: 1px solid #d8d8d8 !important;
   border-radius: 12px !important;
   overflow: hidden;
}

.faq_items .accordion-button {
   font-size: 18px;
   font-weight: 500;
   outline: none !important;
   box-shadow: none !important;
}

.faq_items .accordion-button:focus {
   background: #bebebe !important;
   color: #fff !important;
}



.single_pro_details h2 {
   font-size: 24px;
   font-weight: 700;
   font-family: "Open Sans", sans-serif;
}
/* @author MD Rabby Shek Suvo */
.single_pro_details small{
    font-size: .75rem;
    font-weight: 400;
    color: #a0a0a0;
}
.single_pro_details i {
   color: orange;
}

.single_pro_details .revies {
   font-size: 14px;
   color: #999;
}

.stock.text-success {
   font-weight: 600;
   color: #7BB5A7 !important;
}


.single_pro_details .price,
.single_pro_details .regular_price {
   background: #eee;
   border-radius: 50px;
   padding: 2px 14px;
   margin-right: 20px;
   font-size: 15px;
}

.single_pro_details .price strong {
   color: #000 !important;
   font-weight: 800;
   font-family: "Open Sans", sans-serif;
}

.sku-model-brand .sku-model-brand-title{
    font-weight: 600;
    color: #9a9a9a;
}
.sku-model-brand .sku-model-brand-value{
    font-size: .875rem;
    color: #999;
}
.saved-amount .saved-taka{
    background-color: #5bb300;
    color: #fff;
    padding: 5px 10px;
    border-radius: 50px;
}
.saved-amount .saved-percent{
    color: #f34444;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 50px;
}
.EMI h5 {
   font-size: 16px;
   font-weight: 600;
   font-family: "Open Sans", sans-serif;
}

.EMI h6 {
   color: #222;
   font-weight: 600;
   font-family: "Open Sans", sans-serif;
   text-decoration: underline;
   font-size: 15px;
}

h4.title__ {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 9px;
}
.waranty_box{
   border: 3px solid #ddd;
   border-radius: 12px;
   padding: 8px;
}
.waranty_box p{
   font-size: 15px;
}

@media screen and (min-width:1200px) {
   .padding_left {
      padding-left: 150px;
   }
}

@media screen and (min-width:768px) {
   .free_delivery {
      position: relative;
   }

   .free_delivery:before {
      position: absolute;
      content: "";
      top: 0;
      height: 100%;
      width: 3px;
      background: #ebebeb;
      border-radius: 8px;
      right: -43px;
   }
}


@media screen and (max-width:991px) {
   .product_details .nav-pills .nav-link {
      padding: 12px 22px;
      font-size: 16px;
   }

   .product_details .nav-item {
      margin-right: 12px !important;
      margin-bottom: 13px;
   }
}

.free_delivery h4,
.return_delivery h4 {
   font-size: 17px;
   font-weight: 600;
   font-family: "Open Sans", sans-serif;
   margin-bottom: 14px;
}

.free_delivery p,
.return_delivery p {
   font-size: 13px;
   font-weight: 600;
   font-family: "Open Sans", sans-serif;
   margin: 0;
   line-height: 16px;
   color: #000;
   text-decoration: underline !important;
}

.ceck_box .form-check-label {
   padding: 10px 15px 10px 36px;
   border: 3px solid #ddd !important;
   border-radius: 12px;
   width: 100% !important;
   display: block !important;
}

.ceck_box h4 {
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 14px;
    height: 40px;
}

.ceck_box p {
   line-height: 16px;
}

.ceck_box .form-check-input:checked~label {
   border-color: black !important;
}

.ceck_box .form-check-input:checked~label:before {
   background-color: #000;
   border-color: #000;
}


.ceck_box .form-check-label:before {
   position: absolute;
   content: "";
   top: 35px;
   left: 6px;
   width: 20px;
   height: 20px;
   border: 2px solid #ddd;
   border-radius: 50px;
}


.qty_form .input-group {
   border: 1px solid #111;
   border-radius: 4px;
}

.qty_form input#childrenQuantity {
   width: 70px;
   padding: 22px 0px;
   margin: 0px 6px;
   border: none !important;
   font-size: 17px;
}

.qty_form .input-group .btn {
   width: 48px;
   padding: 13px 14px !important;
   color: #000 !important;
}

.qty_form .input-group .btn i {
   color: #000;
   font-size: 16px;
}


.listing-details .swiper {
   width: 100%;
   height: 100%;
}

.listing-details .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #ffff !important;
   /*background: #f5f5f5 !important;*/
}

.listing-details .swiperGallery {
   height: 100% !important;
}

.listing-details .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* .listing-details .swiper {
   width: 100%;
   height: 300px;
   margin-left: auto;
   margin-right: auto;
} */

.listing-details .swiper-slide {
   background-size: cover;
   background-position: center;
}

.listing-details .swiperThumbs {
   height: 50%;
   box-sizing: border-box;
   padding: 10px 0;
}

.listing-details .swiperThumbs .swiper-slide {
   width: 100%;
   height: 100%;
   opacity: 0.4;
   border: 2px solid transparent;
   border-radius: 6px;
   overflow: hidden;
}

.listing-details .swiperThumbs .swiper-slide-thumb-active {
   opacity: 1;
   border: 2px solid #222;
}

.listing-details .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}




@media screen and (min-width:776px) {
   .listing-details .swiperThumbs {
      height: 600px;
   }

   .swiperThumbs .swiper-slide {
      width: 100% !important;
      display: block !important;
   }

   .listing-details .swiperGallery {
      height: 100%;
      width: 100%;
   }
}

@media screen and (max-width:775px) {
   .listing-details .swiperThumbs {
      height: 100%;
   }

   .swiperThumbs .swiper-slide {
      width: auto;
   }
}

#pills-tabContent .table-striped>tbody>tr:nth-of-type(odd) {
   --bs-table-accent-bg: #f1f8fe;
}

#pills-tabContent td {
   border: none !important;
   padding: 14px 15px !important;
   background: #fff !important;
}

.table td,
.table th {
   border: none !important;
}

.footer_links ul li a:hover {
   color: #fff;
}

.social_media ul li a:hover {
   background: #0619c2;
}


.most-view .slide-prev svg,
.most-view .slide-next svg{
   fill:#ffffff !important;
}


.most-view .slide-prev.slick-disabled svg{
   fill:#ffffff !important;
   stroke: #ddd !important;
}

.most-view .slide-next.slick-disabled svg{
   fill:#ffffff !important;
   stroke: #ddd !important;
}

.most-view .slider-arrow{
   display: block !important;
}



.trending-sec .slide-prev svg,
.trending-sec .slide-next svg{
   fill:#ffffff !important;
}


.trending-sec .slide-prev.slick-disabled svg{
   fill:#ffffff !important;
   stroke: #ddd !important;
}

.trending-sec .slide-next.slick-disabled svg{
   fill:#ffffff !important;
   stroke: #ddd !important;
}

.trending-sec .slider-arrow{
   display: block !important;
}.most-view .slide-next {
   right: -10px;
}

.most-view .slide-prev {
   left: -10px;
}

.trending-sec .slide-next {
   right: -10px;
}

.trending-sec .slide-prev {
   left: -10px;
}

/* product offer page design */
.offer-title-container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.offer-title-container .offer-title{
   font-weight: 600;
   font-size: 35px;
}
.offer-title-container .offer-sub-title{
   font-weight: 500;
   font-size: 35px;
}



.image-container {

}

.main-image {
   width: 100%;
   height: auto;
}

.custom-zoom {
    position: relative;
    transition: 0.3s;

}
.custom-zoom:hover{
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: crosshair;
}

.zoom-lens{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 250px;
    background-color:  rgba(0, 0, 0, 0.2);
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index:10;
    display: none;
}

.zoom-result{
    background-size: auto 170%;
    object-fit:contain;
    height: 400px;
    width: 500px;
    position: absolute;
    top: 100px;
    left: 670px;
    z-index: 999999999;
    background-position: center;
    display: none;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* Added by Kawsar: CSS updates Date: 03-20-2025 */
.product_card .product_badget_discount {
    background: #ddd;
    top: 0px !important;
    left: 0px;
    padding: 3px 10px;
    color: #fff;
    font-weight: 500;
    border-radius: 0px 0px 11px 0px;
    z-index: 5;
}

.bg-discount {
    background-color: #ff4444 !important;
}


.tracking-detail {
 padding:3rem 0
}
#tracking {
 margin-bottom:1rem
}
[class*=tracking-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=tracking-status-] {
 padding:1.6rem 0
}
.tracking-status-intransit {
 background-color:#65aee0
}
.tracking-status-outfordelivery {
 background-color:#f5a551
}
.tracking-status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-status-delivered {
 background-color:#4cbb87
}
.tracking-status-attemptfail {
 background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
 background-color:#d26759
}
.tracking-status-expired {
 background-color:#616e7d
}
.tracking-status-pending {
 background-color:#ccc
}
.tracking-status-inforeceived {
 background-color:#214977
}
.tracking-list {
 border:1px solid #e5e5e5
}
.tracking-item {
 border-left:4px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:5rem
}
.tracking-item:last-child {
 padding-bottom:4rem
}
.tracking-item .tracking-date {
 margin-bottom:.5rem
}
.tracking-item .tracking-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.tracking-item .tracking-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem
}
.tracking-item .tracking-content span {
 display:block;
 color:#888;
 font-size:85%
}
.tracking-item .tracking-icon {
line-height: 1.6rem;
  position: absolute;
  left: -1rem;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  background-color: #fff;
  color: #fff;
}
.tracking-item .tracking-icon.status-sponsored {
 background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
 background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
 background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
 background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
 background-color:#d26759
}
.tracking-item .tracking-icon.status-inforeceived {
 background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
 color:#e5e5e5;
 border:1px solid #e5e5e5;
 font-size:.6rem
}
@media(min-width:992px) {
 .tracking-item {
  margin-left:10rem
 }
 .tracking-item .tracking-date {
  position:absolute;
  left:-10rem;
  width:7.5rem;
  text-align:right
 }
 .tracking-item .tracking-date span {
  display:block
 }
 .tracking-item .tracking-content {
  padding:0;
  background-color:transparent
 }
}