body {
    font-size: 14px;
    font-family: "Public Sans",sans-serif;
    color: #4a5568;
}
.table {
  margin-bottom: 0px;
}
a {
  text-decoration: none;
  color: #0da487;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.container-fluid {
  padding: 0 calc(12px + 148*(100vw - 320px)/1600);
}
h2 {
  font-size: calc(22px + 6*(100vw - 320px)/1600);
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
  margin: 0;
}
h3 {
  font-size: calc(16px + 4*(100vw - 320px)/1600);
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}
h4 {
  font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}
h5 {
  font-size: calc(15px + 1*(100vw - 320px)/1600);
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}
h6 {
  font-size: calc(13px + 1*(100vw - 320px)/1600);
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .7px;
}

/* header */

header .header-top {
  padding:10px 0;
  background-color:#0da487
}

header .header-top .about-list {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  height:100%
}
header .header-top .about-list {
  padding-left:unset;
  padding-right:0
}
header .header-top .about-list li {
  display:flex;
  align-items:center
}
header .header-top .about-list li i {
  font-size:18px;
  margin-right:5px
}
header .header-top .about-list li i {
  margin-right:unset;
  margin-left:5px
}
header .header-top .about-list li span {
  margin-top:1px;
  font-weight:500
}
header .header-top .about-list li+li {
  margin-left:25px;
  position:relative
}
header .header-top .about-list li+li::after {
  content:"";
  position:absolute;
  width:2px;
  height:90%;
  top:0;
  left:-13px;
  background-color:rgba(255,255,255,.3)
}
header .header-top .about-list li .theme-form-select {
  padding:0;
  background-color:rgba(0,0,0,0);
  color:#fff;
  border:none;
  background-image:none;
  position:relative
}
header .header-top .about-list li .theme-form-select::before {
  content:unset
}
.slick-vertical .slick-slide h6 {
  color: #fff;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
}
header .header-top .about-list li .theme-form-select .dropdown-toggle img {
  width: 20px;
  margin-right: 10px;
}
header .header-top .about-list li .theme-form-select .dropdown-toggle {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 0 18px 0 0;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222;
  padding: calc(7px + 7*(100vw - 320px)/1600) calc(14px + 18*(100vw - 320px)/1600);
  font-weight: 500;
  background: rgba(0,0,0,0);
  transition: all .3s ease;
  position: relative;
  border: none;
  font-size: calc(14px + 4*(100vw - 320px)/1600);
  z-index: 0;
  white-space: nowrap;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
header .header-top .about-list li .theme-form-select .dropdown-toggle::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #fff;
}
header .header-top .about-list li .theme-form-select .dropdown-toggle::after {
  display: none;
}
header .top-nav .navbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
header .top-nav {
  padding:24px 0
}
header .top-nav .navbar-top .web-logo img {
  width: calc(120px + 42*(100vw - 320px)/1600);
  height: auto;
  object-fit: contain;
}
header .top-nav .navbar-top .middle-box {
  display: flex;
  align-items: center;
}
header .top-nav .navbar-top .middle-box .location-box {
  border-radius: 5px;
  border: 1px solid #ececec;
  display: flex;
  align-items: center;
  padding: 7px;
  padding-right: 20px;
  margin-right: 13px;
  position: relative;
}
@media (max-width: 1556px) {
  header .top-nav .navbar-top .middle-box .location-box {
    padding-right: 7px;
  }
}
header .timer-notification {
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: relative;
}
header .timer-notification h6 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
header .top-nav .navbar-top .middle-box .location-box button {
  display: flex;
  align-items: center;
  padding: 0;
}
header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4a5568;
  background-color: #f3f5f9;
  border-radius: 5px;
  margin-right: 12px;
}
header .top-nav .navbar-top .middle-box .location-box button .location-arrow svg {
  width: 16px;
  height: 16px;
  margin-left: 0;
}
header .top-nav .navbar-top .middle-box .location-box button .locat-name {
  font-size: 16px;
  font-weight: 600;
  color: #0da487;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.form-control {
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 14px;
  border: 1px solid #ced4da;
  transition: all .3s ease-in-out;
}
header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
  width: 466px;
  border-radius: 5px 0 0 5px;
  border-color: #ececec;
  position: relative;
  font-size: 14px;
  padding: calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600); 
}
header .top-nav .navbar-top .middle-box .search-box .input-group button {
  background-color: #ffa53b;
  color: #fff;
  padding: 14px 20px;
  border-radius: 5px;
  border: 1px solid #ffa53b;
}
header .top-nav .navbar-top .middle-box .location-box button svg {
  margin-left: 17px;
  color: #4a5568;
}
header .search-full {
  width: 0;
  height: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transform: scale(0);
  transition: all .3s ease;
  display: flex;
  align-items: center;
}
header .top-nav .navbar-top .rightside-box .right-side-menu {
  display: flex;
  align-items: center;
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
  position:relative;
  padding-right:32px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
  display:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
  padding-right:0
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before {
  content:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:24px;
  right:14px;
  background-color:rgba(74,85,104,.5)
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box {
  display:flex;
  align-items:center;
  cursor:default
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
  color:#222;
  margin-right:14px;
  stroke-width:1.5
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
  color:#4a5568;
  margin-bottom:3px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
  font-weight:500;
  color:#222
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge {
  padding-right:9px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
  stroke-width:1.5;
  color:#4a5568
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist:focus {
  box-shadow:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#ff7272;
  font-size:12px;
  padding:0;
  border-radius:2px
}
header .onhover-dropdown {
  position:relative
}
header .onhover-dropdown:hover .onhover-div {
  opacity:1;
  top:50px;
  visibility:visible
}
header .onhover-dropdown .onhover-div {
  position:absolute;
  top:60px;
  right:-10px;
  background-color:#fff;
  z-index:1001;
  width:320px;
  border-radius:10px;
  padding:calc(14px + 16*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
  box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
  opacity:0;
  transition:all .3s ease-in-out;
  visibility:hidden
}
header .onhover-dropdown .onhover-div-login {
  right:0;
  width:160px;
  padding:20px
}
header .onhover-dropdown .onhover-div-login .user-box-name {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center
}
header .onhover-dropdown .onhover-div-login .user-box-name li {
  display:block;
  width:100%
}
header .onhover-dropdown .onhover-div-login .user-box-name li a {
  color:#222;
  display:block;
  position:relative
}
header .onhover-dropdown .onhover-div-login .user-box-name li a:hover::after {
  width:40%
}
header .onhover-dropdown .onhover-div-login .user-box-name li a::after {
  content:"";
  position:absolute;
  width:0;
  height:4px;
  bottom:2px;
  left:0;
  background-color:#0da487;
  opacity:.3;
  border-radius:50px;
  transition:all .3s ease-in-out;
  z-index:-1
}
header .onhover-dropdown .onhover-div .cart-list {
  display:flex;
  flex-wrap:wrap;
  gap:calc(10px + 15*(100vw - 320px)/1600);
  border-bottom:1px solid #ececec;
  padding-bottom:calc(12px + 10*(100vw - 320px)/1600)
}
header .onhover-dropdown .onhover-div .cart-list li {
  margin:0 !important
}
header .onhover-dropdown .onhover-div .cart-list li::after {
  content:none !important
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart {
  display:flex;
  flex-wrap:nowrap;
  gap:15px;
  align-items:center;
  position:relative
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart::after {
  content:none
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img {
  width:87px;
  background:#f8f8f8;
  padding:10px
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h5 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow:hidden;
  margin-bottom:5px;
  font-size:calc(15px + 2*(100vw - 320px)/1600);
  color:#0da487;
  font-weight:500
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 {
  display:flex;
  flex-wrap:nowrap;
  gap:5px;
  align-items:flex-end
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span {
  margin-top:-2px;
  color:#4a5568
}
header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
  position:absolute;
  top:0;
  right:0;
  background-color:rgba(0,0,0,0);
  border:none;
  padding:0;
  color:#4a5568
}
header .onhover-dropdown .onhover-div .button-group {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:calc(10px + 10*(100vw - 320px)/1600)
}
header .onhover-dropdown .onhover-div .button-group .cart-button {
  border:2px solid #0da487;
  color:#0da487;
  padding:6px 10px
}
header .onhover-dropdown .onhover-div .button-group .cart-button:hover {
  background-color:#0da487;
  color:#fff;
}
.theme-bg-color {
  background: #0da487 !important;
  color: #fff;
}
header .onhover-dropdown .onhover-div .price-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:calc(10px + 10*(100vw - 320px)/1600);
}
header .search-full {
  width:0;
  height:0;
  background-color:#fff;
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  transform:scale(0);
  transition:all .3s ease;
  display:flex;
  align-items:center;
}
header .search-full .input-group {
  border:1px solid #f0f3f8;
}
header .search-full .input-group .input-group-text {
  background-color:rgba(0,0,0,0);
  border:none;
}
header .search-full .input-group .input-group-text.close-search {
  cursor:pointer
}
header .search-full .input-group .input-group-text svg {
  height:18px;
}
header .search-full .input-group input {
  border:none;
}
header .search-full.open {
  width:100%;
  height:100%;
  animation:zoomIn .5s ease-in-out;
  transform:scale(1);
  transition:all .3s ease;
}
header .search-full.show .search-suggestion {
  padding:10px;
  border:1px solid #f0f3f8;
  height:max-content;
  max-height:500px;
  transition:max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
}
header .header-nav {
  display:flex;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
header .header-nav .header-nav-left {
  position:relative
}
header .header-nav .header-nav-left .dropdown-category {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:calc(10px + 5*(100vw - 320px)/1600) calc(16px + 15*(100vw - 320px)/1600);
  background:linear-gradient(90.56deg, #0da487 8.46%, #0da487 62.97%);
  color:#fff;
  border-radius:5px;
  border:none
}
header .header-nav .header-nav-left .dropdown-category-2 {
  background:linear-gradient(93.33deg, #222221 12.35%, #2f2f2d 99.38%)
}
header .header-nav .header-nav-left .dropdown-category .feather {
  font-size:23px;
  margin-right:calc(9px + 7*(100vw - 320px)/1600)
}
header .header-nav .header-nav-left .dropdown-category span {
  font-size:calc(15px + 3*(100vw - 320px)/1600);
  font-weight:600
}
header .header-nav .header-nav-left .dropdown-category .dropdown {
  display:inline-block
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown {
  position:unset
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown a {
  display:block;
  color:#fff;
  text-decoration:none;
  transition:background .35s ease;
  font-family:"Public Sans",sans-serif;
  font-weight:500;
  font-size:18px
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown .fa {
  margin-top:3px;
  margin-left:10px;
  font-size:14px;
  color:#0da487;
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul {
  display:none;
  border:1px solid #ececec;
  border-radius:5px;
  position:absolute;
  top:53px;
  width:100%;
  left:0;
  background-color:#fff;
  box-shadow:0px 3px 4px rgba(0,0,0,.14);
  z-index:999
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul .show {
  display:block;
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li {
  display:flex;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid #ececec;
  cursor:pointer;
  transition:background .35s ease;
  color:#222;
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li img {
  width:25px;
  height:25px;
  -o-object-fit:contain;
  object-fit:contain;
  margin-right:6px;
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:last-child {
  border-bottom:none
}
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:focus,
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:hover {
  background-color:#ececec
}
header .header-nav .header-nav-left:hover .category-dropdown {
  opacity:1;
  visibility:visible;
  top:63px
}
header .header-nav .header-nav-left .category-dropdown {
  position:absolute;
  top:72px;
  left:0;
  background-color:#fff;
  box-shadow:0 0 8px #ddd;
  z-index:2;
  width:300px;
  border-radius:6px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease-in-out
}
header .header-nav .header-nav-left .category-dropdown .category-title {
  display:none
}
header .header-nav .header-nav-left .category-dropdown .category-title h5 {
  color:#0da487;
  font-weight:600
}
header .header-nav .header-nav-left .category-dropdown .category-list {
  display:flex;
  flex-wrap:wrap;
  gap:25px;
  padding:20px 25px
}
header .header-nav .header-nav-left .category-dropdown .category-list li {
  display:block;
  width:100%
}
header .header-nav .header-nav-left .category-dropdown .category-list li a {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  color:#4a5568
}
header .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6 {
  letter-spacing:.3px
}
header .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6::before {
  width:65px
}
header .header-nav .header-nav-left .category-dropdown .category-list li a img {
  width:23px;
  height:23px;
  object-fit:contain
}
header .header-nav .header-nav-left .category-dropdown .category-list li a h6 {
  font-size:17px;
  font-weight:500;
  position:relative;
  transition:all .3s ease-in-out
}
header .header-nav .header-nav-left .category-dropdown .category-list li a h6:before {
  content:"";
  position:absolute;
  width:0;
  height:3px;
  bottom:0;
  left:0;
  background-color:#0da487;
  opacity:.5;
  transition:all .3s ease-in-out
}
header .header-nav .header-nav-left .category-dropdown .category-list li a .according-menu {
  margin-left:auto
}
header .header-nav .header-nav-left .category-dropdown .category-list li a svg {
  margin-left:auto
}
header .onhover-category-list .onhover-category-box {
  position:absolute;
  top:0;
  left:100%;
  background:#fff;
  box-shadow:0 0 8px #ddd;
  padding:20px 25px;
  border-radius:5px;
  width:520px;
  height:100%;
  overflow:auto;
  display:grid;
  grid-template-columns:auto auto;
  opacity:0;
  visibility:hidden;
  margin-left:14px;
  transition:all .3s ease-in-out
}
header .onhover-category-list:hover .onhover-category-box {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}
header .onhover-category-list .onhover-category-box .category-title-box {
  margin-bottom:calc(8px + 12*(100vw - 320px)/1600);
  display:flex;
  align-items:center
}
header .onhover-category-list .onhover-category-box .category-title-box h5 {
  font-weight:600;
}
.onhover-category-box ul ~ .category-title-box {
  margin-top: 15px !important;
}
header .onhover-category-list .onhover-category-box ul {
  display:flex;
  flex-wrap:wrap;
  gap:calc(4px + 7*(100vw - 320px)/1600)
}
header .onhover-category-list .onhover-category-box ul li {
  position:relative
}
header .onhover-category-list .onhover-category-box ul li::after {
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;
  width:5px;
  height:5px;
  background-color:#4a5568;
  border-radius:100%
}
header .onhover-category-list .onhover-category-box ul li a {
  margin-left:13px
}
header .header-nav-middle {
  margin: auto !important;
}
header .navbar {
  display:inline-block;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:15px;
  z-index:1
}
header .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item {
  margin-left: calc(30px + 10*(100vw - 1200px)/720);
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: normal;
  position: relative;
  padding-right: .5rem;
    padding-left: .5rem;
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0,0,0,.7);
}
header .navbar-shadow {
  -webkit-box-shadow:0 2px 10px -3px rgba(34,34,34,.1);
  box-shadow:0 2px 10px -3px rgba(34,34,34,.1)
}
header .navbar-floating {
  position:absolute;
  top:0;
  left:0;
  width:100%
}
header .header-nav-middle {
  margin:auto !important
}
header .offcanvas {
  position:fixed;
  bottom:0;
  z-index:1080;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  max-width:100%;
  visibility:hidden;
  background-color:#fff;
  background-clip:padding-box;
  outline:0;
  box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
  transition:transform .3s ease-in-out;
  will-change:transform,box-shadow;
  transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
  transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow .3s ease;
  transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow .3s ease,-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
  visibility:visible !important
}
header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
  top:0;
  left:0;
  box-shadow:none
}
header .offcanvas-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  -ms-flex-negative:0;
  flex-shrink:0;
  padding:20px 24px;
  z-index:1
}
header .offcanvas-header .btn-close {
  padding:0;
  margin:-10px 0;
  font-size:16px;
  outline: none;
  box-shadow: none;
}
header .offcanvas-header h5 {
  color:#0da487;
  font-weight:600
}
header .offcanvas-title {
  margin-bottom:0;
  line-height:initial
}
header .offcanvas-body {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  padding:20px 24px;
  overflow-y:auto;
  height:100%
}
header .offcanvas-body::-webkit-scrollbar {
  width:0;
  background-color:rgba(0,0,0,0);
  opacity:0
}
header .offcanvas-body::-webkit-scrollbar-thumb {
  border-radius:4px
}
header .offcanvas-body>.simplebar-track {
  display:block;
  background-color:rgba(0,0,0,0)
}
header .offcanvas-body .simplebar-vertical {
  margin-right:3px
}
header .offcanvas-start {
  top:0;
  left:0;
  width:352px;
  border-right:0 solid rgba(0,0,0,0);
  transform:translateX(-100%)
}
header .offcanvas-end {
  top:0;
  right:0;
  width:352px;
  border-left:0 solid rgba(0,0,0,0);
  transform:translateX(100%)
}
header .offcanvas-top {
  top:0;
  right:0;
  left:0;
  height:30vh;
  max-height:100%;
  border-bottom:0 solid rgba(0,0,0,0);
  transform:translateY(-100%)
}
header .offcanvas-bottom {
  right:0;
  left:0;
  height:30vh;
  max-height:100%;
  border-top:0 solid rgba(0,0,0,0);
  transform:translateY(100%)
}
header .offcanvas.show {
  transform:none !important;
  box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04) !important
}
header .offcanvas-footer {
  display:flex;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-negative:0;
  flex-shrink:0;
  padding:20px 24px
}
header .sidebar-toggle {
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  border-radius:0;
  z-index:1025
}
header .hot-deal-box {
  color:#e21719;
  font-weight:600;
  font-size:16px;
  display:flex;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-left:12px
}
header .hot-deal-box img {
  margin-right:7px
}
header .hot-deal-box span {
  font-size:16px;
  font-weight:500
}
@media(prefers-reduced-motion: reduce) {
  header .navbar-toggler {
    transition:none
  }
  header .offcanvas {
    transition:none
  }
}
@media(min-width: 1200px) {
  header .navbar-expand-xl.navbar .offcanvas-body {
    overflow:visible
  }
  header .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-floating-logo {
    display:none !important
  }
  header .navbar-expand-xl .navbar-stuck-logo {
    display:block
  }
  header .navbar-expand-xl .dropdown-column .dropdown-header {
    padding:0;
    font-size:16px;
    font-weight:600;
    margin-bottom:24px;
    color:#222;
    position:relative
  }
  header .navbar-expand-xl .dropdown-column .dropdown-header::before {
    content:"";
    position:absolute;
    bottom:-10px;
    width:36px;
    height:2px;
    background-color:#0da487;
    left:0
  }
  header .navbar-expand-xl .navbar-nav {
    position:relative;
    padding-top:0
  }
  header .navbar-expand-xl .navbar-nav .nav-item {
    border:0
  }
  header .navbar-expand-xl .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
    color:#0da487;
  }
  header .navbar-expand-xl .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
    color:#0da487;
  }
  header .navbar-expand-xl .navbar-nav>.dropdown>.dropdown-toggle::after {
    display:none
  }
  header .navbar-expand-xl .dropdown-menu {
    margin-top:0;
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    background-color:#fff;
    border-color:#fff;
    padding:20px;
    border-radius:10px
  }
  header .navbar-expand-xl .dropdown-menu-left {
    left:0;
    transform:translateX(0%) translateY(-15px)
  }
  header .navbar-expand-xl .dropdown-menu li {
    display:block;
    width:100%
  }
  header .navbar-expand-xl .dropdown-menu li:first-child .dropdown-item {
    margin:0;
    margin-top:-3px
  }
  header .navbar-expand-xl .dropdown-menu li:last-child .dropdown-item {
    margin-bottom:-4px
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-column {
    margin:5px;
    position:relative
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-column:first-of-type {
    margin-left:0
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-item {
    padding:0;
    margin:12px 0 0 0;
    font-size:15px;
    position:relative;
    transition:all .3s ease-in-out;
    z-index:0
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after {
    width:40%
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-item:active {
    color:#000
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-item::after {
    content:"";
    position:absolute;
    width:0;
    height:4px;
    bottom:2px;
    left:0;
    background-color:#0da487;
    opacity:.3;
    border-radius:50px;
    transition:all .3s ease-in-out;
    z-index:-1
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-item:focus {
    background-color:rgba(0,0,0,0)
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-item:hover {
    background-color:rgba(0,0,0,0);
    letter-spacing:.03em
  }
  header .navbar-expand-xl .dropdown-menu .dropdown {
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    border-left:0
  }
  header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle {
    position:relative;
    padding-right:26px
  }  
  header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after {
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    top:50%;
    transform:translateY(-50%);
    width:unset;
    height:unset;
    display:block;
    right:10px;
    border:none
  } 
  header .navbar-expand-xl .dropdown-menu .dropdown:last-child {
    margin-bottom:0
  }
  header .navbar-expand-xl .dropdown-menu .dropdown-menu {
    top:0;
    right:auto;
    left:100%;
    width:auto;
    margin-top:0;
    margin-right:0px;
    margin-left:0px;
    padding-right:0;
    padding-left:0;
    border-radius:5px;
    background-color:#fff
  }
  header .navbar-expand-xl .dropdown-menu.show {
    display:none
  }
  header .navbar-expand-xl .dropdown-menu.dropdown-menu-end {
    right:0;
    left:auto
  }
  header .navbar-expand-xl .dropdown:hover>.dropdown-menu {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    display:block !important
  }
  header .navbar-expand-xl .dropdown:hover .dropdown-menu-2 {
    transform:translateX(-50%) translateY(0);
    display:block !important
  }
  header .navbar-expand-xl .dropdown:hover .dropdown-menu-center {
    transform:translateX(0%) translateY(0)
  }
  header .navbar-expand-xl .dropdown:hover .dropdown-menu-left {
    transform:translateX(0%) translateY(0)
  }
  header .navbar-expand-xl .dropdown .dropdown {
    position:relative
  }
  header .navbar-expand-xl .dropdown .dropdown::before {
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    right:-12px;
    top:50%;
    transform:translateY(-50%)
  } 
}
header .navbar-expand-xl .offcanvas {
  -webkit-box-flex:1
}
header .offcanvas-backdrop {
  z-index:6
}
.new-nav-item .new-dropdown {
  position:absolute;
  top:-7px;
  right:3px;
  background-color:#ff4f4f;
  font-size:10px;
  padding:1px 4px;
  color:#fff;
  font-weight:600;
  border-top-left-radius:5px;
  border-bottom-right-radius:5px
}
.menu-img-banner {
  margin:-23px -23px -23px -25px
}
.menu-img-banner a {
  display:block;
  width:100%
}
.menu-img-banner a img {
  width:100%
}
.menu-img-banner h4 {
  margin-top:12px;
  line-height:1.5;
  font-weight:500
}
.custom-mt {
  margin-top:25px
}
.dropdown-menu-3::after {
  content:unset !important
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover > a {
  display: block;
  position: relative;
}
header .navbar-nav .dropdown-menu {
  min-width: 200px;
  margin: 0;
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover {
  position: relative;
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before {
  content:"";
  position:absolute;
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  top:50%;
  transform:translateY(-50%);
  right:0
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
  left:113%;
  visibility:visible;
  opacity:1
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
  position:absolute;
  top:-19px;
  left:123%;
  min-width:200px;
  box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
  background-color:#fff;
  border-color:rgba(0,0,0,0);
  padding:20px;
  border-radius:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  visibility:hidden;
  opacity:0;
  transition:all .3s ease-in-out
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a {
  padding:0;
  font-size:14px;
  position:relative;
  transition:all .3s ease-in-out;
  z-index:0;
  color:#222;
  display:block
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a:hover::after {
  width:40%
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after {
  content:"";
  position:absolute;
  width:0;
  height:4px;
  bottom:2px;
  left:0;
  background-color:#0da487;
  opacity:.3;
  border-radius:50px;
  transition:all .3s ease-in-out;
  z-index:-1
}
header .navbar-nav .dropdown-menu-2 {
  left:50%;
  transform:translateX(-50%) translateY(-15px);
  width:52vw;
  min-width:unset;
  padding:22px !important;
  align-items:center;
  justify-content:space-around;
  overflow:hidden;
  position:relative;
  z-index:0
}

header .navbar-nav .dropdown-menu-2::after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-image:url(../images/bg.png);
  background-position:right;
  background-repeat:no-repeat;
  background-size:cover;
  top:0;
  left:0;
  z-index:-1
}
header .navbar-nav .dropdown-menu .dropdown {
  margin-right:20px;
  margin-left:20px
}
header .navbar-nav .dropdown-menu .dropdown:last-child {
  margin-bottom:12px
}
header .navbar-nav .dropdown-menu .dropdown .dropdown-toggle::after {
  display:none
}
header .navbar-nav .dropdown-menu .dropdown-menu {
  display:block;
  padding-right:16px;
  padding-left:16px
}
header .navbar-nav .dropdown-image {
  background-image:none
}
header .navbar-nav .dropdown-image::after {
  content:none
}
header .navbar-nav .dropdown-image .dropdown-column {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  gap:15px
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item {
  margin:0 !important;
  text-align:center
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item::after {
  content:none
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover img {
  box-shadow:5px 20px 40px 0 rgba(34,34,34,.07);
  -webkit-transform:translateY(-4px);
  transform:translateY(-4px)
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span {
  color:#0da487;
  font-weight:600
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span::after {
  width:100%
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item img {
  width:100%;
  -webkit-box-shadow:5px 20px 40px 0 rgba(34,34,34,.04);
  box-shadow:5px 20px 40px 0 rgba(34,34,34,.04);
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  display:block
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span {
  display:inline-block;
  margin-top:14px;
  text-align:center;
  font-size:calc(14px + 2*(100vw - 1200px)/720);
  margin-bottom:-6px;
  position:relative;
  z-index:0
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span::after {
  content:"";
  position:absolute;
  width:0;
  height:4px;
  bottom:2px;
  left:0;
  background-color:#0da487;
  opacity:.3;
  border-radius:50px;
  transition:all .3s ease-in-out;
  z-index:-1
}
.menu-label {
  background-color:#ff7272;
  font-size:12px;
  border-radius:2px;
  padding:3px 5px;
  line-height:1;
  color:#fff;
  font-weight:600;
  position:relative;
  z-index:0;
  animation:.9s blink infinite;
  margin-left:4px
}
.menu-label::before {
  content:none;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  background-color:#ff7272;
  left:-5px;
  width:12px;
  height:12px;
  z-index:-1;
  background-color:rgba(0,0,0,0)
}
.menu-label.warning-label {
  background-color:#ffa53b
}
.menu-label.success-label {
  background-color:#0da487;
}
header .header-nav .header-nav-right .deal-button {
  color: #0da487;
  padding: calc(6px + 9*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
  color: #0da487;
}
header .header-nav .header-nav-right .deal-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:#0da487;
  opacity: .1;
  z-index: -1;
}
.theme-modal .modal-dialog .modal-content {
  border: none;
}
.deal-modal .modal-dialog .modal-content .modal-header {
  padding: calc(13px + 17*(100vw - 320px)/1600);
  padding-bottom: 0;
  border: none;
}
.theme-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 20px;
  width: 95%;
  margin-top: -4px;  
}
.deal-modal .modal-dialog .modal-content .modal-header p {
  margin-bottom: 0;
  line-height: 1.6;
}
.theme-modal .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  top: -15px;
  right: -15px;
  background-color:#0da487;
  opacity: 1;
  background-image: none;
  border-radius: 4px;
  font-size: calc(15px + 2*(100vw - 320px)/1600);
  color: #fff;
  margin: 0;
  padding: 8px;
  z-index: 1;
  line-height: 16px;
}
.deal-modal .modal-dialog .modal-content .modal-body {
  padding: calc(13px + 17*(100vw - 320px)/1600) calc(13px + 17*(100vw - 320px)/1600);
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box {
  height: 360px;
  overflow: auto;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(6px + 10*(100vw - 320px)/1600);
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li {
  width: 100%;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain {
  display: flex;
  flex-wrap: nowrap;
  gap: 13px;
  position: relative;
  z-index: 0;
  padding: calc(11px + 5*(100vw - 320px)/1600);
  align-items: center;
  border-radius: 12px;
  overflow: hidden;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .15;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-1 .deal-offer-contain::before {
  background-color:#0da487;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-2 .deal-offer-contain::before {
  background-color: #ff4f4f;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-3 .deal-offer-contain::before {
  background-color: #ffa53b;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-image img {
  width: calc(69px + 11*(100vw - 320px)/1600);
  height: calc(69px + 11*(100vw - 320px)/1600);
  object-fit: contain;
}
.blur-up.lazyloaded {
  filter: blur(0);
  transition: filter 400ms,-webkit-filter 400ms;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain {
  display: block;
  color: #222;
  -webkit-box-align: center;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h5 {
  font-weight: 600;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: flex-end;
  font-size: 15px;
  font-weight: 400;
  margin-top: 6px;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 del {
  color: #ff4f4f;
  font-weight: 400;
  font-size: 13px;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 span {
  color: #4a5568;
  font-size: 13px;
  font-weight: 400;
}

/* Mobile menu */ 

.mobile-menu {
  position:fixed;
  bottom:0;
  padding:10px;
  width:100%;
  background-color:#0da487;
  z-index:2;
  overflow:hidden;
  box-shadow:0 -3px 10px 0px rgba(0,0,0,.08)
}
.mobile-menu ul {
  display:flex;
  width:70%;
  margin:0 auto;
}
.mobile-menu ul li {
  width:100%;
  text-align:center
}
.mobile-menu ul li.active {
  transition:.3s ease;
  position:relative
}
.mobile-menu ul li.active::before {
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  bottom:-15px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  background-color:#fff;
  border-radius:100%
}
.mobile-menu ul li a {
  display:block
}
.mobile-menu ul li a img {
  display:block;
  margin:0px auto
}
.mobile-menu ul li a.active,
.mobile-menu ul li a:hover {
  color:#222
}
.mobile-menu ul li a svg {
  display:inline-block;
  margin:0 auto;
  font-size:calc(20px + 2*(100vw - 320px)/1600);
  color:#fff
}
.mobile-menu ul li a span {
  display:block;
  color:#fff
}
.back-to-top {
  background-color:#0da487;
  padding:0;
  border-radius:5px;
  z-index:1;
  margin-top:12px;
  position: fixed;
  bottom: calc(10px + 15*(100vw - 320px)/1600);
  right: calc(10px + 15*(100vw - 320px)/1600);
  transition: all .3s ease-in-out;
}
.back-to-top a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(30px + 10*(100vw - 320px)/1600);
  height:calc(30px + 10*(100vw - 320px)/1600)
}
.back-to-top a svg {
  color:#fff
}
.cookie-bar-box {
  background:#fff;
  position:fixed;
  bottom:10px;
  right:10px;
  border-radius:calc(8px + 12*(100vw - 320px)/1600);
  max-width:370px;
  overflow:hidden;
  z-index:2;
  box-shadow:0 .25rem .5rem rgba(34,34,34,.05),0 24px 35px rgba(34,34,34,.1);
  transition:all .3s ease-in-out
}
.cookie-bar-box.hide {
  opacity:0;
  bottom:-350px
}
.cookie-bar-box .cookie-box {
  padding:calc(13px + 17*(100vw - 320px)/1600);
  text-align:center
}
.cookie-bar-box .cookie-box .cookie-image {
  display:flex;
  align-items:center;
  justify-content:center
}
.cookie-bar-box .cookie-box .cookie-image img {
  width:calc(15px + 10*(100vw - 320px)/1600);
  height:auto;
  margin-right:10px
}
.cookie-bar-box .cookie-box .cookie-contain {
  margin-top:calc(10px + 6*(100vw - 320px)/1600)
}
.cookie-bar-box .cookie-box .cookie-contain h2 {
  margin-bottom:calc(7px + 3*(100vw - 320px)/1600);
  font-size:calc(18px + 4*(100vw - 320px)/1600);
  font-weight:700
}
.cookie-bar-box .cookie-box .cookie-contain h5 {
  font-size:calc(14px + 4*(100vw - 320px)/1600);
  margin:0 auto;
  line-height:1.3
}
.cookie-bar-box .button-group {
  display:flex;
  align-items:center;
  margin:0
}
.cookie-bar-box .button-group button {
  white-space:nowrap;
  width:100%;
  font-weight:700;
  border-radius:0
}
.cookie-bar-box .button-group button.privacy-button {
  background-color:#f8f8f8
}
.cookie-bar-box .button-group button.ok-button {
  background-color:#0da487;
  color:#fff
}

/* home */
.home-section {
  position: relative;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.home-contain {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.home-contain .bg-size::before  {
  content: "";
  padding-top: 65%;
  display: block;
}
.home-section .home-contain.bg-size::before  {
  content: "";
  padding-top: 65%;
  display: block;
}
.home-contain .home-detail {
  width: 75%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(18px + 42*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.home-contain .home-detail-small {
  padding: calc(15px + 5*(100vw - 320px)/1600) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.home-contain .home-detail h6 {
  font-size: 14px;
  letter-spacing: .1px;
  color: #4a5568;
  margin-bottom: 10px;
}
.home-contain .home-detail h6 span {
  font-weight: 500;
  padding: calc(6px + 4*(100vw - 320px)/1600) calc(8px + 8*(100vw - 320px)/1600);
  background: #000;
  background: linear-gradient(90deg, rgba(255, 114, 114, 0.15) 0%, rgba(255, 114, 114, 0) 79%);
  border-radius: 50px;
  color: #ff4f4f;
  margin-left: calc(2px + 7*(100vw - 320px)/1600);
}
.home-contain .home-detail h1 {
  font-size: calc(16px + 26*(100vw - 320px)/1600);
  width: 80%;
  line-height: 1.4;
  margin-bottom: calc(3px + 7*(100vw - 320px)/1600);
  text-transform: uppercase;
}
.home-contain .home-detail h1 .daily {
  color: #0da487;
  font-weight: 800;
}
.home-contain .home-detail p,
.home-contain .home-detail-small p {
  margin-bottom: 0;
  color: #4a5568;
  letter-spacing: .8px;
  line-height: calc(19px + 8*(100vw - 320px)/1600);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 15px;
}
.home-contain .home-detail-small h2 {
  font-size: calc(25px + 13*(100vw - 320px)/1600);
  margin-bottom: 7px;
}
.home-contain .home-detail-small h2 span.discount {
  font-size: 16px;
  font-weight: 400;
  color: #222;
}
.home-contain .home-detail-small h3 {
  font-size: calc(20px + 6*(100vw - 320px)/1600);
  margin-bottom: calc(5px + 5*(100vw - 320px)/1600);
  font-weight: 700;
  color: #0da487;
}
.home-contain .home-detail-small h4 {
  font-size: calc(16px + 6*(100vw - 320px)/1600);
  margin-bottom: 5px;
}
.text-danger {
  color: #ff4f4f !important;
}
.home-contain .home-detail-small p.organic {
  width: 70%;
}
.home-contain .home-detail-small .shop-button {
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  margin-top: calc(12px + 8*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  color: #222;
}
.home-contain .home-detail-small .shop-button:hover svg {
  transform: translateX(4px);
}
.home-contain .home-detail-small .shop-button svg {
  transition: .3s ease;
  margin-left: 8px;
}
.home-button {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#ff4f4f), to(#ff6b6b));
  background-position: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
  padding: calc(7px + 7*(100vw - 320px)/1600) calc(14px + 18*(100vw - 320px)/1600);
  border: none;
  z-index: 0;
  font-size: calc(14px + 4*(100vw - 320px)/1600);
  line-height: 1.5;
  white-space: nowrap;
  position: relative;
}
.home-button .icon {
  margin-left: calc(6px + 6*(100vw - 320px)/1600);
  transition: .3s ease;
}
.home-button:hover .icon {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
}
.home-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background: #ff4f4f;
  background: -webkit-gradient(linear, left top, right top, from(#ff4f4f), to(#ff6b6b));
  background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.home-button:hover::after {
  top: 0;
  height: 100%;
}

/* banner */
.banner-section,
.product-section {
  position: relative;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.banner-contain {
  border-radius:5px;
  overflow:hidden;
  position:relative;
  margin: 0 10px;
}
.banner-contain .banner-image::before {
  content: "";
  padding-top: 60%;
  display: block;
}
.banner-contain .banner-detail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(18px + 42*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.banner-image {
  position: relative;
}
.banner-contain .banner-details .banner-box {
  position:absolute;
  top:30px;
  left:0;
  background-color:rgba(255,255,255,.5);
  padding:calc(8px + 4*(100vw - 320px)/1600) calc(30px + 9*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600);
  border-radius:0px 60px 60px 0px;
  backdrop-filter:blur(5px);
  box-shadow:0px 11px 10px rgba(74,85,104,.06)
}
.banner-contain .banner-details .banner-box h5 {
  margin:calc(4px + 2*(100vw - 320px)/1600) 0;
  font-size:calc(14px + 4*(100vw - 320px)/1600);
  font-weight:600
}
.banner-contain .banner-details .banner-button {
  position:absolute;
  bottom:calc(8px + 8*(100vw - 320px)/1600);
  left:calc(14px + 8*(100vw - 320px)/1600);
  color:#fff;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  font-weight:600;
  display:flex;
  align-items:center
}
.banner-contain .banner-details h2 {
  font-size:calc(20px + 22*(100vw - 320px)/1600)
}
.banner-contain .banner-details h2.banner-title {
  font-size:calc(31px + 19*(100vw - 320px)/1600);
  font-weight:700
}
.banner-contain .banner-details h3 {
  font-size:calc(20px + 10*(100vw - 320px)/1600);
  margin-top:-7px
}
.banner-contain .banner-details h4 {
  font-size:calc(20px + 4*(100vw - 320px)/1600);
  line-height:1.6
}
.banner-contain .banner-details .coupon-code {
  padding:calc(7px + 3*(100vw - 320px)/1600) calc(9px + 6*(100vw - 320px)/1600);
  background-color:rgba(#0da487, 0.4);
  border:2px dashed rgba(255,255,255,.5);
  display:inline-block;
  font-weight:500;
  margin-top:13px
}
.banner-contain .banner-details .coupon-code-white {
  background-color:rgba(255,255,255,.2)
}
.banner-contain .banner-details .coupon-code.code-2 {
  background-color:rgba(153,105,31,.5)
}
.banner-contain .banner-details p {
  color:#4a5568;
  line-height:1.5
}
.banner-contain .banner-details p.banner-text {
  width:62%
}

/* product */ 

.category-menu {
  background-color:#f8f8f8;
  padding:calc(12px + 21*(100vw - 320px)/1600);
  border-radius:5px
}
.sticky-sidebar {
  position: sticky;
  top: 10px;
}
.category-menu h3 {
  margin-bottom: 40px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-size: calc(16px + 4*(100vw - 320px)/1600);
  line-height: 1.2;
}
.category-menu h3::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  bottom: -8px;
  left: 0;
  background-color: #0da487;
}
.category-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
  border-bottom: 1px dashed rgba(74,85,104,.5);
  padding-bottom: 30px;
}
.category-menu ul li {
  display: block;
  width: 100%;
}
.category-menu ul li .category-list {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(10px + 6*(100vw - 320px)/1600);
  align-items: center;
  color: #222;
}
.category-menu ul li .category-list img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
}
.category-menu ul li .category-list h5 a {
  color: #222;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transition: all .3s ease-in-out;
}
.category-menu ul li .category-list h5 a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: 0;
  left: 0;
  opacity: .5;
  border-radius: 50px;
  background-color:#0da487;
  z-index: -1;
  transition: all .3s ease-in-out;
}
.category-menu ul li .category-list:hover h5 a {
  letter-spacing: .5px;
}
.category-menu ul li .category-list h5 a:hover {
  color: #222;
}
.category-menu ul li .category-list:hover h5 a::before {
  width: 70px;
}
.category-menu ul.value-list {
  margin-top: 35px;
  border: none;
}
.sidebar-ads,
.sidebar-product-list,
.sidebar-review {
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  position: relative;
}
.sidebar-ads .home-contain .bg-size::before {
  padding-top: 156%;
}
.sidebar-ads .home-contain .home-detail {
  padding: 50px calc(15px + 15*(100vw - 320px)/1600) !important;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: 100%;
  align-items: start;
}
.sidebar-ads .home-contain .home-detail h6,
.sidebar-ads .home-contain .home-detail h4 {
  color: #ffb321;
  margin-bottom: 0;
}
.home-contain .home-detail h2 {
  font-size: calc(25px + 13*(100vw - 320px)/1600);
  margin-bottom: 7px;
}
.home-contain .home-detail h3 {
  font-size: calc(20px + 6*(100vw - 320px)/1600);
  margin-bottom: calc(5px + 5*(100vw - 320px)/1600);
  font-weight: 600;
}
.sidebar-ads .home-contain .home-detail h3,
.sidebar-ads .home-contain .home-detail h2 {
  font-weight: normal;
  text-transform: uppercase;
}
.sidebar-ads .home-contain .home-detail h3.font-light {
  font-weight: 300;
  text-transform: none;
}
.sidebar-ads .home-contain .home-detail h3 strong,
.sidebar-ads .home-contain .home-detail h2 strong {
  color: #0da487;
  font-weight: bold;
}
.sidebar-ads .home-contain .home-detail .home-button {
  padding: calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 500;
}
.product-list {
  border: 1px solid rgba(74,85,104,.3);
  padding: calc(18px + 12*(100vw - 320px)/1600);
  border-radius: 5px;
}
.product-list li .offer-product {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.slick-slider .slick-list .slick-slide > * {
  margin: 0 10px;
}
.product-list li .offer-product .offer-image {
  width: 80px;
}
.product-list li .offer-product .offer-image img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  transition: all .3s ease-in-out;
}
.product-list li .offer-product .offer-detail {
  width: calc(100% - 80px);
  height: 80px;
  padding-left: calc(12px + 11*(100vw - 320px)/1600);
  position: relative;
  display: flex;
  align-items: center;
}
.product-list li .offer-product .offer-detail a {
  display: block;
  color: #222;
}
.product-list li .offer-product .offer-detail a h6.name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  font-weight: 600;
  margin-top: -1px;
  transition: all .3s ease-in-out;
}
.product-list li .offer-product .offer-detail span {
  font-size: 14px;
  margin-top: 5px;
  color: #4a5568;
  font-weight: 400;
}
.product-list li .offer-product .offer-detail .price {
  margin-top: 6px;
  font-weight: 600;
  margin-bottom: -2px;
  color: #0da487;
}
.product-list li + li {
  margin-top: 50px;
  position: relative;
}
.product-list li + li::after {
  content: "";
  position: absolute;
  top: -28px;
  right: 0;
  border-bottom: 1px dashed rgba(74,85,104,.3);
  width: calc(100% - 103px);
}
.review-box .review-contain h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.review-box .review-contain p {
  color: #4a5568;
  line-height: 27px;
  margin-bottom: 0;
}
.review-box .review-contain {
  margin-bottom: 40px;
}
.review-box .review-profile {
  display: flex;
  align-items: center;
}
.review-box .review-profile .review-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  transition: all .3s ease-in-out;
}
.review-box .review-profile .review-detail {
  padding-left: 12px;
}
.review-box .review-profile .review-detail h5 {
  font-size: 18px;
  margin-bottom: 7px;
  font-weight: 500;
  color: #222;
}
.review-box .review-profile .review-detail h6 {
  font-size: 16px;
  font-weight: 500;
  color: #4a5568;
}
.review-box:hover .review-profile .review-image {
  border-radius: 6px;
}

/* Product box */
.hover-effect:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
.title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.title {
  margin-bottom: calc(16px + 14*(100vw - 320px)/1600);
}
.title h2 {
  font-weight: 700;
  color: #222;
  position: relative;
}
.title-leaf {
  width: 140px;
  text-align: center;
  margin-top: 7px;
  position: relative;
  z-index: 0;
  display: inline-block;
}
.title-leaf::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  left: 0;
  background-color: #0da487;
  z-index: -1;
}
.title-leaf svg {
  background-color: #fff;
  width: 45px;
  z-index: 1;
  fill: #0da487;
  height:25px;
}
.title p {
  line-height: 1.5;
  margin: calc(5px + 5*(100vw - 320px)/1600) 0 0;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  color: #4a5568;
}
.title-flex .timing-box {
  display: inline-block;
}
.title-flex .timing-box .timing {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff4f4f;
  color: #fff;
  padding: calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
  border-radius: 5px;
}
.title-flex .timing-box .timing .feather {
  width: 17px;
  height: 17px;
  margin-right: 9px;
}
.title-flex .timing-box .timing .name {
  font-weight: 600;
  margin-right: 8px;
  line-height: 1;
}
.title-flex .timing-box .timing .time ul {
  display: flex;
  align-items: center;
}
.title-flex .timing-box .timing .time ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  line-height: 1;
}
.title-flex .timing-box .timing .time ul li + li {
  margin-left: 15px;
}
.title-flex .timing-box .timing .time ul li + li::after {
  content: ":";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bolder;
  left: -10px;
}
.counter {
  display: flex;
  align-items: center;
}
/* poduct box */

.product-lidting-slider {
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
}
.product-box {
  padding: calc(8px + 6*(100vw - 320px)/1600);
  border-right: 1px solid rgba(74,85,104,.3);
  position: relative;
  transition: all .3s ease-in-out;
  overflow: hidden;
}
.product-box .product-image {
  text-align: center;
  padding: 20px;
  position: relative;
}
.product-box .product-image img {
  width: 100%;
  height: 140px;
  object-fit: contain;
  transition: all .3s ease-in-out;
}
.product-box .product-detail a {
  color: #222;
  display: block;
}
.product-box .product-detail a h6.name {
  font-weight: 600;
  line-height: 22px;
  height: 45px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.product-box .sold {
  font-weight: 600;
  margin-top: 3px;
  line-height: 21px;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
}
.text-content {
  color: #4a5568;
}
.product-box .sold .price {
  font-weight: 600;
  margin-top: 0;
  color: #0da487;
}
.product-box .sold del {
  font-weight: 400;
  margin-left: 6px;
  font-size: calc(13px + 1*(100vw - 320px)/1600);
  color: #4a5568;
}
.product-rating {
  display: flex;
  align-items: center;
}
.product-box .product-detail .product-rating {
  flex-wrap: wrap;
  gap: calc(4px + 3*(100vw - 320px)/1600);
}
.rating {
  display: flex;
  align-items: center;
}
.rating li .feather {
  width: 14px;
  height: 14px;
  stroke: #ffb321;
}
.rating li .feather.fill {
  fill: #ffb321;
}
.product-box .product-detail .product-rating h6 {
  font-weight: 500;
  color: #0da487;
}
.add-to-cart-box {
  background-color: #f8f8f8;
  border-radius: 50px;
  position: relative;
  max-width: 250px;
}
.add-to-cart-box .btn-add-cart {
  padding: calc(8px + 2*(100vw - 320px)/1600) 0;
  width: 100%;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  margin-top: 10px;
  color: #4a5568;
  border-radius: 50px;
  font-weight: 500;
}
.add-to-cart-box .btn-add-cart .add-icon {
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(30px + 7*(100vw - 320px)/1600);
  height: calc(30px + 7*(100vw - 320px)/1600);
  background-color: #fff;
  border-radius: 100%;
  color:#0da487;
  position: absolute;
  right: 4px;
}
.add-to-cart-box .btn-add-cart .add-icon svg {
  font-size: 13px;
}
.qty-box .input-group {
  background-color: #f8f8f8;
  border-radius: 7px;
  padding: 4px;
  text-align: center;
  z-index: 0;
}
.add-to-cart-box .qty-box .input-group {
  background-color: #f8f8f8;
  border-radius: 50px;
  padding: 4px;
  text-align: center;
  z-index: 0;
}
.add-to-cart-box .qty-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: none;
}
.product-box .qty-box {
  max-width: 210px;
}
.add-to-cart-box .qty-box.open {
  display: block;
}
.product-border {
  border: 1px solid rgba(74,85,104,.3);
  border-radius: 10px;
  padding: 0 14px;
}
.product-border.border-row .slick-slider .slick-list {
  margin: 0 -14px;
}
.product-border.border-row .row > div:last-child {
  border-top: 1px solid #ddd;
}
.product-box .label-tag {
  position: absolute;
  top: 24px;
  left: 0;
  padding: 5px 13px;
  background-color: #ffba00;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  z-index: 1;
}
.product-box .label-tag::before,
.product-box .label-tag::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 44px;
  border-bottom: solid 15px #faba02;
  border-left: solid 15px rgba(0,0,0,0);
  border-right: solid 15px rgba(0,0,0,0);
  transform: rotate(180deg);
  z-index: 1;
}
.product-box .label-tag::after {
  top: 16px;
  border-bottom: solid 15px #faba02;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  z-index: 1;
}
.product-border .slick-arrow {
  display: none !important;
}
.product-box:hover .product-image a img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.product-box .product-image .product-option {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: -5px;
  background-color: #fff;
  width: 70%;
  padding: 10px 5px;
  border-radius: 7px;
  box-shadow: 0 0 8px rgba(34,34,34,.12);
  opacity: 0;
  transition: all .3s ease-in-out;
  max-width: 320px;
}
.product-box:hover .product-image .product-option {
  bottom: 15px;
  opacity: 1;
}
.product-box .product-image .product-option li {
  position: relative;
  width: 33.33%;
}
.product-box .product-image .product-option li a {
  color: #222;
}
.product-box .product-image .product-option li a .feather {
  width: 17px;
  height: auto;
  color: #4a5568;
}
.product-box .product-image .product-option li + li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #4a5568;
  opacity: .3;
}
/* category slider */

.product-wrapper.slick-slider.slick-dotted {
  margin-bottom: -2px;
}
.no-arrow .slick-arrow {
  display: none !important;
}
.category-box {
  background-color:#f8f8f8;
  margin:0px auto;
  display:block;
  width:90%;
  text-align:center;
  border-radius:5px;
  overflow:hidden;
  transition:all .3s ease-in-out;
  position:relative;
  padding:calc(15px + 20*(100vw - 320px)/1600) 8px;
  z-index:0
}
.category-box.category-bg {
  background:linear-gradient(149.8deg, #f6f5f2 17.21%, #fbfaf9 79.21%)
}
.category-box::after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-image:url(../images/shape.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#0da487;
  opacity:0;
  z-index:-1;
  transition:all .3s ease-in-out
}
.category-box:hover {
  background-color:rgba(0,0,0,0)
}
.category-box:hover::after {
  opacity:1
}
.category-box:hover img {
  -webkit-filter:invert(1) brightness(100);
  filter:invert(1) brightness(100)
}
.category-box:hover h5 {
  color:#fff
}
.category-box img {
  width:calc(38px + 7*(100vw - 320px)/1600);
  height:calc(38px + 7*(100vw - 320px)/1600);
  object-fit:contain;
  margin:0 auto
}
.category-box h5 {
  color:#222;
  margin-top:12px;
  font-weight:500;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.category-slider  {
  margin-top: calc(16px + 14*(100vw - 320px)/1600);
}
.product-wrapper .slick-dots {
  position:relative;
  bottom:0;
  margin-top:calc(5px + 15*(100vw - 320px)/1600);
  list-style: none;
  text-align: center;
  padding: 0;
  display: block;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.product-wrapper .slick-dots li {
  width:auto;
  height:auto
}
.product-wrapper .slick-dots li button {
  width:calc(6px + 2*(100vw - 320px)/1600);
  height:calc(6px + 2*(100vw - 320px)/1600);
  border-radius:4px;
  padding:0;
  margin:0;
  font-size: 0;
  background-color:rgba(35,35,35,.2);
  transition:all .5s ease;
  box-shadow: none;
  outline: none;
  border: none;
}
.product-wrapper .slick-dots li button::before {
  display:none
}
.product-wrapper .slick-dots li.slick-active button {
  margin:0;
  width:calc(30px + 10*(100vw - 320px)/1600);
  background-color:#0da487;
  transition:all .5s ease
}
.offer-zone {
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
}
.offer-zone-left,
.offer-zone-text  {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.5rem !important;
}
.offer-zone-left h4 {
  color: #0da487;
  font-family: "Russo One",sans-serif;
  margin-bottom: .5rem !important;
}
.offer-zone-left h3 {
  font-family: "Exo 2",sans-serif;  
  margin: 0;
}
.offer-zone-left .home-button,
.offer-zone-text .home-button {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}
.offer-zone .banner-contain {
  margin: 0;
}
.offer-zone-text h2 {
  font-family: "Kaushan Script",cursive;
  color: #0da487;
  font-weight: normal;
}
.offer-zone-text h3 {
  margin-top: .5rem !important;
  margin-bottom: 1rem;
}
.offer-zone-text h3.theme-color {
  margin-bottom: .5rem;
}
.offer-zone-text h3.text-title {
  color: #222 !important;
  font-weight: normal;
  margin: 0 !important;
}
.offer-zone-center .banner-contain .banner-details h2 {
  font-size: calc(31px + 19*(100vw - 320px)/1600);
  font-weight: 700;
  color: #222;
  font-family: "Public Sans",sans-serif;
}
.offer-zone-center .offer-zone-text {
  justify-content: center;
  padding: calc(27px + 18*(100vw - 320px)/1600) calc(20px + 120*(100vw - 320px)/1600) !important;
  text-align: center;
}
.offer-zone-center h6 {
  letter-spacing: 12px;
  margin-right: -12px;
  margin-bottom: 1rem !important;
  color: #0da487;
}
.offer-zone-center h5 {
  color: #4a5568;
  margin-top: .25rem !important;
  margin-bottom: 0;
}
.offer-zone-center .offer-zone-text .home-button {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 1rem !important;
  margin-left: auto;
  margin-right: auto;
}
@keyframes flash{
  0%{
    opacity:.4;      
    transition:.3s ease-in-out;
  }
  100%{
    opacity:1;
    transition:.3s ease-in-out;
  }
}
@keyframes shake{
  0%{
    transform:translate(3px, 0);
  }
  50%{
    transform:translate(-3px, 0);
  }
  100%{
    transform:translate(0, 0);
  }
}
/* blog */

.blog-box .blog-box-image {
  overflow: hidden;
  border-radius: 5px;
  transition: all .3s ease-in-out;
}
.blog-box .blog-box-image img {
  transition: all .3s ease-in-out;
}
.blog-box:hover .blog-box-image a img {
  -webkit-transform: scale(1.12) rotate(3deg);
  transform: scale(1.12) rotate(3deg);
  overflow: hidden;
}
.blog-box .blog-detail {
  margin-top: 15px;
  display: block;
}
.blog-box .blog-detail h6 {
  color: #4a5568;
  margin-bottom: 3px;
  font-weight: 600;
}
.blog-box .blog-detail h5 {
  color: #222;
  line-height: 1.5;
  font-weight: 600;
  font-size: calc(15px + 3*(100vw - 320px)/1600);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.blog-box:hover .blog-detail h5 {
  color: #0da487;
}

/* news letter */

.newsletter-section {
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.newsletter-section .newsletter-box {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.newsletter-contain {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.newsletter-section .newsletter-box-2::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../images/newsletter.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  z-index: -1;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail h2 {
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail h5 {
  font-weight: 600;
  color: #ffbc5d;
  margin-bottom: calc(14px + 6*(100vw - 320px)/1600);
  font-size: calc(16px + 2*(100vw - 320px)/1600);
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box {
  position: relative;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
  height:calc(41px + 11*(100vw - 320px)/1600);
  border-radius:5px;
  border:none;
  padding-left:45px;
  padding-right:140px
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .mail-icon {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  padding: 8px;
  font-size: 15px;
  left: 8px;
  color: #0da487;
  background-color: rgba(13, 164, 135, 0.1);
  height: 30px;
  line-height: 16px;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .subscribe-btn {
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff4f4f;
  position: absolute;
  right: 3px;
  border-radius: 3px;
  height: 91%;
  border: none;
  padding: calc(10px + 2*(100vw - 320px)/1600) calc(8px + 13*(100vw - 320px)/1600);
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all .3s ease-in-out;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .subscribe-btn svg {
  margin-left: 6px;
  transition: all .3s ease-in-out;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .subscribe-btn:hover svg {
  transform: translateX(3px);
  transition: all .3s ease-in-out;
}

/*  footer */

footer {
  background-color: #f8f8f8;
  position: relative;
  z-index: 0;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
footer::after {
  content:"";
  position:absolute;
  width:30%;
  height:100%;
  top:0;
  left:0;
  background-image:url(../images/footer-shape.png);
  background-repeat:no-repeat;
  z-index:-1
}
footer:before {
  content:"";
  position:absolute;
  width:30%;
  height:100%;
  bottom:0;
  right:0;
  background-image:url(../images/footer-shape-2.png);
  background-repeat:no-repeat;
  z-index:-1
}
.service-contain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
}
.service-contain .service-box {
  display: flex;
  align-items: center;
  position: relative;
}
.service-contain .service-box:nth-child(-n+2) {
  margin-bottom: 15px;
}
.service-contain .service-box .service-image img {
  width: calc(35px + 5*(100vw - 320px)/1600);
  height: calc(35px + 5*(100vw - 320px)/1600);
  object-fit: contain;
}
.service-contain .service-box .service-detail {
  margin-left: 20px;
}
.service-contain .service-box .service-detail h5 {
  font-weight: 500;
  color: #222;
}
.service-contain .service-box + .service-box::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  left: -104px;
  border: 1px dashed #c1c1c1;
}
footer .main-footer {
  border-top:1px dashed #c1c1c1;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
}
footer .main-footer .footer-theme .footer-theme-contain {
  margin-top:calc(13px + 7*(100vw - 320px)/1600);
}
footer .main-footer .footer-theme .footer-theme-contain p {
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  color:#4a5568;
  line-height:27px;
  margin-bottom:0;
}
footer .main-footer .footer-theme .footer-theme-contain ul.address {
  margin-top:calc(17px + 13*(100vw - 320px)/1600);
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li {
  display:flex;
  align-items:center;
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li .feather {
  width:18px;
  height:18px;
  stroke:#4a5568;
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li p {
  margin:1px 0 0 10px;
  color:#4a5568;
}
footer .main-footer .footer-theme .footer-theme-contain ul li {
  display:block;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
}
footer .main-footer .footer-theme .footer-theme-contain ul li a:hover {
  color:#4a5568
}
footer .main-footer .footer-theme .footer-theme-contain ul li+li {
  margin-top:calc(4px + 11*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .theme-logo {
  display:flex;
  align-items:center
}
footer .main-footer .footer-logo .theme-logo a img {
  width:calc(120px + 40*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .theme-logo h4 {
  margin-left:10px
}
footer .main-footer .footer-logo .footer-logo-contain {
  margin:calc(13px + 7*(100vw - 320px)/1600) 0
}
footer .main-footer .footer-logo .footer-logo-contain p {
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  color:#4a5568;
  line-height:27px;
  margin-bottom:0;
  width:88%
}
footer .main-footer .footer-logo .footer-logo-contain .address {
  display:flex;
  flex-wrap:wrap;
  gap:calc(8px + 7*(100vw - 320px)/1600);
  margin-top:calc(7px + 23*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .footer-logo-contain .address li {
  display:flex;
  align-items:flex-start;
  width:100%
}
footer .main-footer .footer-logo .footer-logo-contain .address li:hover a {
  color:#0da487;
}
footer .main-footer .footer-logo .footer-logo-contain .address li:hover .feather {
  stroke:#0da487;
}
footer .main-footer .footer-logo .footer-logo-contain .address li .feather {
  width:18px;
  height:18px;
  stroke:#4a5568
}
footer .main-footer .footer-logo .footer-logo-contain .address li a {
  margin:0 0 0 10px;
  color:#4a5568;
  line-height:18px;
  font-size:calc(14px + 2*(100vw - 320px)/1600)
}
footer .main-footer .footer-title h4 {
  font-size:calc(17px + 3*(100vw - 320px)/1600);
  font-weight:600
}
footer .main-footer .footer-contain {
  margin-top:calc(8px + 12*(100vw - 320px)/1600)
}
footer .main-footer .footer-contain p {
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  color:#4a5568;
  line-height:27px;
  margin-bottom:0
}
footer .main-footer .footer-contain ul.address {
  margin-top:calc(17px + 13*(100vw - 320px)/1600)
}
footer .main-footer .footer-contain ul.address li {
  display:flex;
  align-items:flex-start;
}
footer .main-footer .footer-contain ul.address li .feather {
  width:18px;
  height:18px;
  stroke:#4a5568
}
footer .main-footer .footer-contain ul.address li p,
footer .main-footer .footer-contain ul.address li a {
  margin:0 0 0 10px;
  color:#4a5568;
  line-height:18px
}
footer .main-footer .footer-contain ul li {
  display:block;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  position:relative
}
footer .main-footer .footer-contain ul li::after {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:5px;
  height:5px;
  left:0;
  background-color:#0da487;
  border-radius:100%;
  opacity:0;
  transition:all .3s ease-in-out
}
footer .main-footer .footer-contain ul li:hover::after {
  opacity:1
}
footer .main-footer .footer-contain ul li:hover a {
  color:#0da487;
  margin-left:13px
}
footer .main-footer .footer-contain ul li:hover a::before {
  width:100%
}
footer .main-footer .footer-contain ul li:hover a::after {
  opacity:1
}
footer .main-footer .footer-contain ul li a {
  display:inline-block;
  position:relative
}
footer .main-footer .footer-contain ul li a::before {
  content:"";
  position:absolute;
  width:0;
  height:2px;
  left:0;
  bottom:0;
  background-color:#0da487;
  transition:all .3s ease-in-out
}
footer .main-footer .footer-contain ul li a::after {
  content:unset !important
}
footer .main-footer .footer-contain ul li+li {
  margin-top:calc(4px + 11*(100vw - 320px)/1600)
}
footer .main-footer .social-app::before {
  content:none
}
footer .main-footer .social-app ul {
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  align-items:center
}
footer .main-footer .social-app ul li {
  display:inline-block
}
footer .main-footer .social-app ul li::before {
  content:none !important
}
footer .main-footer .social-app ul li a {
  display:block
}
footer .main-footer .social-app ul li a img {
  width:calc(114px + 26*(100vw - 320px)/1600)
}
footer .main-footer .footer-contact {
  margin-top:calc(13px + 7*(100vw - 320px)/1600)
}
footer .main-footer .footer-contact ul li {
  display:block;
  margin-bottom:calc(30px + 20*(100vw - 320px)/1600);
  position:relative
}
footer .main-footer .footer-contact ul li:last-child {
  margin-bottom:0
}
footer .main-footer .footer-contact ul li:last-child::before {
  content:none
}
footer .main-footer .footer-contact ul li.social-app ul li a {
  display:block
}
footer .main-footer .footer-contact ul li.social-app ul li a img {
  width:139px
}
footer .main-footer .footer-contact ul li::before {
  content:"";
  position:absolute;
  bottom:-24px;
  right:0;
  width:calc(100% - 33px);
  border-bottom:1px dashed #c1c1c1
}
footer .main-footer .footer-contact ul li .footer-number {
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  align-items:flex-start
}
footer .main-footer .footer-contact ul li .footer-number .feather {
  width:18px;
  height:18px;
  stroke:#4a5568
}
footer .main-footer .footer-contact ul li .footer-number .contact-number h5 {
  margin-top:6px;
  font-weight:600;
  color:#222
}
footer .sub-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px dashed #c1c1c1;
  padding: 30px 0;
}
footer .sub-footer .social-link {
  display:flex;
  align-items:center
}
footer .sub-footer .social-link h6 {
  margin-right:10px
}
footer .sub-footer .social-link ul {
  display:flex;
  align-items:center
}
footer .sub-footer .social-link ul li:hover i {
  transform:translateY(-5px)
}
footer .sub-footer .social-link ul li a {
  display:block
}
footer .sub-footer .social-link ul li a i {
  color:#4a5568;
  transition:all .3s ease-in-out
}
footer .sub-footer .social-link ul li+li {
  margin-left:8px
}
footer .sub-footer ul {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px
}
footer .sub-footer ul li {
  display:block
}
.custom-form-check .form-check-input:focus, 
  .form-floating > .form-control,
  .form-floating > .form-control:focus { 
  box-shadow: none !important;
  outline: none !important;
}
.theme-form-floating .form-control, .theme-form-floating .form-select {
  height: calc(51px + 3*(100vw - 320px)/1600);
  line-height: normal;
}
.theme-form-floating label {
  font-size: calc(13px + 3*(100vw - 320px)/1600);
  color: #4a5568;
  border: none;
}
.theme-form-floating > .form-control:focus ~ label,
 .theme-form-floating > .form-control:not(:placeholder-shown) ~ label, 
 .theme-form-floating > .form-select ~ label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(14px + 4*(100vw - 320px)/1600);
  opacity: .95;
  top: -5px;
  left: 5px;
  height: 31px;
  background-color: #fff;
  white-space: nowrap;
  opacity: 1;
}
.custom-form-check .form-check-input:checked {
  background-color: #0da487;
  border-color: #0da487;
  box-shadow: none;
  outline: none;
}
.theme-form-floating .form-control:focus,
.theme-form-floating .form-select:focus {
  background-color: #fff;
  border: 1px solid #ced4da;
  outline: none;
  box-shadow: none;
}
/* breadcrumb */
.breadcrumb-section {
  background-color: #f8f8f8;
  position: relative;
  overflow: hidden;
  margin-top: 1.5rem;
}
.breadcrumb-section .breadcrumb-contain {
  padding: calc(26px + 14*(100vw - 320px)/1600) 0;
  text-align: center;
  color: #222;
  font-family: "Public Sans",sans-serif;
  display: flex;
  align-items: center;
}
.breadcrumb-section .breadcrumb-contain h2 {
  font-weight: 700;
  font-size: calc(16px + 6*(100vw - 320px)/1600);
  margin-bottom: 0;
}
.breadcrumb-section .breadcrumb-contain nav {
  margin-left: auto;
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}
.breadcrumb-section .breadcrumb-contain {
  text-align: center;
  color: #222;
  font-family: "Public Sans",sans-serif;
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item svg {
  color: #4a5568;
}
.shop-category-section {
  position: relative;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.shop-box .shop-category-box {
  padding: 20px 10px;
  background-color: #f8f8f8;
  display: block;
  text-align: center;
  border-radius: 0;
  margin: 0 !important;
  border-right: 1px solid #ececec;
}
.shop-box .shop-category-box a {
  display: block;
  width: 100%;
}
.shop-box .shop-category-box a .shop-category-image {
  width: 68px;
  height: 68px;
  display: inline-block;
  background-color: #f8f8f8;
  padding: 8px;
  border-radius: 7px;
}
.shop-box .shop-category-box a .shop-category-image img {
  width: 100%;
  height: 100%;
}
.shop-box .shop-category-box a .category-box-name {
  position: relative;
  width: 90%;
  margin: 10px auto 0;
  background-color: #f8f8f8;
  color: #222;
  border-radius: 4px;
}
.shop-box .shop-category-box a .category-box-name h6 {
  color: #4a5568;
  font-size: 14px;
  font-weight: 500;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

/* shop */

.shop-section {
  position: relative;
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.shop-section .left-box {
  position: sticky;
  top: 0;
  border-right: 1px solid #ddd;
}
.shop-section .left-box .shop-left-sidebar {
  padding-right: calc(16px + 10*(100vw - 320px)/1600);
}
.shop-section .left-box .shop-left-sidebar .back-button {
  display: none;
}
.shop-section .left-box .shop-left-sidebar .filter-category {
  margin-bottom: 25px;
}
.shop-section .left-box .shop-left-sidebar .filter-category .filter-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0 0 8px 0;
}
.shop-section .left-box .shop-left-sidebar .filter-category .filter-title h2 {
  font-size: 18px;
  padding: 0 0 8px 0;
  font-weight: 600;
  border-bottom: 1px solid var(--theme-color);
}
.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a {
  display: block;
}
.shop-section .left-box .shop-left-sidebar .filter-category ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10px + 5*(100vw - 320px)/1600);
  padding-top: 16px;
}
.shop-section .left-box .shop-left-sidebar .filter-category ul li {
  padding: 9px 34px 9px 11px;
  background-color: #f9f8f6;
  position: relative;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
}
.shop-section .left-box .shop-left-sidebar .filter-category ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  right: 13px;
  color: #777;
  cursor: pointer;
}
.shop-section .left-box .shop-left-sidebar .filter-category ul li a {
  color: #777;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item {
  border: none;
  width: 100%;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #222;
  background-color: rgba(0,0,0,0);
  box-shadow: none;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button {
  font-size: 18px;
  padding: 0 0 8px 0;
  font-weight: 600;
  margin-bottom: 9px;
  outline: none;
  box-shadow: none;
  border: none;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
  border-color: unset;
  box-shadow: none;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 5px;
  background-color: #f7f6f4;
  font-size: 15px;
  border-radius: 100%;
  transition: all .3s ease-in-out;
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button.collapsed::before {
  content: "";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 16px 0 0;
}
.shop-section .left-box .shop-left-sidebar .search-box {
  position: relative;
  margin-bottom: 30px;
}
.shop-section .left-box .shop-left-sidebar .search-box::after {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-left: 1px solid #ddd;
  font-size: 15px;
  padding: 0 18px;
  height: 60%;
  display: flex;
  align-items: center;
  color: #4a5568;
}
.shop-section .left-box .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10px + 6*(100vw - 320px)/1600);
}
.shop-section .left-box .custom-height {
  max-height: 190px;
  overflow-y: auto;
  height: 100%;
}
.shop-section .left-box .category-list li {
  display: block;
  width: 100%;
}
.shop-section .left-box .category-list li .category-list-box {
  display: flex;
  align-items: center;
}
.shop-section .left-box .category-list li .category-list-box input {
  margin-top: -4px;
}
.shop-section .left-box .category-list li .checkbox_animated {
  cursor: pointer;
  position: relative;
  margin-right: 16px;
  height: 100%;
}
.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin-right: 16px;
  height: 100%;
}
.shop-section .left-box .category-list li .category-list-box .form-check-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 8px;
}
.shop-section .left-box  .category-list li .category-list-box .form-check-label .name {
  font-size: calc(15px + 2*(100vw - 320px)/1600);
  color: #222;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  width: 80%;
}
.shop-section .left-box  .category-list li .category-list-box .form-check-label .number {
  color: #777;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
}
.irs {
  position: relative;
  display: block;
  user-select: none;
  height: 55px;
}
.irs .irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
  height: 10px;
  top: 33px;
  background-color: #f9f8f6;
  border-radius: 50px;
}
.irs .irs-line-left {
  width: 11%;
  height: 8px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.irs .irs-line-mid {
  width: 82%;
  height: 8px;
  position: absolute;
  display: block;
  top: 0;
  left: 9%;
}
.irs .irs-line-right {
  width: 11%;
  height: 8px;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
}
.irs .irs-min {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  cursor: default;
  color: #777;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  padding: 3px 7px;
  background: rgba(34,34,34,.1);
  border-radius: 3px;
  font-weight: 500;
}
.irs .irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
  color: #777;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 3px 7px;
  background: rgba(34,34,34,.1);
  border-radius: 3px;
  font-weight: 500;
}
.irs .irs-to {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  padding: 3px 7px;
  background-color: #0da487;
  border-radius: 3px;
  font-weight: 600;
}
.js-range-slider {
  margin-top: 15px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: #222;
  width: 100%;
}
.irs .irs-slider {
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  z-index: 1;
  top: 28px;
  border: 3px solid #fff;
  background-color:#0da487;
  border-radius: 100%;
  cursor: pointer;
}
.irs .irs-bar {
  width: 0;
  height: 10px;
  position: absolute;
  display: block;
  left: 0;
  top: 33px;
  background-color:#0da487;
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem .75rem;
  outline: auto;
  box-shadow: none;
}
.shop-section .show-button {
  margin-bottom: 14px;
}
.shop-section .show-button .filter-button-group {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.shop-section .show-button .top-filter-menu {
  display: flex;
  align-items: center;
}
.shop-section .show-button .top-filter-menu .category-dropdown {
  display: flex;
  align-items: center;
}
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
  margin-left: 10px;
}
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #f6f5f2;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
  border-radius: 5px;
  color: #777;
  flex-wrap: wrap;
  gap: 10px;
}
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle::after {
  display: none;
}
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle svg {
  margin-top: 2px;
}
.shop-section .show-button .top-filter-menu .grid-option {
  margin-left: auto;
}
.shop-section .show-button .top-filter-menu .grid-option ul {
  display: flex;
  gap: calc(5px + 5*(100vw - 320px)/1600);
  align-items: center;
}
.shop-section .show-button .top-filter-menu .grid-option ul li {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%);
}
.shop-section .show-button .top-filter-menu .grid-option ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.shop-section .show-button .top-filter-menu .grid-option ul li.active {
  background: #0da487;
}
.col-custom- {
  width: 70%;
}
.theme-form-floating-2 > .form-control {
  padding: 14px 10px;
}
.theme-form-floating-2 > .form-control, .theme-form-floating-2 > .form-select {
  height: 46px;
  outline: none !important;
  min-height: auto;
}
.theme-form-floating-2 label {
  font-size: calc(13px + 3*(100vw - 320px)/1600);
  color: #4a5568;
}
.theme-form-floating-2 > label {
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
  padding: 0;
  border: none;
  height: auto;
}
.theme-form-floating-2 > .form-control:focus ~ label, 
.theme-form-floating-2 > .form-control:not(:placeholder-shown) ~ label, 
.theme-form-floating-2 > .form-select ~ label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(14px + 4*(100vw - 320px)/1600);
  opacity: .95;
  top: -5px;
  left: 10px;
  height: 31px;
  background-color: #fff;
  padding: 0 10px;
  opacity: 1;
}
.theme-form-floating-2 .form-control:focus {
  background-color: #fff;
  border: 1px solid #ced4da;
}
.theme-form-floating-2 > .form-control:focus, 
.theme-form-floating-2 > .form-control:not(:placeholder-shown) {
  padding-top: 12px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}
.product-box-3 {
  padding: calc(7px + 7*(100vw - 320px)/1600);
  position: relative;
  background-color: #f8f8f8;
  border-radius: 5px;
  transition: all .4s ease-in-out;
}
.product-box-3 .product-header {
  position: relative;
}
.product-box-3 .product-header .product-image {
  text-align: center;
  padding: 20px;
  display: block;
}
.product-image img {
  width: 100%;
  height: calc(100px + 40*(100vw - 320px)/1600);
  object-fit: contain;
  transition: all .3s ease-in-out;
}
.product-box-3:hover .product-header .product-image img {
  transform: scale(1.1);
}
.product-box-3 .product-footer .product-detail .span-name {
  font-size: 13px;
  color: #50607c;
  margin-bottom: calc(4px + 4*(100vw - 320px)/1600);
  display: block;
}
.product-box-3 .product-footer .product-detail a {
  color: #222;
}
.product-box-3 .product-footer .product-detail .unit {
  font-size: 13px;
  font-weight: 500;
  margin-top: calc(6px + 4*(100vw - 320px)/1600);
  color: #777;
}
.product-box-3 .product-footer .price {
  margin-top: 6px;
  font-weight: 600;
}
.product-box-3 .product-footer .price span {
  font-size: calc(15px + 1*(100vw - 320px)/1600);
  color: #0da487;
}
.product-box-3 .product-footer .price del {
  margin-left: 4px;
  font-weight: 400;
  color: #777;
  font-size: calc(13px + 1*(100vw - 320px)/1600);
}
.product-box-3 .product-footer .product-detail .product-content {
  display: none;
}
.product-box-3 .product-header .product-image .product-option {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: -5px;
  background-color: #fff;
  width: 100%;
  padding: 10px 5px;
  border-radius: 7px;
  box-shadow: 0 0 8px rgba(34,34,34,.12);
  opacity: 0;
  transition: all .3s ease-in-out;
  max-width: 230px;
}
.product-box-3:hover .product-header .product-image .product-option {
  bottom: 10px;
  opacity: 1;
}
.product-box-3 .product-header .product-image .product-option li {
  position: relative;
  width: 33.33%;
}
.product-box-3 .product-header .product-image .product-option li a {
  color: #222;
}
.product-box-3 .product-header .product-image .product-option li + li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #4a5568;
  opacity: .3;
}
.add-to-cart-box .btn-add-cart .add-icon.bg-light-gray {
  background-color: #f8f8f8;
}
.product-list-section.list-style > div {
  width: 100%;
}
.product-list-section.list-style > div .product-box-3 {
  display: flex;
  align-items: center;
  padding: calc(14px + 10*(100vw - 320px)/1600);
}
.product-list-section.list-style > div .product-box-3 .product-header {
  width: 180px;
}
.product-list-section.list-style > div .product-box-3 .product-footer {
  padding-left: 20px;
  width: calc(100% - 180px);
}
.product-list-section.list-style > div .product-box-3 .product-footer .product-detail .span-name {
  display: none;
}
.product-list-section.list-style > div .product-box-3 .product-footer .product-content {
  display: block;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.product-list-section.list-style > div .product-box-3 .product-footer .product-detail .qty-box {
  width: unset;
}
.add-to-cart-box .qty-box.open {
  display: block;
}
.qty-box .input-group button {
  width: calc(26px + 9*(100vw - 320px)/1600);
  height: calc(26px + 9*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  background-color: #fff;
  z-index: 0;
  border-radius: 4px !important;
}
.add-to-cart-box .qty-box .input-group {
  background-color: #f8f8f8;
  border-radius: 50px;
  padding: 4px;
  text-align: center;
  z-index: 0;
}
.add-to-cart-box .qty-box .input-group button {
  width: calc(29px + 6*(100vw - 320px)/1600);
  height: calc(29px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  background-color: #fff;
  z-index: 0;
  border-radius: 100% !important;
}
 .qty-box .input-group input {
  height: auto;
  background-color: rgba(0,0,0,0);
  border: none;
  padding: 0;
  text-align: center;
  font-size: 14px;
  color: #4a5568;
}
.add-to-cart-box .qty-box .input-group button {
  width: calc(29px + 6*(100vw - 320px)/1600);
  height: calc(29px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  background-color: #fff;
  z-index: 0;
  border-radius: 100% !important;
}
.add-to-cart-box .qty-box .input-group button i {
  font-size: 13px;
  color: #0da487;
  margin-top: 1px;
}
.bg-gray {
  background-color: #f8f8f8 !important;
}
.irs .irs-from {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  padding: 3px 7px;
  background-color: #0da487;
  border-radius: 3px;
  font-weight: 600;
}
.product-section .right-box-contain .note-box .cart-button {
  animation: shake 150ms 2 linear;
}
.product-section .right-box-contain .progress-sec {
  border-bottom: 1px solid #ececec;
  padding-bottom: 16px;
}
.product-section .right-box-contain .progress-sec .left-progressbar {
  margin-top: 18px;
}
.product-section .right-box-contain .progress-sec .left-progressbar h6 {
  margin-bottom: 10px;
}

/* pagination */

.custom-pagination {
  margin-top: calc(22px + 13*(100vw - 320px)/1600);
}
.custom-pagination .pagination {
  flex-wrap: wrap;
  gap: calc(6px + 7*(100vw - 320px)/1600);
}
.custom-pagination .pagination .page-item {
  border-radius: 5px;
  overflow: hidden;
  font-size: 14px;
  display: inline-block;
}
.custom-pagination .pagination .page-item .page-link {
  color: #4a5568;
  border: 1px solid rgba(0,0,0,0);
}
.custom-pagination .pagination .page-item .page-link:hover {
  border-radius: 5px;
  border: 1px solid #0da487;
  background-color: unset;
}
.custom-pagination .pagination .page-item.active .page-link {
  background-color: #0da487;
  border-color: #0da487;
  color: #fff;
}
.disabled > .page-link, .page-link.disabled {
  background: none !important;
}
.custom-pagination .pagination .page-item:not(:first-child) .page-link {
  margin: 0;
}
 /* product section  */

 .product-section .right-box-contain {
  position: sticky;
  top: 10px;
  left: 0;
}
.product-section .product-left-box {
  position: sticky;
  top: 0;
}
.left-slider .slick-list .slick-track .slick-slide.slick-current img {
  transition: all .3s ease-in-out;
  filter: grayscale(0) blur(0);
  opacity: 1;
  box-shadow: 0 0 8px rgba(34,34,34,.16);
}
.left-slider .slick-list .slick-track .slick-slide img {
  filter: grayscale(20%) blur(1px);
  opacity: .8;
}
.product-section .right-box-contain .offer-top {
  font-weight: 500;
  padding: calc(8px + 2*(100vw - 320px)/1600) calc(12px + 4*(100vw - 320px)/1600);
  background-color: rgba(255,79,79,.1);
  border-radius: 5px;
  color: #ff4f4f;
  display: inline-block;
  margin-bottom: 20px;
}
.product-section .right-box-contain .name {
  font-weight: 700;
  margin-bottom: calc(10px + 5*(100vw - 320px)/1600);
  line-height: 1.5;
}
.product-section .right-box-contain .price-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-section .right-box-contain .price-rating .price {
  font-weight: 600;
  font-size: calc(19px + 3*(100vw - 320px)/1600);
  color: #0da487;
}
.product-section .right-box-contain .price-rating .price del {
  font-weight: 400;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  margin: 0 calc(0px + 2*(100vw - 320px)/1600);
  color: #4a5568;
}
.product-section .right-box-contain .price-rating .price span {
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 500;
  color: #0da487;
  display: block;
}
.product-rating {
  display: flex;
  align-items: center;
}
.rating li + li {
  margin-left: 2px;
}
.product-section .right-box-contain .price-rating .custom-rate .review {
  font-size: 13px;
  margin-left: 12px;
  color: #4a5568;
}
.product-section .right-box-contain .product-contain {
  border-bottom: 1px solid #ececec;
  padding-bottom: 16px;
}
.product-section .right-box-contain .product-contain p {
  color: #4a5568;
  line-height: 1.7;
  margin: calc(14px + 2*(100vw - 320px)/1600) 0 0;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  width: 80%;
}
.product-title {
  margin-top: 20px;
}
.product-section .right-box-contain .product-package .select-package {
  display: flex;
  flex-wrap: wrap;
  gap: calc(5px + 8*(100vw - 320px)/1600);
}
.product-section .right-box-contain .product-package .select-package li {
  transition: all .3s ease-in-out;
  min-height: unset;
  margin: 0;
  padding: 0;
  position: relative;
}
.product-section .right-box-contain .product-package .select-package li a {
  padding: 6px 11px;
  border: 1px solid #ececec;
  border-radius: 4px;
  display: block;
  color: #4a5568;
  font-size: 14px;
  transition: all .3s ease-in-out;
}
.product-section .right-box-contain .product-package .select-package li a.active {
  border: 1px solid #0da487;
  background: linear-gradient(90.56deg, #0e947a 8.46%, #0da487 62.97%);
  color: #fff;
}
.deal-timer.product-deal-timer {
  width: 290px;
  margin-top: 24px;
  margin-bottom: 11px;
}
.deal-timer.product-deal-timer ul {
  padding: calc(8px + 6*(100vw - 320px)/1600);
  background-color: #f8f8f8;
  border-radius: 8px;
  border: none;
}
.deal-timer ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border: 1px dashed #0da487;
  text-align: center;
}
.deal-timer.product-deal-timer ul li .counter {
  text-align: center;
}
.deal-timer.product-deal-timer ul li .counter > div {
  font-size: calc(18px + 2*(100vw - 320px)/1600);
}
.product-section .right-box-contain .note-box {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(7px + 8*(100vw - 320px)/1600);
  align-items: center;
  margin-top: 20px;
}
.product-section .right-box-contain .note-box .product-qty {
  width: auto;
  margin-top: 0;
}
.product-section .right-box-contain .note-box .product-qty .input-group {
  background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
}
.product-section .right-box-contain .progress-sec .left-progressbar .progress {
  height: 10px;
}
.product-section .right-box-contain .buy-box {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  align-items: center;
  margin-top: 20px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 16px;
}
.product-section .right-box-contain .buy-box a {
  display: flex;
  flex-wrap: wrap;
  gap: calc(5px + 3*(100vw - 320px)/1600);
  align-items: center;
  color: #777;
}
.product-section .right-box-contain .pickup-box {
  padding-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.product-section .right-box-contain .pickup-box .pickup-detail h4 {
  width: 90%;
  font-weight: 400;
  margin-bottom: 5px;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  line-height: 1.6;
  color: #4a5568;
}
.product-section .right-box-contain .pickup-box .product-info {
  margin-top: 20px;
}
.product-section .right-box-contain .pickup-box .product-info .product-info-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8px + 9*(100vw - 320px)/1600);
  align-items: flex-start;
  text-align: left;
  display: inline-block;
  column-count: 2;
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 12px;
  width: 80%;
}
.product-section .right-box-contain .pickup-box .product-info .product-info-list li {
  padding-left: 13px;
  width: 100%;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  position: relative;
  color: #777;
}
.product-section .right-box-contain .pickup-box .product-info .product-info-list li a {
  margin-left: 5px;
  color: #222;
  font-weight: 500;
}
.product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  left: 0;
  background-color: #4a5568;
  border-radius: 100%;
}
.product-section .right-box-contain .payment-option ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(3px + 5*(100vw - 320px)/1600);
}
.slick-top .slick-list .slick-track > div {
  margin: 3px 0;
}
.deal-timer ul li + li::before {
  content: ":";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}
.deal-timer.product-deal-timer ul li + li::before {
  left: -25px;
}
.deal-timer.product-deal-timer ul li {
  position: relative;
}
.product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
  display: flex;
}
.product-title h4 {
  font-weight: 600;
  margin-bottom: calc(10px + 2*(100vw - 320px)/1600);
  letter-spacing: .4px;
  font-size: calc(15px + 1*(100vw - 320px)/1600);
}
.product-section-box {
  margin-top: calc(12px + 36*(100vw - 320px)/1600);
}
.product-section-box .custom-nav {
  flex-wrap: nowrap;
  border: none;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.product-section-box .custom-nav .nav-item .nav-link {
  color: #222;
  padding: calc(12px + 3*(100vw - 320px)/1600) calc(17px + 13*(100vw - 320px)/1600);
  font-size: calc(16px + 4*(100vw - 320px)/1600);
  letter-spacing: .6px;
  border: none;
  font-weight: 600;
  background-color: #f8f8f8;
  position: relative;
  border-radius: 0;
}
.product-section-box .custom-nav .nav-item .nav-link:focus, 
.product-section-box .custom-nav .nav-item .nav-link:hover, 
.product-section-box .custom-nav .nav-item .nav-link.active {
  background-color: #fff;
}
.product-section-box .custom-nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0);
  transition: all .3s ease-in-out;
}
.product-section-box .custom-nav .nav-item .nav-link:focus::after, 
.product-section-box .custom-nav .nav-item .nav-link:hover::after, 
.product-section-box .custom-nav .nav-item .nav-link.active::after {
  width: 100%;
  background: #1aa488;
}
.product-section-box .custom-tab {
  padding-top: calc(20px + 10*(100vw - 320px)/1600);
}
.product-section-box .custom-tab .nav-desh {
  margin-bottom: calc(22px + 8*(100vw - 320px)/1600);
}
.product-section-box .custom-tab .nav-desh .desh-title {
  margin-bottom: 8px;
}
.product-section-box .custom-tab .nav-desh .desh-title h5 {
  font-weight: 700;
}
.product-section-box .product-description p {
  margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
  color: #4a5568;
  line-height: 1.7;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
}
.product-section-box .product-description p:last-child {
  margin-bottom: 0;
}
.product-description .banner-contain .banner-details.banner-b-space {
  padding: calc(27px + 18*(100vw - 320px)/1600) calc(20px + 120*(100vw - 320px)/1600);
}
.product-description .banner-contain .banner-details.banner-b-space h6 {
  letter-spacing: 12px;
  margin-right: -12px;
  margin-bottom: 1rem !important;
  color: #0da487;
}
.product-description .banner-contain .banner-details.banner-b-space p { 
  margin-top: .25rem !important;
}
.product-section .right-sidebar-box {
  position: sticky;
  top: 10px;
}
.vendor-box {
  padding: calc(12px + 21*(100vw - 320px)/1600);
  background-color: #f8f8f8;
  margin-bottom: 25px;
}
.vendor-box .vendor-contain {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 7px calc(16px + 10*(100vw - 320px)/1600);
  background-color: #fff;
  align-items: center;
}
.vendor-box .vendor-contain .vendor-image {
  width: 64px;
  height: auto;
}
.vendor-box .vendor-contain .vendor-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vendor-box .vendor-detail {
  margin: calc(13px + 15*(100vw - 320px)/1600) 0 0;
  line-height: 1.7;
  color: #4a5568;
  padding-bottom: calc(10px + 8*(100vw - 320px)/1600);
  border-bottom: 1px solid #ececec;
}
.vendor-box .vendor-list {
  margin-top: calc(13px + 11*(100vw - 320px)/1600);
}
.vendor-box .vendor-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(9px + 9*(100vw - 320px)/1600);
  align-items: center;
}
.vendor-box .vendor-list ul li .address-contact {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.vendor-box .vendor-list ul li .address-contact svg {
  width: 20px;
  height: 20px;
  color: #0da487;
  font-size: 20px;
}
.vendor-box .vendor-list ul li .address-contact h5 {
  font-weight: 600;
}
.vendor-box .vendor-list ul li .address-contact h5 span {
  font-weight: 400;
  margin-left: 7px;
  color: #4a5568;
}
.product-section .right-sidebar-box .product-right-sidebar li + li {
  margin-top: 0;
}
.product-section .right-sidebar-box .product-right-sidebar li + li::after {
  top: -14px;
  width: calc(100% - 103px);
}
.product-section-box .info-table {
  border: 1px solid #ececec;
  margin-bottom: 0;
}
.product-section-box .info-table tbody tr th, 
.product-section-box .info-table tbody tr td {
  padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  white-space: nowrap;
}
.product-section-box .info-table tbody tr td {
  border-left: 1px solid #ececec;
}
.product-section-box .information-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.product-section-box .information-box ul li {
  color: #4a5568;
  width: 100%;
  display: list-item;
  list-style-type: circle;
  margin-left: 35px;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
}
.product-section-box .review-box .product-rating-box .product-main-rating {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
  gap: 14px;
}
.product-section-box .review-box .product-rating-box .product-main-rating h2 {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: calc(28px + 9*(100vw - 320px)/1600);
}
.product-section-box .review-box .product-rating-box .product-main-rating h2 svg {
  font-size: 19px;
  color: #ffb321;
}
.product-section-box .review-box .product-rating-box .product-main-rating h5 {
  line-height: 1.4;
  font-weight: 400;
  color: #4a5568;
  font-size: 17px;
}
.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 svg {
  font-size: 14px;
}
.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product {
  display: flex;
  gap: 12px;
  align-items: center;
}
.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 18px;
  width: 40px;
  font-weight: 600;
}
.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .progress {
  width: calc(100% - 12px - 28px - 15px);
  height: 9px;
  border-radius: 100px;
}
.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .progress .progress-bar {
  background-color: #0da487;
  border-radius: 100px;
}
.product-section-box .review-box .product-rating-box .product-rating-list li:nth-child(4) .rating-product .progress .progress-bar {
  background-color: #ffa53b;
}
.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .total {
  white-space: nowrap;
  width: auto;
  color: rgba(74,85,104,.878);
  font-size: 16px;
  font-weight: 400;
  width: 15px;
  display: block;
}
.product-section-box .review-box .product-rating-box .product-rating-list li:last-child .rating-product .progress .progress-bar {
  background-color: #ff4f4f;
}
.review-title-2 {
  border-top: 1px solid #ececec;
  padding-top: calc(13px + 12*(100vw - 320px)/1600);
  margin-top: calc(13px + 12*(100vw - 320px)/1600);
}
.review-title-2 h4 {
  font-size: calc(16px + 2*(100vw - 320px)/1600);
  color: #222;
  font-weight: 400;
}
.review-title-2 p {
  margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
  margin-top: 3px;
  font-size: 15px;
  line-height: 1.6;
  color: #4a5568;
}
.review-title-2 button {
  width: 100%;
  padding: 10px 14px;
  background-color: #f8f8f8 !important;
  color: #4a5568 !important;
  border: 1px solid #eee !important;
  font-size: 16px;
}
.product-section-box .review-box .review-people {
  border-left: 1px solid #ececec;
  padding-left: 23px;
  max-height: 421px;
  height: 100%;
  overflow: auto;
}
.product-section-box .review-box .review-people .review-list {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
}
.product-section-box .review-box .review-people .review-list li {
  display: block;
  width: 100%;
}
.product-section-box .review-box .review-people .review-list li .people-box {
  display: flex;
  gap: 15px;
  width: 100%;
  border-radius: 10px;
  padding: calc(16px + 4*(100vw - 320px)/1600) calc(16px + 10*(100vw - 320px)/1600);
  background: #f8f8f8;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment {
  width: calc(100% - 70px - 15px);
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment .name {
  white-space: nowrap;
  display: block;
  font-weight: 600;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment .date-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time {
  width: 100%;
  margin-top: 4px;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time h6 {
  font-size: 13px;
  color: #777;
  margin-block: 4px 6px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .product-rating {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-section-box .review-box .review-people .review-list li .people-box .reply {
  margin-top: 6px;
  line-height: 1.6;
  color: #4a5568;
  position: relative;
}
.product-section-box .review-box .review-people .review-list li .people-box .reply p {
  margin: 0;
  line-height: 1.6;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-image {
  width: 70px;
  height: 70px;
  margin: 0 auto 8px;
}
.product-section-box .review-box .review-people .review-list li .people-box .people-image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}
.product-section-box .review-box .product-rating-box .product-rating-list {
  display: grid;
  gap: calc(7px + 5*(100vw - 320px)/1600);
}
.right-sidebar-product-banner {
  position: relative;
  margin-top: 25px;
}
.right-sidebar-product-banner::before {
  content: "";
  padding-top: 156%;
  display: block;
}
.right-sidebar-product-banner.home-contain .home-detail {
  width: 100%;
  align-items: start;
  padding: 50px calc(15px + 15*(100vw - 320px)/1600) !important;
}
.right-sidebar-product-banner.home-contain .home-detail h6 {
  color: #ffb321;
}
.right-sidebar-product-banner.home-contain .home-detail h3 {
  text-transform: uppercase;
}
.right-sidebar-product-banner.home-contain .home-detail h3 span {
  font-weight: bold;
  color: #0da487;
}
.right-sidebar-product-banner.home-contain .home-detail h3.fw-light {
  font-weight: 300;
  text-transform: none;
}
.right-sidebar-product-banner.home-contain .home-detail .home-button {
  padding: calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 500;
}
.product-list-section {
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  position: relative;
}
/* bottom cart */

.stickyCart .sticky-bottom-cart {
  bottom:0;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.sticky-bottom-cart {
  position:fixed;
  bottom:-160px;
  width:100%;
  z-index:9;
  background-color:#fff;
  padding:calc(11px + -5*(100vw - 320px)/1600) 0;
  box-shadow:0 0 3px 1px rgba(34,34,34,.06);
  transition:all .3s ease
}
.sticky-bottom-cart .cart-content {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.sticky-bottom-cart .product-image {
  display:flex;
  align-items:center
}
.sticky-bottom-cart .product-image img {
  width:60px;
  height:70px;
  object-fit:cover;
  object-position:top
}
.sticky-bottom-cart .product-image .content {
  margin-left:12px;
  color:#222;
  margin-top:0
}
.sticky-bottom-cart .product-image .content h5,
.sticky-bottom-cart .product-image .content h6 {
  margin-bottom:0
}
.sticky-bottom-cart .product-image .content h5 {
  font-size:16px;
  font-weight:500;
  text-transform:capitalize
}
.sticky-bottom-cart .product-image .content h6 {
  font-size:15px;
  margin-top:6px
}
.sticky-bottom-cart .product-image .content h6 del {
  margin-left:7px;
  color:#4a5568
}
.sticky-bottom-cart .product-image .content h6 span {
  color:#0da487;
  margin-left:5px
}
.sticky-bottom-cart .selection-section {
  display:flex;
  align-items:center;
  margin:0 25px 0 auto
}
.sticky-bottom-cart .selection-section .form-control {
  background-color:#f8f8f8;
  border:1px solid #f8f8f8;
  text-transform:capitalize;
  color:#222
}
.sticky-bottom-cart .selection-section .form-control:focus {
  box-shadow:none
}
.sticky-bottom-cart .selection-section .product-qty {
  height:51px
}
.sticky-bottom-cart .selection-section .product-qty .input-group button {
  height:100%
}
.sticky-bottom-cart .selection-section .form-group {
  width:300px;
  margin-left:10px;
  margin-right:10px
}
.sticky-bottom-cart .add-btn a {
  padding:12px 40px
}
.sticky-bottom-cart .add-btn a.wishlist-btn {
  display:none;
  background-color:#f8f8f8;
  color:#222
}
.sticky-bottom-cart .add-btn a.wishlist-btn:hover {
  background-color:#0da487;
  border-color:#0da487;
  color:#fff
}
.sticky-bottom-cart .add-btn a i {
  margin-right:7px
}
.stickyCart {
  padding-bottom:94px
}
.stickyCart .theme-option-2 {
  bottom:calc(74px + 16*(100vw - 320px)/1600)
}

/* about-section */

.about-section {
  position: relative;
  padding: calc(30px + 40*(100vw - 320px)/1600) 0;
}
.about-section .fresh-image-2 {
  border-radius: 0 calc(12px + 38*(100vw - 320px)/1600);
  overflow: hidden;
  transition: all .3s ease-in-out;
}
.about-section .fresh-image-2 > div,
.about-section .fresh-image > div {
  transition: all .3s ease-in-out;
  overflow: hidden;
  padding-top: 148%;
}
.about-section .fresh-image {
  margin-top: 30px;
  border-radius: calc(12px + 38*(100vw - 320px)/1600) 0;
  overflow: hidden;
  transition: all .3s ease-in-out;
}
.about-section .fresh-image:hover > div,
.about-section .fresh-image-2:hover > div {
  transform: scale(1.05);
} 
.review-title h4 {
  font-size: calc(16px + 2*(100vw - 320px)/1600);
  margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
  color: #222;
  font-weight: 400;
}
.review-title h2 {
  font-size: calc(26px + 14*(100vw - 320px)/1600);
  margin-bottom: calc(12px + 18*(100vw - 320px)/1600);
  width: 80%;
  line-height: 1.3;
  position: relative;
}
.about-section .fresh-contain p {
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  line-height: 1.7;
  color: #4a5568;
  margin-bottom: calc(11px + 9*(100vw - 320px)/1600);
  letter-spacing: 0;
  font-weight: 300;
}
.about-section .delivery-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(11px + 9*(100vw - 320px)/1600);
}
.about-section .delivery-list ul li {
  width: 100%;
}
.about-section .delivery-box li .delivery-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 0;
}
.about-section .delivery-box li .delivery-box .delivery-icon img {
  width: 30px;
  height: auto;
}
.client-section {
  background-color: #f8f8f8;
  padding: calc(30px + 40*(100vw - 320px)/1600) 0;
  position: relative;
}
.about-us-title {
  text-align: center;
}
.about-us-title h4 {
  font-size: calc(16px + 5*(100vw - 320px)/1600);
  margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
  color: #0da487;
  font-family: "Pacifico",cursive;
}
.about-us-title h2 {
  font-size: calc(23px + 9*(100vw - 320px)/1600);
  margin-bottom: calc(28px + 13*(100vw - 320px)/1600);
  line-height: 1.3;
  position: relative;
}
.about-us-title h2::before {
  content: "";
  position: absolute;
  width: calc(106px + 69*(100vw - 320px)/1600);
  height: 3px;
  bottom: calc(-7px + -1*(100vw - 320px)/1600);
  left: 50%;
  background: #ffa53b;
  transform: translateX(-50%);
}
.client-section .clint-contain {
  background: #fff;
  padding: calc(27px + 23*(100vw - 320px)/1600);
  border-radius: calc(18px + 12*(100vw - 320px)/1600);
  position: relative;
}
.client-section .clint-contain .client-icon {
  width: calc(60px + 20*(100vw - 320px)/1600);
  height: calc(60px + 20*(100vw - 320px)/1600);
  margin-bottom: 14px;
  margin-top: -11px;
}
.client-section .clint-contain .client-icon img {
  width: 74%;
  height: 100%;
  object-fit: contain;
}
.client-section .clint-contain h2 {
  position: absolute;
  top: calc(14px + 10*(100vw - 320px)/1600);
  right: calc(24px + 10*(100vw - 320px)/1600);
  color: #4a5568;
  opacity: .05;
  font-size: calc(52px + 18*(100vw - 320px)/1600);
  font-weight: 800;
  transition: all .3s ease-in-out;
}
.client-section .clint-contain h4 {
  font-size: calc(22px + 2*(100vw - 320px)/1600);
  margin-bottom: 7px;
  font-weight: 600;
  position: relative;
  transition: all .3s ease-in-out;
}
.client-section .clint-contain p {
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  color: #4a5568;
  margin: 0 auto;
  line-height: 1.7;
  margin-bottom: -5px;
  transition: all .3s ease-in-out;
  letter-spacing: 0;
}
.client-section .clint-contain:hover h2 {
  opacity: .09;
  margin-right: 9px;
}
.team-section {
  padding: calc(30px + 40*(100vw - 320px)/1600) 0;
}
.team-section .team-box .team-image {
  width: 50%;
  height: auto;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.team-section .team-box .team-image img {
  transition: all .3s ease-in-out;
  filter: grayscale(1);
}
.team-section .team-box:hover .team-image img {
  transform: scale(1.1);
  filter: grayscale(0);
}
.team-section .team-box .team-name {
  text-align: center;
  margin-top: 20px;
}
.team-section .team-box .team-name h3 {
  font-size: calc(18px + 2*(100vw - 320px)/1600);
  letter-spacing: .7px;
  font-weight: 700;
}
.team-section .team-box .team-name h5 {
  margin-top: 6px;
  letter-spacing: .5px;
  color:#4a5568;
}
.team-section .team-box .team-name p {
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  line-height: 1.6;
  color: #4a5568;
  margin: 9px auto 14px;
  width: 80%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  letter-spacing: 0;
}
.team-section .team-box .team-name .team-media {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  position: relative;
  margin-top: 15px;
  justify-content: center;
  transition: all .3s ease-in-out;
}
.team-section .team-box .team-name .team-media li a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  font-size:16px;
  color:#fff;
  border-radius:5px;
  background-color:#ededed
}
.team-section .team-box .team-name .team-media li a.fb-bg {
  color:#4267b2;
  transition:all .3s ease-in-out
}
.team-section .team-box .team-name .team-media li a.fb-bg:hover {
  background-color:#4267b2;
  color:#fff
}
.team-section .team-box .team-name .team-media li a.twitter-bg {
  color:#00acee;
  transition:all .3s ease-in-out
}
.team-section .team-box .team-name .team-media li a.twitter-bg:hover {
  background-color:#00acee;
  color:#fff
}
.team-section .team-box .team-name .team-media li a.pint-bg {
  color:#c8232c;
  transition:all .3s ease-in-out
}
.team-section .team-box .team-name .team-media li a.pint-bg:hover {
  background-color:#c8232c;
  color:#fff
}
.team-section .team-box .team-name .team-media li a.insta-bg {
  color:#f56040;
  transition:all .3s ease-in-out
}
.team-section .team-box .team-name .team-media li a.insta-bg:hover {
  background-color:#f56040;
  color:#fff
}
.review-section {
  background-color: #f8f8f8;
  padding: calc(30px + 40*(100vw - 320px)/1600) 0;
}
.review-section .reviewer-box {
  background-color: #fff;
  padding: calc(18px + 16*(100vw - 320px)/1600);
  border-radius: 10px;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.review-section .reviewer-box svg.fa-quote-right {
  position: absolute;
  font-size: 106px;
  opacity: .05;
  z-index: -1;
  transform: rotate(15deg);
  bottom: -30px;
  right: -8px;
  transition: all .3s ease-in-out;
}
.review-section .reviewer-box:hover svg.fa-quote-right {
  color: #0da487;
  font-size: 143px;
  opacity: .18;
  transform: rotate(7deg);
  bottom: -29px;
  right: -7px;
}
.review-section .reviewer-box h3 {
  font-weight: 400;
  margin: 10px 0 13px;
  font-size: 20px;
  line-height: 1.5;
}
.review-section .reviewer-box p {
  color: #4a5568;
  line-height: 1.7;
  margin-bottom: 23px;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  letter-spacing: 0;
}
.review-section .reviewer-box .reviewer-profile {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12px + 7*(100vw - 320px)/1600);
  align-items: center;
}
.review-section .reviewer-box .reviewer-profile .reviewer-image {
  width: calc(65px + 10*(100vw - 320px)/1600);
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
.review-section .reviewer-box .reviewer-profile .reviewer-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.review-section .reviewer-box .reviewer-profile .reviewer-name h4 {
  font-weight: 700;
  font-size: calc(16px + 2*(100vw - 320px)/1600);
  color:#0da487;
}
.review-section .reviewer-box .reviewer-profile .reviewer-name h6 {
  color: #4a5568;
  margin-top: 6px;
}
.blog-section,
.cart-section {
  padding: calc(30px + 40*(100vw - 320px)/1600) 0;
}
.blog-box .blog-box-image {
  overflow: hidden;
  border-radius: 5px;
}
.blog-box .blog-box-image a {
  transition: all .3s ease-in-out;
  padding-top: 87%;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.blog-box:hover .blog-box-image a {
  transform: scale(1.12) rotate(3deg);
  overflow: hidden;
}
.blog-box .blog-detail {
  margin-top: 15px;
  display: block;
}
.blog-box .blog-detail h6 {
  color: #4a5568;
  margin-bottom: 3px;
  font-weight: 600;
}
.blog-box .blog-detail h5 {
  color: #222;
  line-height: 1.5;
  font-weight: 600;
  font-size: calc(15px + 3*(100vw - 320px)/1600);
  transition: all .3s ease-in-out;
}
.blog-box:hover .blog-detail h5 {
  color: #0da487;
}

/* cart */

.cart-table {
  background-color: #f8f8f8;
  padding: calc(18px + 17*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600);
}
.cart-table table {
  margin-bottom: 0;
}
.cart-table table tbody tr td {
  padding: calc(16px + 6*(100vw - 320px)/1600) 16px;
  min-width: calc(135px + 35*(100vw - 320px)/1600);
  background: none;
}
.cart-table table tbody tr:first-child td {
  padding-top: 0;
}
.cart-table table tbody tr:last-child td {
  border: none;
  padding-bottom: 0;
}
.cart-table table tbody tr td.product-detail .product {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.cart-table table tbody tr td.product-detail .product .product-image {
  width: 70px;
}
.cart-table table tbody tr td.product-detail .product .product-image img {
  transition: all .3s ease-in-out;
  height: auto;
  width: auto;
}
.cart-table table tbody tr td.product-detail:hover .product .product-image img {
  transform: scale(1.1);
}
.cart-table table tbody tr td.product-detail .product .product-detail {
  margin-left: calc(16px + 9*(100vw - 320px)/1600);
  margin-top: 0;
}
.cart-table table tbody tr td.product-detail .product .product-detail ul li {
  display: block;
  white-space: nowrap;
  margin-bottom: 8px;
  font-size: 14px;
}
.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a {
  font-weight: 500;
  font-size: 16px;
  color: #222;
}
.cart-table table tbody tr td.product-detail .product .product-detail ul li + li {
  margin-bottom: calc(0px + 2*(100vw - 320px)/1600);
}
.cart-table table tbody tr td.product-detail .product .product-detail ul li span {
  font-weight: 500;
  color: #4a5568;
}
.cart-table table tbody tr td .table-title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #4a5568;
}
.cart-table table tbody tr td.price h5 {
  font-weight: 500;
  font-size: calc(15px + 1*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
}
.cart-table table tbody tr td.price h6 {
  margin-top: 5px;
  white-space: nowrap;
  font-size: calc(15px + 1*(100vw - 320px)/1600);
  font-weight: 500;
  color: #0da487;
}
.cart-table table tbody tr td.quantity {
  width: 20%;
}
.cart-table table tbody tr td .quantity-price {
  width: 80%;
}
.cart-table table tbody tr td .quantity-price .cart_qty button {
  width: calc(29px + 6*(100vw - 320px)/1600);
  height: calc(29px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #e3e0e0;
  border-radius: 100% !important;
  padding: 0;
}
.cart-table table tbody tr td .quantity-price .cart_qty input {
  padding: 0;
  border: none;
  text-align: center;
  background-color: rgba(0,0,0,0);
}
.cart-table table tbody tr td.subtotal h5 {
  font-size: calc(16px + 2*(100vw - 320px)/1600);
  font-weight: 500;
  display: inline-block;
}
.cart-table table tbody tr td.save-remove .save {
  font-weight: 400;
  white-space: nowrap;
  font-size: 16px;
  display: block;
  text-decoration: underline;
  color: #0da487;
}
.cart-table table tbody tr td.save-remove .remove {
  font-weight: 400;
  font-size: 15px;
  color: #bf2020;
  text-decoration: underline;
}
.summery-box {
  border-radius: 5px;
  background-color: #f8f8f8;
}
.summery-box .summery-header {
  padding: calc(12px + 4*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ececec;
}
.summery-box .summery-contain {
  padding: calc(11px + 5*(100vw - 320px)/1600) calc(11px + 11*(100vw - 320px)/1600);
  border-bottom: 1px solid #ececec;
}
.summery-box .summery-contain h6 {
  color: #4a5568;
}
.summery-box .summery-contain .coupon-cart .coupon-box {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.summery-box .summery-contain .coupon-cart .coupon-box .form-control {
  border: 2px solid #0da487;
  padding: 10px;
}
.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply {
  background: #0da487;
  color: #fff;
  padding: 0 calc(16px + 14*(100vw - 320px)/1600);
  font-weight: 700;
  border: none;
}
.summery-box .summery-contain ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.summery-box .summery-contain ul li h4 {
  font-size: 15px;
  color: #4a5568;
}
.summery-box .summery-contain ul li h4.price {
  color: #4a5568;
  margin-left: auto;
}
.summery-box .summery-total {
  padding: 0 calc(16px + 6*(100vw - 320px)/1600);
}
.summery-box .summery-total li {
  padding-top: 12px;
  display: flex;
  align-items: center;
}
.summery-box .summery-total li:last-child {
  padding: calc(12px + 4*(100vw - 320px)/1600) 0;
}
.summery-box .summery-total li:last-child h4 {
  font-weight: 600;
  font-size: calc(16px + 4*(100vw - 320px)/1600);
}
.summery-box .summery-total li h4.price {
  margin-left: auto;
  color: #0da487;
}
.button-group.cart-button {
  margin-top: 0;
  padding: 0 calc(16px + 6*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
}
.button-group ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: calc(7px + 9*(100vw - 320px)/1600);
}
.button-group.cart-button ul li {
  width: 100%;
}
.button-group ul li button.proceed-btn,
.place-order-btn {
  width: 100%;
  font: inherit;
  font-weight: 700;
  letter-spacing: .04em;
  padding: calc(8px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  border-radius: 5px;
  transition: all .3s ease;
  position: relative;
  background: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
  border: none;
  z-index: 0;
}
.button-group ul li button.proceed-btn::after,
.place-order-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background: #ff4f4f;
  background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
  transition: all .3s ease;
}
.button-group ul li button.proceed-btn:hover::after,
.place-order-btn:hover::after {
  top: 0;
  height: 100%;
}
.button-group ul li button.shopping-button {
  font-size: calc(13px + 1*(100vw - 320px)/1600);
  background-color: #ececec;
  color: #000;
  font: inherit;
  font-weight: 700;
  letter-spacing: .04em;
  padding: calc(8px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 5px;
  transition: all .3s ease;
  position: relative;
  width: 100%;
  border: none;
}
.button-group ul li button.shopping-button:hover {
  border-color: #f9fafb;
}
.button-group ul li button.shopping-button svg {
  margin-right: 8px;
}
.cart-table table tbody tr td.product-detail .product .product-detail ul li:nth-child(n+4) {
  display: none;
}

/* notify box */

[data-notify=icon] {
  margin-right:5px
}
[dir=rtl] [data-notify=icon] {
  margin-right:unset;
  margin-left:5px
}
[data-notify=progressbar] {
  width:100%;
  height:5px;
  margin-bottom:0;
  position:absolute;
  bottom:0;
  left:0;
  border-radius:0
}
.progress-bar-info {
  background-color:#0c5460
}

/* contact us */

.contact-box-section,
.map-section {
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  position: relative;
}
.contact-box-section .left-sidebar-box .contact-image {
  text-align: center;
  margin-bottom: calc(25px + 39*(100vw - 320px)/1600);
}
.contact-box-section .left-sidebar-box .contact-image img {
  width: 60%;
  height: auto;
}
.contact-box-section .left-sidebar-box .contact-title {
  margin-bottom: calc(20px + 12*(100vw - 320px)/1600);
}
.contact-box-section .left-sidebar-box .contact-title h3 {
  position: relative;
  display: inline-block;
  font-size: calc(23px + 5*(100vw - 320px)/1600);
  font-weight: 600;
}
.contact-box-section .left-sidebar-box .contact-title h3::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background:#0e947a;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box {
  display: flex;
  flex-wrap: wrap;
  gap: calc(2px + 3*(100vw - 320px)/1600);
  align-items: center;
  background-color: #f8f8f8;
  padding: calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(30px + 11*(100vw - 320px)/1600);
  position: relative;
  border-radius: 10px;
  margin-left: 22px;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-icon {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: -21px;
  background-color:#0da487;
  padding: 13px;
  border-radius: 7px;
  display: inherit;
  color: #fff;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title, 
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain {
  width: 100%;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title h4 {
  font-weight: 600;
  font-size: calc(16px + 2*(100vw - 320px)/1600);
  margin-top: -2px;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain p {
  margin: 0;
  font-size: calc(14px + 1*(100vw - 320px)/1600);
  line-height: 1.5;
  color: #4a5568;
  margin-bottom: -5px;
}
.contact-box-section .right-sidebar-box {
  padding: calc(21px + 39*(100vw - 320px)/1600);
  border-radius: 10px;
  background-color: #f8f8f8;
}
.contact-box-section .right-sidebar-box .custom-form label {
  color: #4a5568;
  display: block;
  font-size: 16px;
  margin-bottom: calc(3px + 5*(100vw - 320px)/1600);
}
.contact-box-section .right-sidebar-box .custom-form .custom-input {
  position: relative;
  font-size: 14px;
}
.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
  padding: calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600);
  border: none;
  background-color: #fff;
  font-size: 14px;
}
.contact-box-section .right-sidebar-box .custom-form .custom-input svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 15px;
  padding: 0 calc(14px + 6*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  font-size: calc(14px + 4*(100vw - 320px)/1600);
  color: #4a5568;
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea svg { 
  position: absolute;
  top: 0;
  left: 0;
  height:auto;
  padding: 18px 20px;
  display: flex;
  font-size: 18px;
  color: #4a5568;
  width: 15px;
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea {
  position: relative;
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
  padding-left: 52px;
  padding-top: 15px;
  border: none;
}
.contact-btn {
  padding: calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  border-radius: 5px;
  transition: all .3s ease;
  position: relative;
  background: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
  border: none;
  z-index: 0;
  margin-left: auto;
}
.contact-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background: #ff4f4f;
  background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
  transition: all .3s ease;
}
.contact-btn:hover::after {
  top: 0;
  height: 100%;
}
.map-section .map-box {
  margin-bottom: -6px;
  display: block;
}
.map-section .map-box iframe {
  width: 100%;
  height: 350px;
}

/* checkout-section */

.checkout-section {
  padding: calc(30px + 20*(100vw - 320px)/1600);;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul {
  display:flex;
  flex-wrap:wrap;
  gap:calc(17px + 28*(100vw - 320px)/1600);
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li {
  position:relative;
  width:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li:last-child .checkout-box::before {
  content:none
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
  position:absolute;
  top:0;
  left:0;
  width:50px;
  height:50px;
  border-radius:50%;
  padding:6px;
  background-color:#f8f8f8
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon .lord-icon {
  width:100%;
  height:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
  padding:calc(14px + 15*(100vw - 320px)/1600);
  background-color:#f8f8f8;
  border-radius:8px;
  box-shadow:0 0 8px #eee;
  margin-left:66px;
  position:relative
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
  content:"";
  position:absolute;
  top:25px;
  left:-42px;
  width:0;
  height:115%;
  border-left:1px dashed rgba(34,34,34,.18);
  z-index:-1
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title {
  margin-bottom:calc(9px + 8*(100vw - 320px)/1600);
  display:flex;
  align-items:center;
  justify-content:space-between
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title h4 {
  font-weight:600;
  font-size:calc(16px + 3*(100vw - 320px)/1600)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box {
  border-radius:8px;
  padding:calc(12px + 12*(100vw - 320px)/1600);
  background-color:#fff;
  height:100%;
  box-shadow:0 0 9px rgba(0,0,0,.07)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div {
  display:flex;
  position:relative
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
  position:absolute;
  top:0;
  right:0;
  background-color:#0da487;
  padding:2px 8px;
  border-radius:4px;
  color:#fff;
  font-size:12px;
  letter-spacing:.8px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input {
  width:calc(15px + 2*(100vw - 320px)/1600);
  height:calc(15px + 2*(100vw - 320px)/1600);
  margin-top:2px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked {
  background-color:#0da487;
  border-color:#0da487;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:focus {
  box-shadow:none
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-left:10px;
  width:calc(85% + -10*(100vw - 320px)/1600);
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail li {
  display:block;
  width:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p,
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 {
  line-height:1.4;
  margin-bottom:0;
  font-weight:400;
  font-size:calc(14px + 2*(100vw - 320px)/1600)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p span,
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 span {
  margin-right:4px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .add-address {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  height:100%;
  text-align:center;
  cursor:pointer;
  background-color:#fff;
  box-shadow:0 0 9px rgba(0,0,0,.07);
  border-radius:8px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option {
  padding:calc(17px + 9*(100vw - 320px)/1600);
  background-color:#fff;
  border-radius:5px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box {
  position:relative
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box i {
  top:50%;
  transform:translateY(-50%);
  position:absolute;
  right:17px;
  font-size:18px;
  color:#4a5568
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
  display:flex;
  align-items:center;
  height:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
  display:flex;
  align-items:center;
  margin-bottom:0;
  min-height:auto
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
  font-size:calc(15px + 4*(100vw - 320px)/1600);
  padding-left:12px;
  font-weight:500
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  font-weight:500;
  border:1px solid #ececec;
  background-color:#fff;
  display:flex;
  align-items:center;
  color:#4a5568;
  width:100%;
  padding:calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  font-weight:500;
  border:none;
  background-color:#fff;
  display:flex;
  align-items:center;
  color:#4a5568;
  width:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time {
  display:flex;
  align-items:center;
  height:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  font-weight:500;
  border:1px solid #ececec;
  background-color:#fff;
  display:flex;
  align-items:center;
  color:#4a5568;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle i {
  -webkit-text-stroke:1px #4a5568;
  color:rgba(0,0,0,0);
  font-size:18px;
  margin-right:10px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after {
  content:none
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::before {
  content:"";
  position:absolute;
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  top:50%;
  transform:translateY(-50%);
  right:20px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu {
  border:1px solid rgba(0,0,0,0);
  box-shadow:0 6px 5px rgba(0,0,0,.1)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active {
  color:#000;
  text-decoration:none;
  background-color:#ececec
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li+li {
  margin-top:5px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box {
  display:none
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box.show {
  display:block
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option {
  padding:calc(17px + 9*(100vw - 320px)/1600);
  background-color:#fff;
  border-radius:5px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
  display:flex;
  align-items:center;
  height:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 {
  letter-spacing:.5px;
  display:flex;
  align-items:center
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
  margin-bottom:5px;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items span {
  text-decoration:underline;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
  font-size:calc(15px + 3*(100vw - 320px)/1600);
  margin-left:7px;
  color:rgba(0,0,0,.25)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-button {
  padding:calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  font-weight:500
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-method .custom-form-check label {
  font-weight:500;
  font-size:17px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-card-box .credit-detail {
  position:relative
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-info label {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  font-weight:500
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option {
  padding:20px;
  -webkit-box-shadow:0 0 5px rgba(0,0,0,.17);
  box-shadow:0 0 5px rgba(0,0,0,.17);
  border-radius:8px;
  position:relative
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check .form-check-input {
  margin-top:4px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check label {
  font-weight:500;
  font-size:18px;
  padding-left:10px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option img {
  top:50%;
  transform:translateY(-50%);
  position:absolute;
  right:20px;
  width:60px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion {
  display:flex;
  flex-wrap:wrap;
  gap:calc(10px + 20*(100vw - 320px)/1600);
  align-items:center;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item {
  border:none;
  border-radius:6px;
  overflow:hidden;
  display:block;
  width:100%;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button {
  color:#4a5568;
  position:relative;
  padding:0;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after {
  content:none
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
  content:"";
  position:absolute;
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  top:50%;
  transform:translateY(-50%);
  right:30px;
  transition:transform .2s ease-in-out;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color:#222;
  background-color:rgba(0,0,0,0);
  box-shadow:none
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
  top:20%;
  transform:rotate(-180deg) translateY(-50%)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
  display:flex;
  align-items:center;
  width:100%
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
  font-weight:500;
  color:#222;
  display:flex;
  align-items:center;
  width:100%;
  font-size:calc(15px + 3*(100vw - 320px)/1600);
  padding:16px 20px
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
  margin-right:calc(6px + 4*(100vw - 320px)/1600)
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body {
  padding-top:0
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review {
  margin:0;
  line-height:1.5;
  color:#4a5568;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
  color:#0da487;
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
  margin-bottom:calc(5px + 3*(100vw - 320px)/1600);
  display:flex;
  align-items:center
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
  display:flex;
  align-items:center;
  font-size:calc(14px + 3*(100vw - 320px)/1600);
}
.checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
  margin-right:10px
}
.checkout-section .right-side-summery-box {
  position:sticky;
  top:110px;
}
.checkout-section .right-side-summery-box .summery-box-2 {
  border-radius:7px;
  background-color:#f8f8f8;
  padding:calc(14px + 15*(100vw - 320px)/1600);
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-header {
  padding-bottom:calc(12px + 4*(100vw - 320px)/1600);
  border-bottom:1px solid #ececec;
  margin-bottom:10px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-header h3 {
  font-weight:600;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-header a {
  font-weight:500;
  margin-left:auto;
  font-size:calc(14px + 2*(100vw - 320px)/1600)
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-header a:hover {
  color:#0da487;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain {
  border-bottom:1px solid #ececec
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
  background-color:#4a5568
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
  width:3px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
  background-color:#0da487;
  border-radius:4px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
  width:calc(41px + 11*(100vw - 320px)/1600);
  height:calc(41px + 11*(100vw - 320px)/1600);
  object-fit:contain;
  margin-right:10px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box {
  position:relative;
  overflow:hidden;
  border-radius:4px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .btn-apply {
  background:#0da487;
  color:#fff;
  padding:0 calc(16px + 14*(100vw - 320px)/1600);
  font-weight:700;
  border:none
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .form-control {
  border:2px solid #0da487;
  padding:10px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain ul li {
  padding:10px 0;
  display:flex;
  align-items:center
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain ul li:last-child {
  border-bottom:none;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain ul li h4 {
  font-size:15px;
  color:#4a5568
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
  color:#4a5568;
  margin-left:auto;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price .shpping-contain {
  display:block;
  font-weight:400;
  font-size:13px;
  margin-top:3px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain ul li h4 span {
  font-weight:600
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain {
  border-bottom:1px solid #ececec;
  padding-bottom:10px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
  background-color:rgba(0,0,0,0);
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
  width:3px;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
  background-color:#0da487;
  border-radius:4px;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li {
  padding:calc(6px + 2*(100vw - 320px)/1600) 0;
  display:flex;
  align-items:center;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li:last-child {
  border-bottom:none
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li p {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  line-height:1.6;
  margin:0;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li h4 {
  font-size:15px;
  color:#4a5568;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
  color:#4a5568;
  margin-left:auto;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li h4.price .shpping-contain {
  display:block;
  font-weight:400;
  font-size:13px;
  margin-top:3px
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-contain li h4 span {
  font-weight:600;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total {
  margin-top:0px;
  padding-top:5px;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li {
  padding-top:8px;
  display:flex;
  align-items:center;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li h4 {
  font-size:17px;
  color:#222
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li h4.price {
  margin-left:auto;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li h4 span {
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  font-weight:600;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) {
  padding:calc(12px + 4*(100vw - 320px)/1600) 0;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) h4 {
  font-weight:600;
  color:#0da487;
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li:last-child {
  border-top:1px solid #ececec;
  padding-top:calc(12px + 4*(100vw - 320px)/1600);
}
.checkout-section .right-side-summery-box .summery-box-2 .summery-total li:last-child h4 {
  font-weight:600;
  font-size:calc(16px + 4*(100vw - 320px)/1600)
}
.checkout-section .right-side-summery-box .checkout-offer {
  margin-top:24px;
  border-radius:7px;
  background-color:#f8f8f8;
  padding:calc(14px + 15*(100vw - 320px)/1600)
}
.checkout-section .right-side-summery-box .checkout-offer .offer-title {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:calc(9px + 3*(100vw - 320px)/1600);
  margin-bottom:calc(13px + 7*(100vw - 320px)/1600);
}
.checkout-section .right-side-summery-box .checkout-offer .offer-title .offer-icon {
  width:20px
}
.checkout-section .right-side-summery-box .checkout-offer .offer-title .offer-name h6 {
  font-weight:600;
  font-size:calc(15px + 1*(100vw - 320px)/1600);
  line-height:1;
  margin-bottom:-2px
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail {
  display:flex;
  flex-wrap:wrap;
  gap:calc(11px + 5*(100vw - 320px)/1600);
  height:100%;
  overflow:hidden auto;
  max-height:104px
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-track {
  border-radius:10px;
  background-color:rgba(85,85,85,.14)
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar {
  width:4px;
  background-color:#f5f5f5;
  border-radius:50px
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-thumb {
  border-radius:10px;
  background-color:rgba(85,85,85,.5)
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail li {
  display:block
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail li p {
  color:#4a5568;
  line-height:1.5;
  position:relative;
  padding-left:23px;
  font-size:calc(13px + 0*(100vw - 320px)/1600);
  margin:0
}
.checkout-section .right-side-summery-box .checkout-offer .offer-detail li p::before {
  content:"";
  position:absolute;
  top:7px;
  left:7px;
  width:5px;
  height:5px;
  background-color:#4a5568;
  border-radius:100%
}
.place-order-btn {
  margin-top: 30px;
  background: #0da487;
}

/* order details */

.order-detail {
  position: relative;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.order-detail .order-image {
  background-color:#f8f8f8;
  padding:40px;
  border-radius:8px;
  text-align:center;
}
.order-detail .order-image img {
  width:360px;
  margin:0 auto
}
.order-detail .order-details-contain {
  display:flex;
  flex-wrap:nowrap;
  gap:calc(10px + 5*(100vw - 320px)/1600);
  background-color:#f8f8f8;
  padding:calc(14px + 6*(100vw - 320px)/1600);
  border-radius:8px;
  height:100%;
}
.order-detail .order-details-contain .order-tracking-icon svg {
  width:25px;
  font-size: 20px;
  height:auto;
}
.order-detail .order-details-contain .order-details-name h2 {
  font-size:calc(20px + 4*(100vw - 320px)/1600);
  color: #0da487;
}
.order-detail .order-details-contain .order-details-name h4 {
  line-height:1.4;
  font-weight:500;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden;
}
.order-detail .order-details-contain .order-details-name h5 {
  margin-bottom:7px;
}
.order-detail .order-details-contain .order-details-name img {
  margin-top:calc(6px + 6*(100vw - 320px)/1600);
  width:calc(160px + 40*(100vw - 320px)/1600);
}
.order-detail .progtrckr {
  margin:15px 0 0;
  padding:0;
  display:flex;
  align-items:flex-start;
}
.order-detail .progtrckr li {
  display:inline-block;
  text-align:center;
  margin:10px 0;
  position:relative;
}
.order-detail .progtrckr li h5 {
  margin-top:20px;
  text-align:center;
  width:100%;
  display:flex;
  justify-content:center;
  font-weight:500;
}
.order-detail .progtrckr li:before {
  position:relative;
  top:-2px;
  float:left;
  left:50% !important;
  line-height:1;
  transform:translate(-50%, -50%) !important;
}
.order-detail .progtrckr li.progtrckr-todo {
  color:#4a5568;
  border-top:4px solid #959595;
  width:100% !important;
}
.order-detail .progtrckr li.progtrckr-todo:before {
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  padding-top:2px;
  content:"";
  color:#fff;
  background:#959595;
  line-height:35px;
  border:none;
  border-radius:35px;
  font-size:16px;
}
.order-detail .progtrckr li.progtrckr-todo h6 {
  font-size:13px;
  margin-top:8px;
}
.order-detail .progtrckr li.progtrckr-done {
  color:#222;
  border-top:4px solid #0da487;
  width:100% !important
}
.order-detail .progtrckr li.progtrckr-done:before {
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  padding-top:2px;
  content:"";
  color:#fff;
  background-color:#0da487;
  line-height:35px;
  border:none;
  border-radius:35px;
  font-size:16px
}
.order-detail .progtrckr li.progtrckr-done h6 {
  font-size:13px;
  margin-top:8px;
  color:#4a5568;
}
.order-table-section {
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  padding-bottom:calc(30px + 20*(100vw - 320px)/1600);
}
.order-tab-table {
  margin-bottom:0;
}
.order-tab-table thead tr th {
  text-align:center;
  background-color:#e7e7e7;
  color:#222;
  padding:calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
  font-size:calc(17px + 3*(100vw - 320px)/1600);
  font-weight:400
}
.order-tab-table tbody {
  border-top:none !important
}
.order-tab-table tbody tr td {
  font-weight:300;
  text-align:center;
  padding:calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
  font-size:calc(15px + 2*(100vw - 320px)/1600);
  min-width:160px;
  color:#777;
}
.order-table-section .order-navpills {
  flex-wrap:nowrap;
  gap:calc(6px + 9*(100vw - 320px)/1600);
  overflow:auto hidden;
}
.order-table-section .order-navpills .nav-item .nav-link {
  font-size:calc(15px + 3*(100vw - 320px)/1600);
  padding:calc(11px + 3*(100vw - 320px)/1600) calc(17px + 7*(100vw - 320px)/1600);
  color:#4a5568;
  font-weight:600;
  white-space:nowrap;
}
.order-table-section .order-navpills .nav-item .nav-link.active {
  background:linear-gradient(90.56deg, #0e947a 8.46%, #0da487 62.97%);;
  color:#fff;
}
.order-table-section .order-tab {
  margin-top:22px;
}
.order-table-section .order-tab .order-tab-table {
  margin-bottom:0;
}
.order-table-section .order-tab .order-tab-table thead tr th {
  text-align:center;
  background-color:#e7e7e7;
  color:#222;
  padding:calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
  font-size:calc(17px + 3*(100vw - 320px)/1600);
  font-weight:400;
}
.order-table-section .order-tab .order-tab-table tbody {
  border-top:none;
}
.order-table-section .order-tab .order-tab-table tbody tr td {
  font-weight:300;
  text-align:center;
  padding:calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
  font-size:calc(15px + 2*(100vw - 320px)/1600);
  min-width:160px;
  color:#777;
}
.order-table table tbody tr td {
  vertical-align:middle;
}
.order-success-2 tbody {
  border-top:none;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image {
  width: calc(170px + 80*(100vw - 320px)/1600);
  height: auto;
  margin: 0 auto calc(16px + 12*(100vw - 320px)/1600);
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark {
  position: relative;
  padding: 30px;
  animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
  display: inline-block;
  transform: scale(0.8);
  margin: -20px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h3 {
  font-size: calc(21px + 3*(100vw - 320px)/1600);
  font-weight: 700;
  margin-bottom: 6px;
  color: #0da487;
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h5 {
  margin-bottom: 8px;
  line-height: 1.4;
  color: #4a5568;
}
.breadcrumb-section .breadcrumb-order {
  display: block;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check {
  position:absolute;
  top:50%;
  left:50%;
  z-index:10;
  transform:translate3d(-50%, -50%, 0);
  fill:#fff;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background {
  fill:#0da487;
  animation:rotate 35s linear both infinite;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star {
  position:absolute;
  animation:grow 3s infinite;
  fill:#0da487;
  opacity:0;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1) {
  width:12px;
  height:12px;
  left:12px;
  top:16px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2) {
  width:18px;
  height:18px;
  left:168px;
  top:84px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3) {
  width:10px;
  height:10px;
  left:32px;
  top:162px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4) {
  height:20px;
  width:20px;
  left:82px;
  top:-12px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5) {
  width:14px;
  height:14px;
  left:125px;
  top:162px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6) {
  width:10px;
  height:10px;
  left:16px;
  top:16px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1) {
  animation-delay:1.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2) {
  animation-delay:3s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3) {
  animation-delay:4.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4) {
  animation-delay:6s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5) {
  animation-delay:7.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6) {
  animation-delay:9s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark {
  position:relative;
  padding:30px;
  animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
  display:inline-block;
  transform:scale(0.8);
  margin:-20px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check {
  position:absolute;
  top:50%;
  left:50%;
  z-index:10;
  -webkit-transform:translate3d(-50%, -50%, 0);
  transform:translate3d(-50%, -50%, 0);
  fill:#fff;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background {
  fill:#0da487;
  animation:rotate 35s linear both infinite;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image i {
  font-size:50px;
  color:#4ead4e;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image h2 {
  margin-top:10px;
  margin-bottom:15px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image p {
  font-size:18px;
  text-transform:capitalize;
}
.breadcrumb-section .breadcrumb-order .order-box .order-image.order-fail i {
  color:#0da487;
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h3 {
  font-size:calc(21px + 3*(100vw - 320px)/1600);
  font-weight:700;
  margin-bottom:6px;
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h5 {
  margin-bottom:8px;
  line-height:1.4;
}
@keyframes grow {
  0%,
  100% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0
  }
  50% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
}
.order-table table tbody tr td {
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}
.order-table tbody tr td:first-child {
  font-weight: 600;
}
.summery-box .summery-header h3 {
  font-size: calc(16px + 4*(100vw - 320px)/1600);
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}
.summery-box .summery-header h5,
.summery-box .summery-contain li h4.price.savings {
  color: #0da487;
}
.summery-box .summery-contain li {
  padding: calc(6px + 4*(100vw - 320px)/1600) 0;
  display: flex;
  align-items: center;
}
.summery-box .summery-contain li h4 {
  font-size: 15px;
  color: #4a5568;
}
.summery-box .summery-contain li h4.price {
  color: #4a5568;
  margin-left: auto;
}
.summery-box .summery-total li h4,
.summery-box .summery-total li h4.price {
  font-size: 17px;
  color: #222;
}
.summery-box .summery-header h3 {
  font-weight: 600;
}
.compare-section,
.wishlist-section,
.otp-section,
.user-dashboard-section {
  position: relative;
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.compare-section .compare-table {
  border: 1px solid #ddd;
  margin-bottom: 0;
}
.compare-section .compare-table tr td, 
.compare-section .compare-table tr th {
  min-width: 200px;
  border-right: 1px solid #ddd;
  padding: calc(12px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
  text-align: center;
}
.compare-section .compare-table tr th {
  font-size: 16px;
  font-weight: 500;
  color: #0da487;
  background-color: #f8f8f8;
}
.compare-section .compare-table tr td {
  font-size: 15px;
}
.compare-section .compare-table tr td:first-child, 
.compare-section .compare-table tr th:first-child {
  min-width: auto;
}
.compare-section .compare-table tr td a {
  font-weight: 600;
  color: #222;
}
.compare-section .compare-table tr td .contact-btn {
  width: 100%;
}
.compare-section .compare-table tr td .compare-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.compare-section .compare-table tr td .compare-image {
  width: calc(105px + 25*(100vw - 320px)/1600);
  height: calc(105px + 25*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
  background-color: #f1f1f1;
  margin: 0 auto;
}
.product-box-3 .product-header .product-header-top .wishlist-button {
  position: relative;
  padding: 6px;
  margin-left: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(34,34,34,.24);
  box-shadow: 0 3px 3px rgba(34,34,34,.24);
  border-radius: 100%;
  z-index: 0;
}
.product-box-3 .product-header .product-header-top .wishlist-button svg {
  width: 15px;
  height: 15px;
  color: #4a5568;
}
.product-box-3 .product-header .product-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
} 

/* otp */

.log-in-section::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../images/log-in-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.log-in-section .image-contain {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.log-in-section .log-in-box {
  background-color: #f8f8f8;
  padding: calc(16px + 34*(100vw - 320px)/1600);
  border-radius: calc(8px + 4*(100vw - 320px)/1600);
}
.log-in-section .log-in-box .log-in-title {
  margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
}
.log-in-section .inputs {
  margin: calc(-2px + -10*(100vw - 320px)/1600);
}
.log-in-section .inputs input {
  margin: calc(2px + 6*(100vw - 320px)/1600);
  border: none;
  font-size: 14px;
  padding: calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600);
}
.send-box h5 a {
  color: #0da487;
  font-weight: bold;
}
.log-in-section .log-in-box .log-in-title h3 {
  margin-bottom: calc(1px + 5*(100vw - 320px)/1600);
  font-size: calc(18px + 3*(100vw - 320px)/1600);
  color: #222;
}
.log-in-section .log-in-box .contact-btn {
  width: 100%;
  font-weight: 600;
  margin-top: 1rem;
}
.log-in-section .log-in-box .log-in-button ul li a img {
  width: calc(18px + 6*(100vw - 320px)/1600);
}
.log-in-section {
  overflow-x: hidden;
  display: flex;
  -webkit-box-align:
center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 0;
  padding: 70px 0;
}
.log-in-section .log-in-box {
  background-color: #f8f8f8;
  padding:
calc(16px + 34*(100vw - 320px)/1600);
  border-radius:
calc(8px + 4*(100vw - 320px)/1600);
}
.log-in-section .log-in-box .forgot-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:
center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack:
justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.log-in-section .log-in-box .other-log-in {
  margin-top: 15px;
  text-align: center;
  position: relative;
}
.log-in-section .log-in-box .log-in-button {
  margin-top: 20px;
  padding:1px 0;
}
.log-in-section .log-in-box .other-log-in {
  margin-top: 15px;
  text-align: center;
  position: relative;
}
.log-in-section .log-in-box .log-in-button ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:
center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack:
center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  color: #222;
  border-radius:
5px;
  padding:
calc(10px + 6*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:
calc(8px + 2*(100vw - 320px)/1600);
  background-color: #fff;
}
.log-in-section .log-in-box .log-in-button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:
15px;
  -webkit-box-align:
center;
  -ms-flex-align: center;
  align-items: center;
}
.log-in-section .log-in-box .other-log-in::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform:translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  left: 0;
  background-color: #ddd;
  z-index: 0;
}
.log-in-section .log-in-box .sign-up-box {
  margin-top: 20px;
  text-align: center;
}
.log-in-section .log-in-box .other-log-in h6 {
  color: #4a5568;
  position: relative;
  background-color: #f9f9f9;
  padding:0 14px;
  display: inline-block;
  text-transform: uppercase;
}
/* Dashboard */

.user-dashboard-section .dashboard-left-sidebar {
  background:#f8f8f8;
  box-shadow:0 0 8px rgba(34,34,34,.14);
  border-radius:10px;
  overflow:hidden;
  position:sticky;
  top:107px;
  z-index:0;
}
.user-dashboard-section .dashboard-left-sidebar .close-button {
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:10px;
  right:10px;
  z-index:1;
  background:#f8f8f8;
  border-radius:100%;
}
.user-dashboard-section .dashboard-left-sidebar .close-button .close-sidebar {
  border:none;
  font-size:15px;
  background-color:rgba(0,0,0,0);
  color:#4a5568;
  padding:2px 0 0;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box {
  position:relative;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image {
  position:relative;
  overflow:hidden;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
  width:100%;
  height:150px;
  object-fit:cover;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#222;
  opacity:.15;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon {
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:8px;
  right:8px;
  z-index:1;
  background-color:#fff;
  border-radius:100%;
  color:#4a5568;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain {
  padding:0 15px;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image {
  margin:0 auto;
  text-align:center;
  margin-top:-50px;
  z-index:1;
  position:relative;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image img {
  width:calc(93px + 15*(100vw - 320px)/1600);
  height:calc(93px + 15*(100vw - 320px)/1600);
  -o-object-fit:contain;
  object-fit:contain;
  background-color:#f8f8f8;
  border-radius:100%;
  padding:5px;
  border:1px solid #ececec;
  box-shadow:2px 3px 8px rgba(34,34,34,.0032);
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon {
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  bottom:0;
  left:55%;
  z-index:1;
  background-color:#fff;
  border-radius:100%;
  color:#4a5568;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i {
  position:relative;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i input {
  position:absolute;
  top:0;
  right:0;
  left:0;
  opacity:0;
  width:35px;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name {
  margin-top:calc(10px + 3*(100vw - 320px)/1600);
  text-align:center;
  padding-bottom:calc(12px + 6*(100vw - 320px)/1600);
  border-bottom:1px solid #ddd;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h3 {
  font-size:calc(18px + 4*(100vw - 320px)/1600);
  font-weight:600;
  letter-spacing:.7px;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  margin-top:4px;
}
.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 span {
  margin:0 8px;
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills {
  flex-wrap:wrap;
  gap:calc(2px + 5*(100vw - 320px)/1600);
  margin:calc(10px + 10*(100vw - 320px)/1600) 0 6px;
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item {
  width:100%;
  display:block;
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
  font-size:calc(17px + 1*(100vw - 320px)/1600);
  position:relative;
  color:#4a5568;
  width:100%;
  text-align:left;
  padding:calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600);
  font-weight:500;
  z-index:0;
  overflow:hidden;
  border-radius:0;
  display:flex;
  align-items:center;
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
  border-left:3px solid #0da487;
  font-weight:600;
  background-color:rgba(0,0,0,0);
  color:#0da487;
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active::before,
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link::before {
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(90.56deg, #0e947a 8.46%, #0da487 62.97%);
  z-index:-1;
  opacity:.1
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link svg {
  width:calc(18px + 1*(100vw - 320px)/1600);
  height:auto;
  margin-right:10px;
}
.user-dashboard-section .dashboard-right-sidebar {
  background-color:#f8f8f8;
  padding:calc(20px + 20*(100vw - 320px)/1600);
  border-radius:8px;
  height:100%;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box {
  padding:calc(12px + 8*(100vw - 320px)/1600);
  background-color:#fff;
  border-radius:6px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box+.dashboard-bg-box {
  margin-top:24px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name h6 {
  font-size:16px;
  margin-bottom:10px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name p {
  margin:0;
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  line-height:1.5;
  letter-spacing:.3px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box {
  margin:30px 0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain {
  display:flex;
  flex-wrap:nowrap;
  gap:15px;
  background-color:#fff;
  padding:calc(16px + 9*(100vw - 320px)/1600);
  border-radius:9px;
  box-shadow:0 0 8px rgba(34,34,34,.08);
  align-items:center;
  position:relative;
  overflow:hidden;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain:hover .img-1 {
  width:calc(84px + 12*(100vw - 320px)/1600);
  transform:translateY(-50%) rotate(-7deg);
  opacity:.2;
  right:-19px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain img {
  width:calc(54px + 6*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
  top:50%;
  transform:translateY(-50%);
  width:calc(78px + 12*(100vw - 320px)/1600);
  position:absolute;
  opacity:.12;
  right:-30px;
  transition:all .3s ease-in-out;
  filter:grayscale(1);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h5 {
  margin-bottom:calc(3px + 4*(100vw - 320px)/1600);
  color:#4a5568;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h3 {
  font-weight:600;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title {
  border-bottom:1px solid #ddd;
  padding-bottom:calc(5px + 5*(100vw - 320px)/1600);
  margin-bottom:calc(10px + 5*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a:hover {
  color:#0da487;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail h6 {
  margin-bottom:calc(4px + 4*(100vw - 320px)/1600);
  line-height:1.6;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail a:hover {
  color:#0da487;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain {
  display:flex;
  flex-wrap:wrap;
  gap:calc(14px + 16*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container {
  display:flex;
  flex-wrap:wrap;
  gap:calc(8px + 6*(100vw - 320px)/1600);
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon {
  position:relative;
  z-index:0;
  color:#0da487;
  padding:9px;
  border-radius:100%;
  width: 42px;
  height: 42px;
  font-size: 20px;
  overflow:hidden;
  line-height: 26px;
  text-align: center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon::before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:#0da487;
  opacity:.1;
  z-index:-1;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 {
  font-weight:600;
  display:flex;
  align-items:center;
  letter-spacing:.6px;
  font-size:calc(17px + 3*(100vw - 320px)/1600);
  color: #222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
  font-size:12px;
  font-weight:400;
  color:#fff;
  background:linear-gradient(-90deg, #ff6b6b 0%, #ff4f4f 100%);
  padding:4px 6px;
  border-radius:4px;
  margin-left:calc(9px + 11*(100vw - 320px)/1600);
  font-weight:600;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span.success-bg {
  background:linear-gradient(90.56deg, #0e947a 8.46%, #0e947a 62.97%);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h6 {
  margin-top:6px;
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  letter-spacing:.6px;
  font-weight:300;
  line-height:1.5;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
  display:flex;
  flex-wrap:nowrap;
  gap:20px;
  background-color:#f8f8f8;
  padding:calc(15px + 5*(100vw - 320px)/1600);
  margin-top:30px;
  border-radius:8px;
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail:hover .order-image img {
  transform:scale(1.1);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
  display:block;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image img {
  transition:all .3s ease-in-out;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a {
  display:block;
  color:#222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a:hover {
  color:#222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a h3 {
  font-weight:600;
  margin-bottom:6px;
  font-size: calc(16px + 4*(100vw - 320px)/1600);
  line-height: 1.2;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap p {
  line-height:1.5;
  font-size:calc(14px + 1*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:calc(6px + 3*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li {
  width:100%;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box {
  display:flex;
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h5 {
  font-weight:600;
  margin-left:8px;
  font-size:14px;
  color: #222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box {
  border-radius:8px;
  padding:calc(12px + 12*(100vw - 320px)/1600);
  background-color:#fff;
  box-shadow:0 0 9px rgba(0,0,0,.07);
  position:relative;
  height:100%;
  overflow:hidden;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div {
  display:flex;
  position:relative;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
  position:absolute;
  top:0;
  right:0;
  background-color:#0da487;
  padding:2px 8px;
  border-radius:4px;
  color:#fff;
  font-size:12px;
  letter-spacing:.8px
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check {
  margin-top:3px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input {
  width:calc(15px + 2*(100vw - 320px)/1600);
  height:calc(15px + 2*(100vw - 320px)/1600);
  margin-top:2px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked {
  background-color:#0da487;
  border-color:#0da487;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked[type=radio] {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:focus {
  box-shadow:none;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table {
  margin-bottom:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr:first-child td {
  padding-top:0;
  font-weight:600;
  font-size:calc(17px + 1*(100vw - 320px)/1600);
  color:#222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td {
  border:none;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  padding:4px 0;
  color:#4a5568;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
  min-width:90px;
  padding-left:8px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:last-child p {
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  margin-bottom:0;
  line-height:1.5;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  font-weight:500;
  color:#222
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 span {
  background-color:#0da487;
  padding:4px 8px;
  border-radius:4px;
  color:#fff;
  font-size:12px;
  letter-spacing:.8px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group {
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  align-items:center;
  margin-top: calc(14px + 6*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button {
  background-color:#f8f8f8;
  font-weight:600;
  padding: 8px 16px;
  font-size: 14px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button:hover {
  background-color:#0da487;
  color:#fff;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button svg {
  width:calc(16px + 2*(100vw - 320px)/1600);
  height:auto;
  margin-right:calc(6px + 2*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .add-address .address-link {
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  color:#222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail {
  position:relative;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail:hover .edit-card {
  opacity:1;
  transition:all .3s ease-in-out;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card {
  background-color:#f9f9f9;
  cursor:pointer;
  padding:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:130px;
  background:#d2d2d2;
  color:#222;
  text-align:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details h5 {
  margin-bottom:0;
  text-transform:capitalize;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details {
  height:100%;
  color:#fff;
  padding:30px 20px;
  border-radius:5px;
  background-color:#4b77a0;
  background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.card-visa {
  background-color:#777876;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.debit-card {
  background-color:#86b8cf;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number {
  margin-bottom:10px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number h4 {
  color:#fff;
  font-size:calc(16px + 2*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail {
  display:flex;
  align-items:center;
  margin-top:calc(10px + 10*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title {
  margin-bottom:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title span {
  display:block;
  color:rgba(255,255,255,.7);
  text-transform:uppercase;
  font-size:12px;
  line-height:1.3;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
  margin-bottom:0;
  color:#fff;
  margin-left:15px;
  font-size:calc(16px + 2*(100vw - 320px)/1600);
  font-weight:normal;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
  margin-left:auto
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary span {
  font-size:calc(12px + 2*(100vw - 320px)/1600);
  padding:0;
  font-weight:400;
  text-transform:capitalize;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:calc(10px + 15*(100vw - 320px)/1600)
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .name h5 {
  text-transform:uppercase;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  margin-bottom:0;
  color:#fff;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .card-img {
  width:auto;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  background-color:rgba(34,34,34,.8);
  border-radius:5px;
  opacity:0;
  transition:all .5s ease;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card a {
  padding:0 10px;
  text-transform:capitalize;
  color:#fff;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
  display:none;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
  display:flex;
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
  font-weight:400;
  font-size:16px;
  margin-right:10px;
  display:flex;
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
  background:linear-gradient(90.56deg, #0e947a 8.46%, #0e947a 62.97%);
  color:#fff;
  padding:3px 8px;
  margin-left:10px;
  border-radius:5px;
  font-size:13px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
  margin-left:auto;
  padding:8px 14px;
  position:relative;
  z-index:0;
  border-radius:5px;
  overflow:hidden;
  display:inline-block;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a::after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:linear-gradient(90.56deg, #0e947a 8.46%, #0e947a 62.97%); 
  opacity:.08;
  z-index:-1;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a:hover {
  color:#0da487;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile {
  margin-top:20px;
  border-bottom:1px solid #ececec;
  padding-bottom:15px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
  display:flex;
  flex-wrap:wrap;
  gap:calc(10px + 16*(100vw - 320px)/1600);
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  color:#4a5568;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box .feather {
  width:calc(18px + 2*(100vw - 320px)/1600);
  height:auto;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box h6 {
  font-size:calc(15px + 1*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-description p {
  margin:20px 0 0;
  color:#4a5568;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  line-height:1.6;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about {
  margin-top:20px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table {
  margin-bottom:36px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td {
  vertical-align:middle;
  border:none;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  white-space:nowrap;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td:first-child {
  color:#4a5568;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a {
  display:flex;
  align-items:center;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a:hover {
  color:#0da487;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
  margin-left:calc(8px + 12*(100vw - 320px)/1600);
  font-size:14px;
  padding:5px 10px;
  border-radius:5px;
  position:relative;
  font-weight:600;
  overflow:hidden;
  z-index:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span::before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:linear-gradient(90.56deg, #0e947a 8.46%, #0e947a 62.97%);
  opacity:.08;
  z-index:-1;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
  z-index:0;
  border-radius:calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600);
  border-color:#ececec;
  color:#222;
  background-color:rgba(0,0,0,0);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
  padding:calc(11px + 3*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  font-weight:600;
  z-index:0;
  border-radius:0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  flex-wrap:wrap;
  margin-top:14px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .form-select {
  background-color:#f8f8f8;
  width:auto;
  border:unset;
  background-position:right calc(9px + 3*(100vw - 320px)/1600) center;
  padding:calc(8px + 3*(100vw - 320px)/1600) calc(30px + 6*(100vw - 320px)/1600) calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
  font-size:15px;
  font-weight:600;
  box-shadow:unset;
  color:#222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box {
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  white-space:nowrap;
  overflow:auto;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button {
  padding:11px 18px 11px;
  border:1px solid #ececec;
  color:#4a5568;
  border-radius:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button.active {
  background-color:#0da487;
  color:#fff;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
  border-left:unset;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
  border-radius:calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
  border-radius:0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table {
  margin-top:28px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table {
  margin:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tbody {
  border-top:unset;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th,
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
  min-width:130px;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  color:#222;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th:first-child,
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:first-child {
  min-width:90px;
  max-width:90px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th {
  padding:calc(11px + 4*(100vw - 320px)/1600);
  background-color:#f8f8f8;
  font-weight:500;
  font-size:calc(15px + 1*(100vw - 320px)/1600);
  border:unset;
  box-shadow:unset;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
  padding:calc(8px + 3*(100vw - 320px)/1600) calc(11px + 5*(100vw - 320px)/1600);
  border-bottom:1px solid #eee;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  box-shadow:none;
}
.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
  border-color:rgba(119,119,119,.44);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:nth-child(3) {
  width:480px;
  white-space:normal;
  min-width:250px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:last-child {
  width:200px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr img {
  width:50px;
  height:50px;
  object-fit:cover;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
  background-color:#f8f8f8;
  width:auto;
  display:flex;
  border:1px solid #ececec;
  align-items:center;
  gap:6px;
  padding:calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  font-weight:600;
  box-shadow:unset;
}
.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
  border-color:rgba(119,119,119,.4392156863)
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle::after {
  content:"";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  display:block;
  margin:0;
  border:unset;
  font-size:calc(13px + 1*(100vw - 320px)/1600)
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
  padding:8px 16px;
}
.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
  background-color:#1d1d22;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li {
  display:block;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a {
  color:#4a5568;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a:hover {
  color:#222;
  background-color:rgba(0,0,0,0);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
  border-top:1px solid #eee;
}
.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
  border-color:rgba(119,119,119,.4392156863);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr:last-child td {
  padding-bottom:0;
  border-bottom:unset;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box+.privacy-box {
  margin-top:15px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box h6 {
  font-size:calc(15px + 3*(100vw - 320px)/1600);
  margin-bottom:6px;
  line-height:1.5;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box p {
  margin:0;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  line-height:1.6;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch {
  position:absolute;
  -webkit-clip-path:circle(0%);
  clip-path:circle(0%);
  opacity:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label {
  width:62px;
  height:25px;
  position:relative;
  border-radius:50px;
  cursor:pointer;
  background-color:rgba(14,153,126,.15);
  border:1px solid #ddd;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:after {
  display:inline-block;
  position:absolute;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before {
  width:19px;
  height:19px;
  content:"";
  border-radius:100%;
  left:2px;
  top:2px;
  background:linear-gradient(90.56deg, #0da487 8.46%, #0da487 62.97%);
  transition:all .3s ease-in-out;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch:checked+label:before {
  left:39px;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input {
  position:absolute;
  clip-path:circle(0%);
  opacity:0;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label {
  width:62px;
  height:25px;
  position:relative;
  border-radius:50px;
  cursor:pointer;
  background-color:rgba(13, 164, 135, 0.149);
  border:1px solid rgba(13, 164, 135, 0.149);
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:after {
  display:inline-block;
  position:absolute;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before {
  width:19px;
  height:19px;
  content:"";
  border-radius:100%;
  left:2px;
  top:2px;
  background-color:#0da487;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label {
  background-color:#0da487;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label:before {
  left:39px;
  background:#fff;
}
.user-dashboard-section  .dashboard-bg-box .order-detail  {
  padding-top: 0;
}
.product-box-3.theme-bg-white {
  background-color: #fff;
}
.product-box-3:hover {
  box-shadow: 0 0 8px rgba(34,34,34,.08);
}
.dashboard-title h3 {
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  font-weight: 600;
}
/* faq */

.faq-breadcrumb {
  background-color: #f8f8f8;
  position: relative;
  overflow: hidden;
  margin-top: 1.5rem;
}
.faq-breadcrumb .breadcrumb-contain {
  padding: calc(26px + 34*(100vw - 320px)/1600) 0;
  text-align: center;
  color: #222;
  display: block;
}
.faq-breadcrumb .breadcrumb-contain h2 {
  font-size: calc(22px + 26*(100vw - 320px)/1600);
  font-weight: 700;
  margin-top: -6px;
}
.faq-breadcrumb .breadcrumb-contain p {
  margin: calc(11px + 5*(100vw - 320px)/1600) auto 0;
  color: #4a5568;
  width: 50%;
  line-height: 1.7;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag {
  position: relative;
  margin: calc(18px + 17*(100vw - 320px)/1600) auto 0;
  width: 50%;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group {
  background-color: #fff;
  align-items: center;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group svg {
  display:flex;
  align-items:center;
  padding:0 calc(12px + 8*(100vw - 320px)/1600);
  color:#0da487;
  font-size:calc(14px + 2*(100vw - 320px)/1600);
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control {
  padding-left:0;
  border:none;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control:focus {
  background-color:rgba(0,0,0,0);
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-menu li {
  display:block;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button {
  font-size:calc(14px + 2*(100vw - 320px)/1600);
  font-weight:600;
  color:#0da487;
  z-index:0;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button::after {
  content:unset;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button i {
  position:relative;
  padding:0;
  margin-left:5px;
  font-size:calc(13px + 1*(100vw - 320px)/1600);
}
.faq-breadcrumb .breadcrumb-contain p span {
  display:inline;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag {
  position:relative;
  margin:calc(18px + 17*(100vw - 320px)/1600) auto 0;
  width:50%;
}
.faq-contain {
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  position: relative;
}
.faq-contain .faq-top-box {
  text-align:center;
  background-color:#f8f8f8;
  border-radius:9px;
  padding:28px 18px;
}
.faq-contain .faq-top-box .faq-box-icon {
  width:65px;
  height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#fff;
  border-radius:7px;
  margin:0 auto 16px;
}
.faq-contain .faq-top-box .faq-box-icon img {
  width:calc(36px + 9*(100vw - 320px)/1600);
  height:auto;
}
.faq-contain .faq-top-box .faq-box-contain h3 {
  font-weight:700;
}
.faq-contain .faq-top-box .faq-box-contain p {
  margin:17px 0 0;
  line-height:1.6;
  color:#4a5568;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden;
  margin-bottom:-4px;
}
.faq-box-contain .faq-contain {
  margin-bottom:0;
  position:sticky;
  top:92px;
}
.faq-box-contain .faq-contain h2 {
  font-weight:700;
  font-size:calc(28px + 28*(100vw - 320px)/1600);
  line-height:1.4;
}
.faq-box-contain .faq-contain p {
  margin:calc(8px + 7*(100vw - 320px)/1600) 0 0;
  font-size:calc(13px + 2*(100vw - 320px)/1600);
  line-height:1.5;
  color:#4a5568;
}
.faq-box-contain .faq-accordion .accordion {
  display:flex;
  flex-wrap:wrap;
  gap:calc(15px + 9*(100vw - 320px)/1600);
}
.faq-box-contain .faq-accordion .accordion .accordion-item {
  width:100%;
  border-radius:7px;
  background-color:#f8f8f8;
  border:none;
  overflow:hidden;
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button {
  background-color:#f8f8f8;
  font-size:calc(16px + 4*(100vw - 320px)/1600);
  font-weight:500;
  line-height:1.5;
  padding:calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button svg {
  margin-left:auto;
  transition:all .3s ease-in-out;
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button::after {
  content:unset;
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  font-weight:700;
  color:#0da487;
  background-color:rgba(0,0,0,0);
  box-shadow:none;
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) svg {
  transform:rotate(180deg);
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:focus {
  border-color:rgba(0,0,0,0);
  box-shadow:none
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
  padding:0 calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p {
  font-size:calc(14px + 1*(100vw - 320px)/1600);
  line-height:1.6;
  color:#4a5568;
  margin-bottom:calc(12px + 4*(100vw - 320px)/1600);
}
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p:last-child {
  margin-bottom:-4px;
}
.faq-box-contain {
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  position: relative;
}

/* seller  */

.seller-poster-section {
  position: relative;
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
}
.seller-title h2 {
  font-weight: 700;
  font-size: 37px;
  margin-bottom: 23px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.seller-title p {
  margin-bottom: 0;
  font-size: 15px;
  color: #4a5568;
  line-height: 1.6;
}
.seller-poster-section .poster-box .poster-image {
  margin-bottom: 52px;
  margin-top: 50px;
  text-align: center;
}
.become-service,
.business-section,
.selling-section,
.seller-grid-section,
.blog-section  {
  padding-bottom: calc(30px + 20*(100vw - 320px)/1600);
  padding-top: calc(30px + 20*(100vw - 320px)/1600);
  position: relative;
}
.become-service .service-box {
  text-align: center;
  background: #f8f8f8;
  padding: 45px;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(34,34,34,.05);
  transition: all .3s ease-in-out;
}
.become-service .service-box:hover {
  transform: translateY(-10px);
}
.become-service .service-box .service-svg {
  width: 90px;
  height: 90px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  border-radius: 5px;
}
.become-service .service-box .service-svg svg {
  width: 60px;
  height: auto;
  transition: all .3s ease-in-out;
}
.become-service .service-box:hover .service-svg svg {
  transform: scale(1.05);
  fill: #0da487;
}
.become-service .service-box .service-detail h4 {
  font-weight: 600;
  display: inline-block;
  font-size: 19px;
  margin-bottom: 7px;
  text-transform: capitalize;
  position: relative;
  z-index: 0;
  transition: all .3s ease-in-out;
  color: #222;
}
.become-service .service-box .service-detail h4::after {
  content: "";
  position: absolute;
  bottom:-6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 4px;
  background-color: #0da487;
  opacity: .3;
  z-index: -1;
  border-radius: 50px;
  transition: all .3s ease-in-out;
}

.become-service .service-box:hover .service-detail h4::after {
  width: 68%;

}
.become-service .service-box .service-detail p {
  margin: 0;
  line-height: 1.5;
  color: #4a5568;
  transition: all .3s ease-in-out;
}
.business-section {
  background-color: #f8f8f8;
}
.business-section .business-contain > .row > div {
  margin-bottom: 30px;
}
.business-section .business-contain .business-box {
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  padding: 35px;
  box-shadow: 0 0 8px rgba(34,34,34,.05);
  height: 100%;
  display: flex;
  align-items: center;
}
.business-section .business-contain .business-box .business-number {
  width: 65px;
  height: 65px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  border-radius: 5px;
}
.business-section .business-contain .business-box .business-number h2 {
  color:#0da487;
  font-size: 35px;
  font-weight: 500;
}
.business-section .business-contain .business-box .business-detail h4 {
  margin-bottom: 10px;
  font-weight: 600;
}
.business-section .business-contain .business-box .business-detail p {
  margin: 0;
  color: #4a5568;
  line-height: 1.6;
}
.vendor-title h5 {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 10px;
  letter-spacing: .5px;
  color: #222;
}
.vendor-title p {
  margin-bottom: 0;
  font-size: 15px;
  color: #4a5568;
  line-height: 1.6;
}
.selling-btn {
  box-shadow: none;
  border: none;
  background: #0da487;
  padding: calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
  position: relative;
  margin-top: 1rem;
  color: #fff;
  border-radius: .25rem;
}
.dashboard-title.dashboard-flex button {
  margin-left: auto;
  background:#0da487;
  color: #fff;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  transition: all .3s ease;
  position: relative;
  border: none;
  border-radius: .2rem;
}
.profile-tab ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(15px + 6*(100vw - 320px)/1600);
}
.profile-tab ul li {
  display: flex;
  align-items: center;
  width: 100%;
}
.profile-tab ul li h5 {
  font-size: calc(14px + 2*(100vw - 320px)/1600);
}
.profile-tab ul li h5:first-child {
  width: 220px;
}
.profile-tab ul li h5:last-child {
  color: #4a5568;
}
.order-table {
  margin-bottom: 0;
}
.order-table thead tr th {
  text-align: center;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 600;
  white-space: nowrap;
  min-width: 90px;
}
.order-table tbody tr td {
  text-align: center;
  padding: 12px 15px;
  vertical-align: middle;
  white-space: nowrap;
}
.order-table tbody tr td:first-child {
  font-weight: 600;
}
.order-table tbody tr td label {
  padding: 3px 12px;
  font-size: 12px;
  border-radius: 50px;
}
.order-table tbody tr td label.success {
  background-color: rgba(13, 164, 135, 0.1);
  color:#0da487;
}
.order-table tbody tr td label.danger {
  background-color: rgba(255,114,114,.1);
  color: #ff7272;
}
.product-table tbody tr td.product-image {
  width: 90px;
}
.theme-color {
  color: #0da487;
}
.product-table tbody tr td {
  text-align: center;
  padding: 12px 15px;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 190px;
}
.product-table tbody tr td.edit-delete svg {
  width: 19px;
  stroke-width: 1.6px;
}
.product-table tbody tr td.edit-delete .fa-pen-to-square {
  color: #0da487;
}
.product-table tbody tr td.edit-delete .fa-trash-can {
  color: #ff7272;
  margin-left: 10px;
}
.seller-dashboard-section .product-image img {
  height: auto;
  width: auto;
}
.product-table tbody tr:last-child td,
.order-table tbody tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
.product-table tbody tr td:nth-child(2) h6 {
  color: #4a5568;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.product-table tbody tr td:nth-child(2) {
  max-width: 150px;
}
.vendor-detail-box-2 {
  padding: calc(20px + 8*(100vw - 320px)/1600);
  margin-bottom: 50px;
  border-radius: 9px;
  box-shadow: 0 0 8px rgba(34,34,34,.13);
  background: #0da487;
  color: #fff;
}
.vendor-detail-box-2 .vendor-logo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vendor-detail-box-2 .vendor-logo img {
  width: 85%;
  height: auto;
  filter: invert(1) brightness(100);
}
.vendor-detail-box-2 .vendor-name {
  height: 100%;
}
.vendor-detail-box-2 .vendor-name h3 {
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.vendor-detail-box-2 .vendor-name .vendor-rating span {
  font-size: calc(12px + 1*(100vw - 320px)/1600);
  color: #f1f1f1;
  margin-left: 5px;
}
.vendor-detail-box-2 .vendor-name p {
  margin-bottom: -6px;
  line-height: 1.5;
  font-size: 14px;
  color: #f1f1f1;
  margin-top: 11px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.vendor-detail-box-2 .share-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.vendor-detail-box-2 .share-contact .vendor-share h5 {
  display: block;
  font-size: calc(15px + 2*(100vw - 320px)/1600);
  font-weight: 600;
}
.vendor-detail-box-2 .share-contact .vendor-share ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  flex-wrap: wrap;
  gap: 10px;
}
.vendor-detail-box-2 .share-contact .vendor-share ul li {
  position: relative;
}
.vendor-detail-box-2 .share-contact .vendor-share ul li a {
  color: #f1f1f1;
  font-size: 16px;
}
.vendor-detail-box-2 .share-contact .vendor-content {
  text-align: center;
  margin-top: 17px;
}
.vendor-detail-box-2 .share-contact .vendor-content h5 {
  text-align: center;
  font-size: calc(15px + 2*(100vw - 320px)/1600);
  font-weight: 600;
}
.vendor-detail-box-2 .share-contact .vendor-content button {
  margin: 8px auto 0;
}
.vendor-detail-box-2 .vendor-name .vendor-list-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(6px + 6*(100vw - 320px)/1600);
}
.shop-section .show-button .top-filter-menu .grid-option ul li.active img {
   filter: invert(1) brightness(100);
}
.seller-grid-box {
  background-color: #f8f8f8;
  padding: calc(12px + 13*(100vw - 320px)/1600);
  border-radius: 14px;
  position: relative;
  box-shadow: 0 0 10px rgba(34,34,34,.05);
  display: block;
}
.seller-grid-box-1 .grid-image {
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
  align-items: center;
  margin-bottom: 20px;
}
.seller-grid-box-1 .grid-image .image {
  width: 66px;
  height: 66px;
  border-radius: 11px;
}
.seller-grid-box-1 .grid-image .contain-name {
  width: calc(100% - 66px - 18px);
}
.seller-grid-box-1 .grid-image .contain-name .since-number {
  margin-bottom: 1px;
  display: flex;
  align-items: center;
}
.seller-grid-box-1 .grid-image .contain-name .since-number h6 {
  color: #4a5568;
}
.seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
  margin-left: auto;
}
.seller-grid-box-1 .grid-image .contain-name h3 {
  font-size: calc(19px + 4*(100vw - 320px)/1600);
  font-weight: 600;
  margin-bottom: 10px;
}
.seller-grid-box-1 .grid-image .contain-name .product-label {
  padding: 5px 10px;
  background-color: rgba(13, 164, 135, 0.1);
  font-size: 13px;
  letter-spacing: .5px;
  border-radius: 4px;
  color: #0da487;
}
.seller-grid-box .grid-contain .seller-contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 25px;
}
.seller-grid-box .grid-contain .seller-contact-details .seller-contact {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: flex-start;
  width: 100%;
}
.seller-grid-box .grid-contain .seller-contact-details .seller-contact .seller-icon svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  color: #0da487;
}
.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 {
  line-height: 1.6;
  color: #222;
}
.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 span {
  color: #4a5568;
}
.seller-grid-box-1 .grid-contain .seller-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seller-grid-box-1 .grid-contain .seller-category .product-image li {
  width: calc(35px + 5*(100vw - 320px)/1600);
  height: calc(35px + 5*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
  padding: 4px;
  box-shadow: 0 0 2px rgba(34,34,34,.2);
  color: #4a5568;
  transition: all .3s ease-in-out;
}
.seller-grid-box-1 .grid-contain .seller-category .product-image li + li {
  margin-left: calc(-19px + 5*(100vw - 320px)/1600);
}
.seller-grid-box-1 .grid-contain .seller-category .product-image li:hover {
  transform: scale(1.1) translateY(-7px);
}
.seller-grid-box-1 .grid-contain .seller-category .product-image {
  display: flex;
  flex-wrap: nowrap;
}
.btn-sm {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}

/* blog*/

.blog-section .blog-list {
  display: flex;
  align-items: center;
  transition: all .3s ease-in-out;
}
.blog-section .blog-box {
  padding-bottom: 1px;
  border-radius: 10px;
  border: 1px solid #ececec;
  overflow: hidden;
  position: relative;
}
.blog-section .blog-list .blog-image {
  margin-bottom: -1px;
  width: 38%;
  transition: all .3s ease-in-out;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.blog-section .blog-list .blog-image img {
  transition: all .3s ease-in-out;
}
.blog-section .blog-list:hover .blog-image img {
  transform: scale(1.1);
}
.blog-section .blog-list .blog-contain {
  padding: calc(10px + 15*(100vw - 320px)/1600);
  width: 62%;
}
.blog-section .blog-box .blog-contain .blog-label {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}
.blog-section .blog-box .blog-contain .blog-label .time, 
.blog-section .blog-box .blog-contain .blog-label .super {
  display: flex;
  align-items: center;
  color: #4a5568;
  text-transform: uppercase;
  font-size: 13px;
}
.blog-section .blog-box .blog-contain a {
  color: #222;
}
.blog-section .blog-box .blog-contain p {
  line-height: 1.8;
  color: #4a5568;
  margin-bottom: 0;
  -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.blog-section .blog-box .blog-contain .blog-button {
  border: none;
  background-color: rgba(13, 164, 135, 0.1);
  font-size: 16px;
  display: flex;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 5px;
  padding: 10px 22px;
  color: #0da487;
  transition: all .3s ease-in-out;
  margin-top: calc(8px + 14*(100vw - 320px)/1600);
  font-size: 14px;
}
.blog-section .blog-box .blog-contain .blog-button svg {
  margin-left: 10px;
  margin-top: 1px;
}
.blog-section .blog-list:hover .blog-contain .blog-button {
  background-color: #0da487;
  color: #fff;
}
.blog-section .blog-box .blog-contain a h3 {
  margin: 10px 0 6px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: capitalize;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  font-size: calc(16px + 2*(100vw - 320px)/1600);
  transition: all .3s ease-in-out;
}
.blog-section .blog-list:hover .blog-contain a h3 {
  color:#0da487;
}
.blog-section .blog-box .blog-image label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: unset;
  left: 0;
  border-radius: 0;
  background-color: #febc5c;
  color: #fff;
  padding: 10px 13px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
.blog-section .blog-box .blog-image label svg {
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-right: 3px;
  color: #fff;
}
.blog-section .left-sidebar-box {
  position: sticky;
  top: 20px;
}
.blog-section .left-sidebar-box .left-search-box .search-box {
  position: relative;
}
.blog-section .left-sidebar-box .left-search-box .search-box::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  color: #4a5568;
}
.blog-section .left-sidebar-box .left-search-box .search-box input {
  padding: 8px 68px 8px 20px;
  background-color: #f8f8f8;
  border: none;
  height: 53px;
  border-radius: 7px;
}
.blog-section .left-sidebar-box .left-search-box .search-box::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  right: 51px;
  opacity: .3;
  background-color: #4a5568;
}
.blog-section .left-sidebar-box .left-accordion-box {
  margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item {
  border: none;
  padding: calc(18px + 7*(100vw - 320px)/1600);
  background-color: #f8f8f8;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box {
  display: flex;
  align-items: center;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image {
  width: 110px;
  border-radius: 5px;
  overflow: hidden;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image img {
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
  padding-left: 15px;
  width: calc(100% - 110px);
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a {
  color: #222;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a h5 {
  font-weight: 600;
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  color: #4a5568;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 svg {
  width: 18px;
  height: 18px;
  stroke-width: 1;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box + .recent-box {
  margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button {
  background-color: #f8f8f8;
  color: #222;
  font-weight: 700;
  padding: 0;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item + .accordion-item {
  margin-top: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5 {
  color: #4a5568;
  font-weight: 600;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  background-color: #0da487;
  padding: 4px 5px 3px;
  border-radius: 100%;
  transition: all .3s ease-in-out;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li {
  display: block;
  position: relative;
  transition: all .3s ease-in-out;
  z-index: 0;
  overflow: hidden;
  width: 100%;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a {
  display: block;
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  color: #222;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li {
  z-index: 0;
  padding: 4px 9px;
  border-radius: 3px;
  transition: all .3s ease-in-out;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li a {
  font-size: calc(13px + 1*(100vw - 320px)/1600);
  color: #4a5568;
  text-transform: capitalize;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover a {
  color: #fff;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #0da487;
  opacity: 0;
}
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover::after {
  opacity: 1;
}
.blog-section .blog-detail-image {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.blog-section .blog-detail-image::before {
  content: "";
  padding-top: 50%;
  display: block;
}
.blog-section .blog-detail-image .blog-image-contain {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 55px 15px 40px;
  text-align: center;
  background: #fff;
  background: linear-gradient(0deg, white 0%, rgba(246, 246, 246, 0) 100%);
  color: #222;
}
.blog-section .blog-detail-image .blog-image-contain .contain-list li {
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
}
.blog-section .blog-detail-image .blog-image-contain .contain-list li + li {
  margin-left: 30px;
}
.blog-section .blog-detail-image .blog-image-contain .contain-list li + li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #222;
  left: -24px;
}
.blog-section .blog-detail-image .blog-image-contain h2 {
  margin: calc(10px + 4*(100vw - 320px)/1600) 0;
  font-weight: 700;
  font-size: calc(22px + 12*(100vw - 320px)/1600);
}
.blog-section .blog-detail-image .blog-image-contain .contain-comment-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(10px + 13*(100vw - 320px)/1600);
  color: #777;
}
.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list {
  display: flex;
  align-items: center;
}
.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list svg {
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
.blog-section .blog-detail-contain p {
  color: #4a5568;
  font-size: calc(15px + 2*(100vw - 320px)/1600);
  line-height: calc(25px + 5*(100vw - 320px)/1600);
  margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
}
.blog-section .blog-detail-contain p .first {
  width: calc(38px + 12*(100vw - 320px)/1600);
  height: calc(38px + 12*(100vw - 320px)/1600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(55px + 15*(100vw - 320px)/1600);
  color: #4a5568;
  float: left;
  margin-right: calc(8px + 12*(100vw - 320px)/1600);
  margin-top: 8px;
}
.blog-section .blog-detail-contain .blog-details-quote {
  padding: calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(62px + 118*(100vw - 320px)/1600);
  border-radius: 10px;
  margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
  background-color: #4a5568;
  position: relative;
  color: #fff;
}
.blog-section .blog-detail-contain .blog-details-quote h3 {
  font-size: calc(18px + 10*(100vw - 320px)/1600);
  line-height: calc(24px + 11*(100vw - 320px)/1600);
  margin-bottom: calc(8px + 12*(100vw - 320px)/1600);
}
.blog-section .blog-detail-contain .blog-details-quote h5 {
  letter-spacing: 3px;
  color: #ddd;
  text-transform: uppercase;
}
.blog-section .blog-detail-contain .blog-details-quote::after {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: calc(38px + 32*(100vw - 320px)/1600);
  color: #0da487;
  top: calc(-6px + 32*(100vw - 320px)/1600);
  left: calc(15px + 72*(100vw - 320px)/1600);
}
.blog-section .leave-title {
  margin: 40px 0 9px;
}
.blog-section .leave-title h3 {
  position: relative;
  font-weight: 700;
  z-index: 0;
  color: #4a5568;
  font-size: 22px;
}
.blog-section .user-comment-box {
  margin-top: 24px;
}
.blog-section .user-comment-box ul {
  display: flex;
  flex-wrap: wrap;
}
.blog-section .user-comment-box ul li {
  padding: 0px 0 50px;
  width: 100%;
  position: relative;
}
.blog-section .user-comment-box ul li .user-box {
  display: flex;
  align-items: flex-start;
}
.blog-section .user-comment-box ul li .user-box .reply-button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.blog-section .user-comment-box ul li .user-box .reply-button svg {
  margin: -3px 9px 0 0;
  color: #777;
}
.blog-section .user-comment-box ul li .user-box .user-image {
  position: relative;
}
.blog-section .user-comment-box ul li .user-box .user-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
  overflow: hidden;
}
.blog-section .user-comment-box ul li .user-box .user-image .user-name {
  position: absolute;
  top: 0;
  left: 80px;
  width: 220px;
}
.blog-section .user-comment-box ul li .user-box .user-image .user-name h6 {
  color: #4a5568;
  margin-bottom: 6px;
}
.blog-section .user-comment-box ul li .user-box .user-image .user-name h5 {
  font-weight: 600;
  color: #4a5568;
}
.blog-section .user-comment-box ul li .user-box .user-contain {
  width: calc(100% - 70px);
  padding-left: 20px;
}
.blog-section .user-comment-box ul li .user-box .user-contain p {
  font-size: calc(13px + 2*(100vw - 320px)/1600);
  line-height: 1.6;
  color: #4a5568;
  margin-bottom: 0;
  margin-top: 50px;
  width: 85%;
}
.blog-section .leave-box {
  padding: calc(18px + 12*(100vw - 320px)/1600);
  background-color: #f8f8f8;
  border-radius: 6px;
}
.blog-section .leave-title {
  margin: 40px 0 9px;
    margin-top: 40px;
}
.blog-section .leave-title h3 {
  position: relative;
  font-weight: 700;
  z-index: 0;
  color: #4a5568;
  font-size: 22px;
}
.blog-section .leave-box .leave-comment .comment-notes p {
  line-height: 1.6;
}
.blog-section .leave-box .leave-comment .blog-input .form-control {
  border: none;
  font-size: 14px;
  padding: calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600);
}
.blog-section .leave-box .leave-comment .contact-btn {
  margin-left: 0;
  margin-top: 1rem !important;
}
.shop-section .show-button {
  margin-bottom: 14px;
}
.shop-section .show-button .filter-button-group {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.shop-section .show-button .filter-button {
  color: #fff;
}
.shop-section .show-button .filter-button a {
  font-size: calc(14px + 2*(100vw - 320px)/1600);
  font-weight: 600;
  padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
  background-color: #0da487;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}

/* Media query */

@media(max-width: 1660px) {
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon svg {
    margin-right:0
  }
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail {
    display:none
  }
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist svg {
    color:#222
  }
  header .navbar-nav .dropdown-menu-2 {
    width:63vw
  }
  .product-list li .offer-product .offer-image {
    width: 90px;
  }
  .product-list li .offer-product .offer-image img {
    width: 90px;
    height: 70px;
  }
  .service-contain .service-box + .service-box::before {
    left: -70px;
  }
  .faq-breadcrumb .breadcrumb-contain p {
    width: 60%;
  }
  .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
    width: 60%;
  }
}
@media(max-width: 1400px) {
  header .navbar-nav .dropdown-menu-2 {
    background-position:20px center
  }
  .service-contain .service-box + .service-box::before {
    left: -36px;
  }
  footer .main-footer .footer-contact ul li::before {
    bottom:-20px
  }
  .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
    column-count: 1;
    padding: 15px;
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .select-option {
    margin-top:6px
  }
}
@media (max-width: 1366px) {
header .header-nav .header-nav-right .deal-button span {
  display: none;
}
header .navbar-nav .dropdown-menu-2 {
  width:77vw;
}
.service-contain .service-box + .service-box::before {
  left: -31px;
}
.service-contain .service-box {
  width: 50%;
}
.service-contain .service-box:nth-child(-n+2) {
  margin-bottom: 15px;
}
.service-contain .service-box:nth-child(3)::before {
  display:none
}
.col-custom-3 {
  width: 25%;
}
.col-custom- {
  width: 75%;
}
.cart-table table tbody tr td.product-detail .product {
  align-items: flex-start;
}
.cart-table table tbody tr td.product-detail .product .product-image {
  width: 80px;
}
.faq-breadcrumb .breadcrumb-contain p {
  width: 70%;
}
.faq-breadcrumb .breadcrumb-contain .faq-form-tag {
  width: 70%;
}
}
@media(max-width: 1300px) {
  header .top-nav .navbar-top .middle-box .location-box button .locat-name,
  header .top-nav .navbar-top .middle-box .location-box button svg.fa-angle-down {
    display: none;
  }
  header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
    margin-right: 0;
  }
  .title-flex {
    display: block;
  }
  .title-flex .timing-box .timing {
    margin-top: calc(14px + 6*(100vw - 320px)/1600);
  }
}
@media(min-width: 1200px) {
  header .navbar-expand-xl .dropdown-mega {
    position:unset
  }
  header .navbar-expand-xl .dropdown-mega>.dropdown-menu {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    flex-wrap:nowrap
  }
  header .navbar-expand-xl .dropdown-mega:hover>.dropdown-menu {
    display:flex
  }
  header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item {
    padding:0;
    margin:10px 0px 0 0
  }
  header .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img {
    width:200px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    margin:0
  }
  header .navbar-expand-xl .dropdown-mega .dropdown-column {
    margin-top:5px
  }
  header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header {
    padding:0;
    font-size:16px;
    font-weight:600;
    margin-bottom:14px
  } 
  header .offcanvas-expand {
    transform:none !important;
    z-index:1031
  }
  header .offcanvas-expand.offcanvas-start {
    transform:none !important
  }
  header .offcanvas-expand.offcanvas-end {
    transform:none !important
  }
  header .offcanvas-expand.offcanvas-bottom {
    transform:none !important
  }
  header .offcanvas-collapse {
    display:block;
    position:static;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    transform:none !important;
    background-color:rgba(0,0,0,0);
    box-shadow:none
  }
  header .offcanvas-collapse .offcanvas-header {
    display:none
  }
  header .offcanvas-collapse .offcanvas-footer {
    display:none
  }
  header .offcanvas-collapse .offcanvas-body {
    padding:0;
    overflow:initial
  }
  header .offcanvas-enabled-start {
    padding-left:376px
  }
  header .offcanvas-enabled-end {
    padding-right:376px;
    padding-left:0
  }  
}
@media(max-width: 1199px) {
  .col-custom-3 {
    width: 30%;
  }
  .col-custom- {
    width: 70%;
  }
  header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul {
    position:fixed;
    top:0;
    left:0;
    width:320px
  }
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
    display:block
  }
  header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
    width:calc(300px + 20*(100vw - 1200px)/720);
    transform:translateX(-100%);
    z-index:7
  }
  .custom-mt {
    margin-top:calc(9px + 3*(100vw - 320px)/880)
  }
  .new-nav-item .new-dropdown {
    position:relative;
    top:unset;
    left:unset;
    right:unset;
    margin-left:9px;
    border-radius:3px
  }
  .new-nav-item {
    -webkit-box-pack:unset !important;
    -ms-flex-pack:unset !important;
    justify-content:unset !important
  }
  header .navbar-nav .dropdown-menu {
    opacity:1;
    visibility:visible;
    display:none !important;
    transform:translateY(0)
  }
  header .top-nav .navbar-top {
    justify-content: normal;
  }
  header .top-nav .navbar-top .rightside-box {
    margin-left: auto;
  }
  header .navbar-nav .dropdown-menu.show {
    display:block !important
  }
  header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header {
    padding-left:10px;
    font-size:15px;
    font-weight:500;
    color:rgba(34,34,34,.8)
  }
  header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
    left:unset
  }
    header .offcanvas-collapse .offcanvas-body .navbar-nav {
      padding-top:0
    }
    header .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item {
      margin-left: 0;
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-item {
      border-top:0
    }
    header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
      right: 0;
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link {
      display:flex;
      align-items:center;
      justify-content:unset;
      color:#4a5568;
      font-weight:700;
      padding-left: 0;
      padding-right: 0;
    }
    header .top-nav .navbar-top .middle-box .search-box {
      display: none;
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover {
      color:#0da487;
      background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.active {
      color:#0da487;
      background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.disabled {
      color:#4a5568
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .show>.nav-link {
      color:#0da487;
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .active>.nav-link {
      color:#0da487;
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu li {
      display:block;
      width:100%
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
      color:#4a5568;
      font-size:14px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:hover {
      color:#0da487;
      background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
      position:relative;
      margin-left:15px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item::before {
      content:"";
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:7px;
      height:1px;
      background-color:rgba(74,85,104,.651);
      left:-4px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.active {
      color:#0da487;
      background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled {
      color:#4a5568
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header {
      font-size:16px;
      font-weight:600
   }
   header .navbar-expand-xl .offcanvas {
    z-index:4;
    -webkit-box-flex:2
  }
  header .navbar-expand-xl .dropdown .dropdown::before {
    right:0
  }
  header .offcanvas-body {
    padding:calc(13px + 7*(100vw - 320px)/880) calc(16px + 8*(100vw - 320px)/880)
  }
  header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
    position:relative;
    top:unset;
    left:unset;
    opacity:1;
    min-width:auto;
    z-index:1;
    visibility:visible;
    box-shadow:none;
    margin:5px 0 12px 29px;
    padding:0
  }
  header .navbar-nav .dropdown-menu-2::after {
    content:none
  }
  header .navbar-nav .dropdown-menu-2 {
    width:100%;
    padding:0 !important;
    left:0;
    margin:0
  }
  header .navbar-nav .dropdown-image .dropdown-column .dropdown-item {
    padding:0
  }
  header .navbar-nav .dropdown-image .dropdown-column {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  footer::after,
  footer::before  {
    content:none;
  }
  .product-section .col-md-4 {
    display: none;
  } 
  header .navbar-toggler {
    margin-right: 10px;
    transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  }
  header .navbar-toggler-icon {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #222;
    -webkit-text-fill-color: #222;
   opacity: 1;
  }
  header .top-nav .navbar-top .middle-box .location-box {
    margin-left: 13px;
    margin-right: 0;
  }
  .dropdown-toggle::after {
    display: none; 
  }
  .home-section .col-md-8,
  .home-section .col-md-4,
  .product-section .col-md-8 {
    width: 100%;
  }
  .home-section .col-md-4 {
    padding-top: 30px;
  }
  .sticky-bottom-cart .selection-section .form-group {
    width:190px
  }
  .faq-box-contain .faq-contain {
    margin-bottom:calc(30px + 20*(100vw - 320px)/1600)
  }
  .faq-box-contain .faq-contain p {
    width:70%
  }
}
@media(max-width: 991px) {
  .col-custom- {
    width: 100%;
  }
  header .navbar-nav .dropdown-image {
    left:0;
    margin-top:0
  }
  .header-top .col-md-9 {
    display: none;
  }
  .header-top .col-md-3 {
    width: 100%;
  }
  footer .main-footer .footer-contact ul li::before {
    bottom:-18px
  }
  footer .sub-footer ul {
    display:block;
    text-align:center
  }
  footer .sub-footer {
    display:block;
    text-align:center
  }
  footer .sub-footer .payment {
    margin:8px 0
  }
  footer .sub-footer .social-link {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  header .onhover-category-list .onhover-category-box {
    grid-template-columns:auto;
    display:block;
    width:100%
  }
  header .onhover-category-list .onhover-category-box .list-2 {
    margin-top:15px
  }
  .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
    width:90%
  }
  .faq-breadcrumb .breadcrumb-contain p {
    width:90%
  }
  .faq-box-contain .faq-contain p {
    width:90%
  }
  .shop-section .show-button .top-filter-menu {
    margin-top: 18px;
  }
  .shop-section .left-box {
    width: 300px;
    height: 100%;
    border-right: unset;
    position: fixed;
    top: 0;
    left: -350px;
    background-color: #fff;
    z-index: 1041;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow-x: scroll;
    overflow-y: auto;
    transition: all .3s ease-in-out;
  }
  .shop-section .left-box.show {
    left: 0;
  }
  .shop-section .left-box .shop-left-sidebar {
    padding: calc(16px + 10*(100vw - 320px)/1600);
  }
  .shop-section .left-box .shop-left-sidebar .back-button {
    display: block;
    margin-bottom: 26px;
    cursor: pointer;
  }
  .shop-section .left-box .shop-left-sidebar .filter-category {
    margin-bottom: 25px;
  }
  .product-list-section {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
  }
}
@media(max-width: 767px) {
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
    display:none
  }
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
    display:block
  }
  header .header-nav .header-nav-left .category-dropdown .category-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 24px;
    border-bottom:1px solid #ececec;
    box-shadow:0 2px 10px -3px rgba(34,34,34,.1)
  }
  header .header-nav .header-nav-left .category-dropdown {
    width:calc(300px + 20*(100vw - 320px)/1600);
    height:100vh;
    position:fixed;
    top:0;
    left:-320px;
    border-radius:0;
    z-index:10;
    padding:0;
    opacity:1;
    visibility:visible;
    transition:all .3s ease-in-out;
    box-shadow:none
  }  
  header .header-nav .header-nav-left .category-dropdown.show {
    left:0
  }
  header .header-nav .header-nav-left .dropdown-category,
  header .header-nav .header-nav-right,
  header .top-nav .navbar-top .middle-box {
    display:none
  }
  header .header-nav .header-nav-left .category-dropdown:hover {
    opacity:1;
    visibility:visible;
    top:0
  }
  header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
    display:none
  }
  header .top-nav {
    padding: 24px 0 0;
  }
  header .top-nav .navbar-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .home-section {
    padding-top: 10px;
  }
  header .top-nav .navbar-top {
    justify-content: space-between;
  }
  header .top-nav .navbar-top .rightside-box {
    margin-left: unset;
  }
  .newsletter-detail {
    padding-left: 15px;
  }
  footer .main-footer {
    border:none;
    padding-top:0
  }
  footer .main-footer .footer-contact ul li::before {
    bottom:-16px
  }
  footer .sub-footer {
    margin-bottom:66px
  }
  .service-contain {
    display: none;
  }
  .mobile-menu ul {
    width:80%
  }
  header .onhover-category-list .onhover-category-box {
    position:relative;
    top:0;
    left:0;
    display:block;
    width:100%;
    box-shadow:none;
    padding:12px 11px;
    margin-top:7px;
    opacity:1;
    visibility:visible;
    margin-left:0
  }
  .sticky-bottom-cart .selection-section .form-group {
    margin-right:0;
    width:unset
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
    display:block
  }
  .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
    width:100%
  }
  .faq-breadcrumb .breadcrumb-contain p {
    width:100%
  }
  .faq-box-contain .faq-contain p {
    width:100%;
    text-align:justify
  }
  .business-section .business-contain > .row > div:last-child {
    margin-bottom: 0;
  }
}
@media(max-width: 575px) {
  .banner-contain .banner-details p.banner-text {
    width:80%
  }
  footer .main-footer .footer-logo .theme-logo {
    margin-bottom:15px
  }
  footer .main-footer .footer-title h4 {
    font-weight:500
  }
  .slick-slider .slick-list .slick-slide > * {
    margin: 0 6px;
  }
  .blog-box .blog-box-image img {
    width: 100%;
  }
  .newsletter-detail {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sticky-bottom-cart .selection-section {
    display:none
  }
    .sticky-bottom-cart .add-btn a+a {
    margin-left:8px
  }
  .stickyCart {
    padding-bottom:0
  }
  .sticky-bottom-cart .add-btn a.wishlist-btn {
    display:flex
  }
  .sticky-bottom-cart .add-btn a {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .sticky-bottom-cart .add-btn {
    display:flex;
    align-items:center;
    justify-content:center
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    display:none
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    margin-left:0
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    content:none
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display:flex;
    align-items:center
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom:0
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.charge {
    margin-top:8px
  }
  .order-detail .progtrckr {
    display:inline;
    margin:30px 0;
    overflow:hidden
  }
  .order-detail .progtrckr li {
    margin:0;
    width:50% !important
  }
  .order-detail .progtrckr li h5 {
    display:block;
    text-align:left;
    margin-top:0
  }
  .order-detail .progtrckr li:before {
    position:relative;
    top:10px;
    float:left;
    left:-2px !important;
    line-height:1;
    -webkit-transform:translate(-50%, -50%) !important;
    transform:translate(-50%, -50%) !important
  }
  .order-detail .progtrckr li.progtrckr-todo {
    position:relative;
    text-align:left;
    margin-left:30px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding-bottom:calc(20px + 20*(100vw - 320px)/1600);
    padding-left:30px;
    border-top:unset;
    border-left:4px solid #959595
  }
  .order-detail .progtrckr li.progtrckr-todo:before {
    position:absolute;
    top:10px;
    left:-17px;
    line-height:1;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
  }
  .order-detail .progtrckr li.progtrckr-done:first-of-type {
    padding-top:5px
  }
  .order-detail .progtrckr li.progtrckr-done {
    position:relative;
    text-align:left;
    margin-left:30px;
    -webkit-box-align:self-start;
    -ms-flex-align:self-start;
    align-items:self-start;
    padding-bottom:calc(20px + 20*(100vw - 320px)/1600);
    border-top:unset;
    border-left:4px solid var(--theme-color)
  }
}
@media(max-width: 480px) {
  .banner-contain .banner-details p.banner-text {
    width:100%
  }
  .mobile-menu ul {
    width:95%
  }
  .cookie-bar-box {
    max-width:100%;
    right:0;
    margin:0 10px
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display:block
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom:5px
  }
  .checkout-section .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    margin-top:5px
  }
}
@media(max-width: 360px) {
  footer .main-footer .footer-logo .footer-logo-contain p {
    width:100%
  }
  footer .main-footer .footer-contact ul li::before {
    bottom:-13px
  }
  .mobile-menu ul {
    width:100%
  }
  .mobile-menu ul li a {
    font-size:13px
  }
}