/*@import url(https://db.onlinewebfonts.com/c/5e4df315bceb4e9c81342f0cfbc7dbf8?family=WT+Monarch+Nova+Roman);*/
/* @import url('./font/NT VALENTINO.woff'); */
@font-face {
  font-family: "NT VALENTINO Regular";
  font-style: normal;
  font-weight: normal;
  src: local("NT VALENTINO Regular"),
    url("../../font/NT VALENTINO.woff") format("woff");
}
@font-face {
  font-family: "NT VALENTINO Italic";
  font-style: normal;
  font-weight: normal;
  src: local("NT VALENTINO Italic"),
    url("../../font/NT VALENTINO Italic.woff") format("woff");
}
.font-family-valentino {
  font-family: "NT VALENTINO Regular" !important;
}
/*@import url(https://db.onlinewebfonts.com/c/5e4df315bceb4e9c81342f0cfbc7dbf8?family=WT+Monarch+Nova+Roman);*/
@import url("./font/NT VALENTINO.woff");

::-webkit-input-placeholder {
  color: #616161;
}
.placeholder {
  color: #616161 !important;
}
select {
  -webkit-appearance: menulist-button;
  color: #000000;
}

select:invalid {
  color: #616161;
}
input[type="date"]:invalid::-webkit-datetime-edit {
  color: #616161;
}

option:first-child.active,
option:first-child:focus {
  color: #616161;
}

fieldset,
img,
legend {
  border: none;
}

blockquote,
body,
select {
  line-height: 22px;
}

.button,
img {
  max-width: 100%;
}

a,
a:hover {
  text-decoration: none;
}

.icon,
.link .icon {
  fill: #000000;
}

.button,
label {
  line-height: 20px;
}

.slick-slider img,
body {
  visibility: visible !important;
}

.button,
svg {
  vertical-align: middle;
}

.button,
.header-language_currency .text,
table th {
  text-transform: capitalize;
}

.product-card .product-card-information .card-title,
.product-card .product-card-information .card-vendor {
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  letter-spacing: 0.02em;
  font-size: 12px;
}

.break,
.card__badge .badge {
  word-break: break-word;
}

.link-underline:hover .text,
.product-card-menu .shop-now .text,
.text-underline .text {
  text-underline-offset: 0.2rem;
}

.hidden,
.hide,
.no-js-inline,
.no-js:not(html),
html.no-js .no-js-hidden {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

:focus,
button:focus {
  outline: 0;
}

.wrapper-overlay {
  position: fixed;
  background-color: rgba(35, 35, 35, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  display: none;
  z-index: 100;
}

.button,
.link,
svg {
  display: inline-block;
}
body {
  overflow-x: hidden;
  background-color: rgb(0, 0, 0);
}

/*html {*/
/*	padding-bottom: 0 !important;*/
/*	position: relative;*/
/*	-webkit-font-smoothing: antialiased*/
/*}*/

body,
html {
  font-size: 15px;
  color: #fff;
}

body {
  /*background-color: #ffffff;*/
  margin: 0 auto;

  letter-spacing: normal;
  opacity: 1 !important;
}
.font-family-valentino {
  font-family: "NT VALENTINO Regular";
}
img {
  height: auto;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  word-wrap: normal !important;
}

.overflow-hidden {
  overflow: hidden;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.close svg {
  width: 17px;
  height: 17px;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #fff inset;
  -webkit-text-fill-color: #232323;
}

input::-ms-clear,
select::-ms-expand {
  display: none;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="checkbox"] + .form-label--checkbox,
input[type="radio"] + .form-label--radio {
  display: block;
  width: 100%;
  position: relative;
  padding: 0 0 0 23px;
  margin: 0;
  pointer-events: auto;
  cursor: pointer;
}

input[type="checkbox"] + .form-label--checkbox:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  border: 1px solid #aaaaaa;
  width: 15px;
  height: 15px;
  border-radius: 0;
}

input[type="checkbox"] + .form-label--checkbox:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  opacity: 0;
  top: 6px;
  left: 3px;
  border: 2px solid #000000;
  border-top: none;
  border-right: none;
  background: rgba(255, 255, 255, 0);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-appearance: none;
}
/* 
input[type=checkbox]:checked+.form-label--checkbox:before {
	background-color: #000;
	border-color: #000
} */

input[type="checkbox"]:checked + .form-label--checkbox:after {
  opacity: 1;
}

input[type="radio"] + .form-label--radio:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-transition: 50ms ease-out;
  transition: 50ms ease-out;
  background-color: transparent;
  border: 1px solid #e6e6e6;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

input[type="radio"]:checked + .form-label--radio:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type="radio"] + .form-label--radio:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  -webkit-transition: 50ms ease-out;
  transition: 50ms ease-out;
  width: 0;
  height: 0;
  border: 4px solid #000;
  background-color: #000;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

input[type="number"] {
  -moz-appearance: textfield !important;
}

blockquote {
  border: none;
  background-color: #fafafa;
  color: #3c3c3c;
  font-size: 12px;
  font-style: normal;
  margin: 0;
  padding: 20px 35px;
}

select,
select + .icon-dropdown {
  background-color: rgba(255, 255, 255, 0);
}

input[type="image"] {
  width: auto;
}

input[type="color"],
input[type="file"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.field__input,
.form-input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="file"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: 13px 12px 13px 16px;
  line-height: 22px;
  /* border-radius: 12px; */
}

.custom-radio input[type="radio"],
input[type="checkbox"] {
  vertical-align: top;
  margin-right: 10px;
  display: none;
}

input[type="checkbox"] + label {
  padding-left: 26px;
  cursor: pointer;
  margin-bottom: 9px;
  position: relative;
}

input[type="checkbox"] + label:before {
  position: absolute;
  content: "";
  top: 2.5px;
  left: 0;
  border: 1px solid #d0d0d0;
  width: 14px;
  height: 14px;
  background-color: #fff;
}

input[type="checkbox"] + label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: 3px;
  border: 2px solid #232323;
  border-top: none;
  border-right: none;
  background: rgba(255, 255, 255, 0);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(-45deg);
  transform: scale(0) rotate(-45deg);
}

input[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
}

select {
  border-radius: 0;
  border: 1px solid rgba(117, 117, 117, 0.2);
  display: block;
  width: 100%;
  padding: 13px 12px 13px 16px !important;
  outline: 0;
  position: relative;
  z-index: 2;
  appearance: none;
  background-color: transparent;
  min-height: 36px;
}

.form-success,
table {
  border: 1px solid #ebebeb;
}

select * {
  outline: 0;
  background: #1a1a1a;
  border: 1px solid #333;
  color: #fff;
  border: none;
}
p {
  color: #a1a1a1;
}
select + .icon-dropdown {
  width: 30px;
  position: absolute;
  bottom: 0;
  right: 2px;
  height: 36px;
  top: inherit;
  z-index: 1;
  display: -moz-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

select + .icon-dropdown .fa {
  font-size: 16px;
}

label em {
  color: #f1152f;
  font-weight: 500;
  font-style: italic;
}

label.hiddenLabel {
  display: none;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.field__input,
.form-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  appearance: none;
}

ol,
ul {
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}

ol li,
ul li {
  margin-bottom: 0.25em;
}

a:hover {
  color: #a1a1a1;
  outline: 0;
}

.errors ul {
  padding-left: 0;
}

.form-success {
  margin-bottom: 20px;
  padding: 5px 20px 5px 30px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  /* line-height: 1.25em; */
  line-height: 1em;
  margin: 0;
  padding: 0;
  /* color: rgb(0, 0, 0)	; */
  color: #fff;

  /* */
}

h4,
h5,
h6 {
  margin-bottom: 1.5em;
}

h2 {
  font-size: 2em;
  margin-bottom: 1em;
  /* font-family: "NT VALENTINO Regular"; */
}

h3 {
  font-size: 20px;
  margin-bottom: 1.25em;
}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 1em;
}

/* p:last-child,
p:last-of-type {
  margin-bottom: 0;
} */

small {
  font-size: 12px;
}

table {
  min-width: 100%;
}

table td,
table th {
  border-bottom: 1px solid #ebebeb;
  padding: 9px 15px;
}

table th {
  font-size: 11px;
  font-weight: 700;
}

.button.disabled,
.button:disabled,
.button[aria-disabled="true"],
.button[disabled],
button.disabled,
button:disabled,
button[aria-disabled="true"],
button[disabled] {
  opacity: 0.6;
  cursor: default !important;
}

.pagination__list .pagination-arrow.disabled,
.slick-arrow.slick-disabled {
  opacity: 0.4;
}

.button {
  font-weight: 700;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0;
  border: 1px solid transparent;
  min-width: 160px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 12px 15px 11px;
  font-size: 14px;
  letter-spacing: 0.05em;
  cursor: pointer;
  text-align: center;
  /* border-radius: 12px; */
}
.border-top {
  border-top: 1px solid #ffffff45 !important;
}
.desc,
.link {
  font-weight: 400;
}

a,
hr {
  border: none;
}

.breadcrumb a,
.desc,
.link {
  font-size: 13px;
}

label {
  font-size: 12px;
}
.breadcrumb a,
.desc,
.field__input,
.form-input,
label {
  letter-spacing: 0.02em;
}

.button.button-1 {
  background-color: #e4002b;
  border-color: #e4002b;
  color: #fff;
  /* border-radius: 12px !important; */
}

.button.button-1:hover {
 /* background-color: #e31e2e;
  border-color: #e31e2e;*/
 background-color: #ff0030 !important;
    border-color: #ff0030 !important;

}

.button.button-2 {
  background-color: #e4002b;
  border-color: #e4002b;
  color: #ffffff;
}
.button.button-2:hover {
  background-color: #e31e2e;
  border-color: #e31e2e;
}
.button.button-3 {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  width: 270px;
  height: 50px;
}

.desc,
a {
  color: #000000;
}

.left,
.text-left {
  text-align: left;
}

.center,
.text-center {
  text-align: center;
}

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

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.content-box--absolute {
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 15px;
  margin: 0 auto;
  width: 100%;
  line-height: 50px;
}
@media (max-width: 600px) {
.sm-mt-0{
margin-top:0 !important;
}
.sm-mb-0{
margin-bottom:0 !important;
}
.sm-mt-5{
margin-top:5px !important;
}
.sm-mb-5{
margin-bottom:5px !important;
}
.sm-mt-6{
margin-top:6px !important;
}
.sm-mb-6{
margin-bottom:6px !important;
}
.sm-mt-7{
margin-top:7px !important;
}
.sm-mb-7{
margin-bottom:7px !important;
}
.sm-mt-8{
margin-top:8px !important;
}
.sm-mb-8{
margin-bottom:8px !important;
}
.sm-mt-9{
margin-top:9px !important;
}
.sm-mb-9{
margin-bottom:9px !important;
}
.sm-mt-10{
margin-top:10px !important;
}
.sm-mb-10{
margin-bottom:10px !important;
}
.sm-mt-20{
margin-top:20px !important;
}
.sm-mb-20{
margin-bottom:20px !important;
}
.sm-mt-30{
margin-top:30px !important;
}
.sm-mb-30{
margin-bottom:30px !important;
}
.page-sidebar--horizontal .title{
        font-size: 24px !important;
        padding-top: 30px;
}
.cart-empty-text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
}
.privacy-details p, .privacy-details ul li {
    font-size: 14px !important;
}
  .account-head {
    font-size: 22px;
    padding-bottom: 0px !important;
   /* margin-bottom: 0px !important; */
    opacity: 1;
    color: #a1a1a1;
}
  .sm-mt-20px{
    margin-top: 20px !important;
  }
  .tab-content1 h2{
    font-size: 19px !important;
  } 
  .order-nav-tab {
    padding: 4px 10px !important;
    background: transparent;
    border: none;
    color: #a1a1a1;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}
  .preloader__img {
    display: block;
    width: 165px !important;
    height: auto;
  }
  .preloader__indicator {
    margin-top: 30px !important;
margin-left: 90px !important;
    width: 100px !important;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
   /* overflow: hidden; */
    position: relative;
  }

  .contact__info h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    color: #fff;
    padding-bottom: 0px !important;
    margin-bottom: 20px !important;
  }
  .page-contact .page-content {
    padding-top: 30px !important;
  }
  .page-contact .heading {
    margin-top: 3rem;
    margin-bottom: 3rem !important;
  }
  .newsletter p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px !important;
    letter-spacing: 0.5px;
  }
  .hero-container-text {
    z-index: 4;
    grid-column-gap: 1em;
    /* grid-row-gap: 1em; */
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 10em !important;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    z-index: 99;
  }
  .footer {
    padding: 0px 0 70px !important;
  }
  .accordion-item .zerolenses .accordion-body {
    display: flex !important
;
    flex-wrap: wrap !important;
    flex-direction: row;
    gap: 25px;
  }
  .filter-container.fixed {
    /* position: fixed; */
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    z-index: 1 !important;
    padding: 45px 0px 30px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    transition: top 0.3s ease, padding 0.3s ease;
  }
  #formopentag {
    margin-top: 30px;
  }
  #formopentag .container {
    width: 100%;
    max-width: 100%;
    padding: 0 0px !important;
    margin: 0 auto;
  }
  .page-cart .cart-page-wrapper .cart-items .previewCartItem,
  .page-cart .order-page-wrapper .order-items .previewCartItem {
    display: grid;
    -ms-grid-columns: 15.125% 35.45% 14.125% 22.5% 7% auto;
    grid-template-columns: 23.125% 26.45% 14.125% 22.5% 7% auto;
    border: 1px solid #ffffff1c !important;
    padding: 20px;
    height: fit-content !important;
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
  }
  .percision-dark {
    background-color: #000;
    color: white;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 40px;
  }
  .product-header .mb-5{
margin-bottom: 1rem !important;
  }
  .font-family-valentino-heading {
    font-family: "NT VALENTINO Regular" !important;
    font-size: 40px !important;
    margin-bottom: 20px !important;
    opacity: 1 !important;
  }
  .card-price-collection {
    font-size: 13px !important;
    font-weight: 500;
    color: #949494;
  }
  .product-image {
    width: 100%;
height: 250px !important;
    /* object-fit: cover !important; */
  }
  .center-contents {
    position: absolute !important;
    top: 40% !important;
    left: 0;
  }
  .content-box--absolute {
    line-height: 40px;
  }

  .tooltiptext1 .product-card .product-card-bottom,
  .tooltiptext .product-card .product-card-bottom {
    padding: 0px 0 0px !important;
  }

  .halo-row-item
    .product-card
    .product-card-top
    .product-card-media
    .image-adapt,
  .product-card .product-card-top .product-card-media .image-adapt,
  .product-card .product-card-top .product-card-media .image-height-adapt {
    padding-bottom: 40% !important;
  }
}
/* .halo-row-item .product-card .product-card-top .product-card-media .image-adapt,
.product-card .product-card-top .product-card-media .image-adapt,
.product-card .product-card-top .product-card-media .image-height-adapt {
  height: 120px !important;
  border-radius: 12px 12px 0px 0px;
  background-color: white;
} */
.content-box--absolute .expand-lenses-btn {
  background-color: #e31e2e;
  color: white;
  font-weight: 600;
  padding: 15px 30px;
  font-size: 13px !important;
  border-radius: 12px;
}
.product-card .product-card-bottom .link-underline {
  color: #000000 !important;
}
.content-box--full {
  max-width: 100% !important;
}

.display-empty:empty,
br:empty,
circle:empty,
hr:empty,
iframe:empty,
img:empty,
input:empty,
line:empty,
model-viewer:empty,
path:empty,
polyline:empty,
rect:empty,
shopify-installments-modal:empty,
shopify-payment-terms:empty,
textarea:empty,
use:empty {
  display: block;
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.link {
  vertical-align: top;
  line-height: 22px;
}

.link-underline .text,
.menu-lv-item .text {
  -webkit-transition: -webkit-text-decoration 0.1s;
  transition: text-decoration 0.1s;
  transition: text-decoration 0.1s, -webkit-text-decoration 0.1s;
}
.productView-wishlist button {
  background-color: transparent;
  border: none;
  margin-top: -10px;
}

.productView-wishlist button svg:active {
  fill: red;
}
.image-adapt {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.halo-block-content .banner-item .image-banner-radius .image-adapt img {
  border-radius: 0px !important;
}
.image-adapt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
  border-radius: 18px;
}
.image-height-adapt img {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;

  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
  border-radius: 18px 18px 0px 0px;
}
.image-adapt-new img {
  width: 100%;
}
hr {
  height: 0.1rem;
  display: block;
  margin: 5rem 0;
  background-color: #ebebeb;
}

details > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.megamenu-custom-product-width-banner .product-card .card-action,
.visibility-hidden {
  visibility: hidden;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: #e0e0e0;
}

body:hover::-webkit-scrollbar-thumb {
  background-color: #aeaeae;
}

.disable-scrollbar::-webkit-scrollbar {
  display: none;
}

.disable-scrollbar::-webkit-scrollbar-track {
  display: none;
}

.disable-scrollbar::-webkit-scrollbar-thumb {
  display: none;
}

.disable-scrollbar::-webkit-scrollbar-thumb:hover {
  display: none;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  background-color: #f4f4f4;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #aeaeae;
}

.custom-scrollbar-x::-webkit-scrollbar {
  height: 3px;
}

.custom-scrollbar-x::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}

.custom-scrollbar-x::-webkit-scrollbar-thumb {
  background-color: #aeaeae;
}

:focus-visible {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

:focus,
:focus:not(:focus-visible) {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.focus-inset:focus-visible {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.focus-inset:focus,
.focus-inset:focus:not(:focus-visible) {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.focus-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}
svg {
  fill: #fff;
  stroke: #fff;
  width: 1rem;
  height: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.gift-card-container a {
  color: #fff !important;
}
/* svg {
  fill: currentColor;
  stroke: currentColor;
  fill: currentColor;
  stroke: currentColor;
  width: 1rem;
  height: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
} */
.halo-row-item .wrapper-item .icon svg {
  width: 2.5rem;
  height: 2.5rem;
}
.halo-row-item .wrapper-item .icon {
  text-align: center;
}
.icon {
  stroke: transparent;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.img-box .image {
  border-radius: 18px;
}
.container,
.img-box .image {
  display: block;
  position: relative;
}

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

.flex-all-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.breadcrumb.position-center,
.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-center,
.wrapper-mega-banner .halo-col-banner .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.row {
  margin-left: -5px;
  margin-right: -5px;
  padding: 0;
}

/*.row>* {*/
/*	padding: 0;*/
/*	margin: 0*/
/*}*/

.row.column-5 .halo-row-item {
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
}
/*
.product-carousel .product-item,
.row .halo-item {
	padding: 0 5px
}*/
.product-carousel .product-item {
  border-radius: 18px;
}
.row .halo-row-item {
  position: relative;
  padding: 0 5px;
}

.col5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.desc {
  line-height: 2;
  margin: 0;
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.container.container-full {
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
}

.container-1920 {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}

.img-box .image {
  overflow: hidden;
}

.has-stickyHeader .header-default .header-top,
.has-stickyHeader .header-default .menu-lv-1 .label,
.header-default .header-bottom .Header-icon-fixed,
.header-language_currency .dropdown-toggle::after,
.img-box--mobile .image {
  display: none;
}

.fullwidth-banner .img-box,
.halo-block-video,
.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item,
.header-language_currency .disclosure,
.page-header,
.product-card .product-card-top {
  position: relative;
}
.page-header .title {
  font-family: "NT VALENTINO Regular" !important;
}
.has-stickyHeader .header-default .header-bottom .Header-icon-fixed,
.has-stickyHeader .header-default .header-bottom .header-log-fixed,
.img-box--mobile .image + .image {
  display: block;
}

[data-banner-carousel] .row:not(.slick-slider) {
  overflow: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.page {
  padding-bottom: 50px;
}

.page-header .page-title {
  margin-bottom: 22px;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #232323;
}

.page-header .content-box--absolute .breadcrumb {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000000;
  padding: 18px 0 0;
  margin: 0;
  letter-spacing: 0.02em;
}

.page-header .content-box--absolute .breadcrumb .separate svg {
  color: #fff;
  fill: #000000;
}

.menu-lv-1:hover > a:hover,
.page-header .content-box--absolute .breadcrumb a {
  color: #fff;
}

.page-header .content-box--absolute .page-title {
  color: #fff;
  padding: 12px 0;
}
.previewCartItem-name .text {
  color: #fff;
}
.breadcrumb span {
  color: #a1a1a1;
}
.breadcrumb {
  color: #a1a1a1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  /* justify-content: flex-start; */
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 20px 0 15px;
}
.breadcrumb .bread-text:nth-child(1) {
  color: #999;
}
.breadcrumb a:hover {
  color: #999;
}
label {
  color: #000000;
  opacity: 0.9;
}

.breadcrumb a {
  line-height: 24px;
  color: #e31e2e !important;
}

.breadcrumb .separate {
  display: block;
  position: relative;
  padding: 0 7px;
}

.breadcrumb .separate svg {
  width: 9px;
  height: 10px;
  position: relative;
  top: -1px;
  color: #e31e2e;
  fill: #e31e2e;
}

.contact-form .form-field + .form-field {
  margin-top: 25px;
}

.field__label,
.form-label {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 9px;
  font-size: 15px;
}

label {
  font-weight: 500;
  text-align: left;
}

.contact-form .form-input {
  padding-top: 10px;
  padding-bottom: 10px;
}

.field__input,
.form-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  width: 100%;
  height: auto;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  border: 1px solid rgba(117, 117, 117, 0.2);
  color: #fff;
  background-color: transparent;
  transition: all 0.4s;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  outline: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* border-radius: 12px; */
}

.red-asterisk {
  color: #f1152f;
  margin-left: 3px;
}

.slick-arrow {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  color: #323232;
  position: absolute;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  padding: 9px !important;
}

.slick-arrow:hover {
  background-color: #323232;
  color: #fff;
  border-color: #232323;
}

.slick-arrow:hover svg {
  fill: #ffffff;
  color: #fff;
}

.slick-arrow svg {
  width: 100%;
  height: 100%;
  color: #323232;
  fill: #323232;
  stroke: transparent;
}

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

.slick-arrow.slick-next svg {
  position: relative;
  top: -4px;
  left: 1px;
}

.slick-arrow.slick-prev {
  left: -10px;
}

.slick-arrow.slick-prev svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  top: -4px;
  right: 1px;
}

.slick-dots {
  display: block;
  padding: 0;
  margin: 0 0 15px;
  text-align: center;
  letter-spacing: -0.33em;
  line-height: 0;
}

.slick-dots li {
  display: inline-block;
  font-size: 0px;
  margin: 0 7px;
  width: 12px;
  height: 12px;
  letter-spacing: normal;
}

.slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0);
  border-color: #505656;
}

.slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #707979;
  background: #707979;
  padding: 0;
  outline: 0;
  cursor: pointer;
}

.halo-block-header {
  margin-bottom: 20px;
}

.halo-block-header .title {
  color: #232323;
  position: relative;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 7px;
  letter-spacing: 0.05em;
}

.halo-block-header .title .text {
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
  max-width: 100%;
  background: #fff;
}

.halo-block-header .view_all {
  display: inline-block;
  border-bottom: 1px solid !important;
  line-height: 16px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px !important;
  font-size: 12px;
  letter-spacing: 0.02em;
}

.halo-block-header .title:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #232323;
}

.background-overlay,
.background-overlay-popup {
  position: fixed;
  background-color: rgba(35, 35, 35, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  display: block;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination__list .pagination-arrow:first-child {
  margin-right: 10px;
}

.pagination__list li {
  min-width: 4rem;
}

.pagination__list .pagination-arrow {
  position: relative;
  width: 35px;
  min-width: 35px;
}

.pagination__list .pagination__item-arrow {
  color: #232323;
  background: #fff;
  border: 1px solid #232323;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 0;
  letter-spacing: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 10px;
  width: 35px;
  height: 35px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  outline: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
}

.pagination__list .pagination__item-arrow .icon {
  fill: #3c3c3c;
  width: 100%;
  height: 100%;
  color: #323232;
  stroke: transparent;
}

.pagination__list .pagination__item-arrow:hover {
  color: #fff;
  background: #232323;
}

.pagination__list .pagination__item-arrow:hover .icon {
  fill: #ffffff;
}

.pagination__list .pagination__item--prev .icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pagination__list .pagination__item--next .icon {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.pagination__list .pagination-num .pagination__item {
  color: #707070;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.05s;
  transition: 0.05s;
}

.pagination__list .pagination-num .pagination__item.active,
.pagination__list .pagination-num .pagination__item:hover {
  background-color: #f8f8f8;
  color: #3c3c3c;
  font-weight: 600;
}

.footer-block__list-social,
.halo-product-block {
  margin-top: 35px;
}

.halo-product-block .halo-block-header {
  margin-bottom: 15px !important;
}

.halo-product-block .product-infinite-scroll {
  margin: 25px 0 70px;
}

.halo-product-block .product-infinite-scroll .button {
  max-width: 300px;
  width: 100%;
}

.halo-block-video .video-banner {
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 9;
}

.halo-block-video .video-banner .halo-modal-close {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  top: 60px;
  bottom: auto;
  right: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.halo-block-video .video-banner .halo-modal-close svg {
  width: 28px;
  height: 28px;
  fill: #ffffff;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 5px;
  color: #fff;
  background: #232323;
}

.halo-block-video .video-banner .modal-content-video,
.halo-block-video .video-banner .modal-video-content,
.halo-block-video .video-banner .video {
  height: 100%;
}

.halo-block-video .video-banner.open_video {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0 !important;
}

.halo-block-video .video-banner.open_video .halo-modal-close {
  top: 15px;
  z-index: 9;
  opacity: 1;
  visibility: visible;
}

.halo-block-video .video-banner.fixed_video {
  position: fixed;
  top: inherit !important;
  right: 0 !important;
  bottom: 0;
  max-width: 350px;
  max-height: 250px;
}

.halo-block-video .video-banner.fixed_video .halo-modal-close {
  top: 5px;
  right: 5px;
}

.halo-block-video .video-banner.fixed_video .halo-modal-close svg {
  width: 24px;
  height: 24px;
}

.video_icon {
  position: absolute;
  right: 64px;
  bottom: 48px;
  z-index: 9;
}

.video_icon svg {
  width: 40px;
  height: 40px;
  fill: #232323;
}

.video_icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.3;
  background-color: #fff;
  -webkit-animation: 1.4s ease-in-out infinite zoom-animation;
  animation: 1.4s ease-in-out infinite zoom-animation;
}

@media (max-width: 1200px) {
  .slick-arrow.slick-next {
    right: 10px;
  }

  .slick-arrow.slick-prev {
    left: 10px;
  }
}

@media (max-width: 992px) {
  .halo-row--swipe {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 15px;
    margin-left: -15px;
    margin-right: -15px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .halo-row--swipe .halo-row-item {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-right: 15px;
    white-space: normal;
    width: 350px;
  }

  .halo-row--swipe .halo-row-item:last-child {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .halo-row--swipe .halo-row-item {
    width: 330px;
  }
}
.halo-row-item .grid-items-space-lenses {
  margin: 15px 0px;
  background-color: #ffffffe8;
}
@media (min-width: 768px) {
  .img-box--mobile .image {
    display: block;
  }

  .img-box--mobile .image + .image {
    display: none;
  }
  .halo-row-item .grid-items-space {
    background-color: #ffffff;
  }
  .content-box--absolute {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-left: 0;
    padding-right: 0;
    max-width: 520px;
  }

  .content-box--left {
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .content-box--center {
    left: 50%;
  }

  .content-box--bottom {
    top: inherit;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .content-box--right {
    left: inherit;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  /*	.product-carousel .product-item,*/
  .row .halo-item,
  .row .halo-row-item,
  [data-banner-text-carousel] .product-item {
    padding: 0 10px;
  }

  .row.column-5 .halo-row-item {
    width: 33.333333%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .product-carousel .row:not(.slick-slider),
  [data-banner-text-carousel] .row:not(.slick-slider) {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .product-carousel .row:not(.slick-slider) .slick-list,
  [data-banner-text-carousel] .row:not(.slick-slider) .slick-list {
    padding: 0;
  }

  .halo-block-header {
    margin-bottom: 45px;
  }
}

.header-default .header-bottom .Header-icon-fixed .cart-count-bubble,
.header__iconItem .header__icon--cart .cart-count-bubble {
  background-color: #ffe5e8;
  color: #323232;
  text-align: center;
  font-weight: 400;
  line-height: 22px;
  border-radius: 50%;
  min-width: 23px;
  min-height: 23px;
}

@media (min-width: 1200px) {
  .container.container-1170 {
    max-width: 1200px !important;
  }

  .slick-arrow.slick-prev {
    left: 5px;
  }

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

@media (min-width: 1000px) {
  .container.container-1070 {
    max-width: 1000px !important;
  }
  .container.container-670 {
    max-width: 300px !important;
  }
  .container.container-1000 {
    max-width: 500px !important;
  }
}

@media (min-width: 1400px) {
  .container.container-1370 {
    /*max-width: 1400px !important*/
    max-width: 1600px !important;
  }
}

@media (min-width: 1500px) {
  .container.container-1470 {
    max-width: 1500px !important;
  }
}

@media (min-width: 1600px) {
  .container.container-1570 {
    max-width: 1600px !important;
  }

  .slick-arrow.slick-prev {
    left: -2px;
  }

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

@media (min-width: 1800px) {
  .container.container-1770 {
    max-width: 1800px !important;
  }
}

@media (min-width: 1920px) {
  .container.container-1860 {
    padding-left: calc((100% - 1860px) / 2);
    padding-right: calc((100% - 1860px) / 2);
  }
}

.announcement-bar {
  background-color: white;
  color: #000000;
}

@media (min-width: 601px) {
.sm-block{
display:none !important;
}
}
@media (max-width: 600px) {
.blog__area {
overflow-x:hidden !Important;
}
.footer{
overflow-x:hidden !Important;
}
.skin-5 .halo-cart-sidebar .previewCartCollection .previewCartTitle, .skin-5 .halo-cart-sidebar .previewCartInfo .item{
font-size:14px !important;
}
.previewCartInfo .previewCartTotals {
    padding-bottom: 0 !important;
}
.pair-add-btn {
    width: unset !important;
height:unset !important;
    min-width: unset !important;
}
.voh-wishlist-count{

    position: absolute;
    top: -3px !important;
    right: -10px !important;

}
.mobile-menu-toggle svg{
width: 2rem;
    height: 1.5rem;
}
.voh-wishlist-link i {
    font-size:17px !important;
    
}
.voh-google-btn{
padding:10px !important;
}
.voh-auth-card{
padding:15px !important;
}
.color-text{
text-align: end;
}
.sm-border-top{
border-top:1px solid #ffffff45;
padding-top: 10px !important;
}
.sm-text-center{
text-align:center !important;
}
.sm-none{
display:none !important;
}
.product-brand {
    margin: 0;
    font-size: 12px !important;
    color: #666;
}
  .announcement-bar .message {
    line-height: 15px !important;
  }
  .space-bottom {
    margin-bottom: 6% !important;
  }
  .space-top {
    padding-top: 5% !important;
  }
}
.announcement-bar .message {
  padding: 7px 15px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 22px;
  margin: 0;
}

.announcement-bar .announcement-close {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  line-height: 1;
  font-size: 0;
  letter-spacing: 0;
}

.announcement-bar .announcement-close svg {
  width: 100%;
  height: 100%;
  stroke: transparent;
}
.announcement-bar .top-nav,
.announcement-bar .top-nav a {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
}
.top-navbar {
  background-color: #000 !important;
}
.announcement-bar a {
  color: #000000;
  font-weight: 500;
  text-decoration: underline;
}

.has-stickyHeader [data-header-sticky] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  z-index: 20;
  will-change: transform;
}
.banner-item .content-align-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header .animate {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.has-stickyHeader [data-header-sticky].sticky-up {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.has-stickyHeader .header-default .header-bottom .header-bottom--wrapper {
  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;
}

.has-stickyHeader .header-default .header-bottom .header-nav {
  width: calc(100% - 224px);
  padding-left: 50px;
}

.header-default .header-bottom .container {
  position: initial;
}

.header-default .header-bottom .header-log-fixed {
  display: none;
  padding-left: 15px;
}

.header-default .header-bottom .header-log-fixed img {
  max-width: 50px;
}

.header-default .header-bottom .Header-icon-fixed .header__icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 15px;
}

.header-default .header-bottom .Header-icon-fixed .header__icon {
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 9px;
  padding-bottom: 9px;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-default .header-bottom .Header-icon-fixed .header__icon svg {
  width: 22px;
  height: 22px;
  fill: #ffffff;
}

.header-default .header-bottom .Header-icon-fixed .cart-count-bubble {
  position: absolute;
  right: 2px;
  top: 7px;
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.02em;
  display: inline-block !important;
  vertical-align: middle;
}

.header-top {
  display: none;
  /* background: #ffffff; */
  padding: 15px 0 16px;
  color: rgb(3, 3, 3);
}

.header-top .header-top--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-top-right-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.header__iconItem,
.header__iconItem .customer-links,
.header__iconItem .header__icon {
  display: inline-block;
  vertical-align: middle;
}

.header-top-right-group .customer-service-text {
  color: #323232;
  font-size: 12px;
  margin-right: 13px;
  letter-spacing: 0.02em;
}

.header-top--right .free-shipping-text {
  color: #232323;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 14px;
}

.header__iconItem .header__icon {
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
  width: auto;
  position: relative;
}

.header__iconItem .header__icon span {
  font-size: 12px;
  letter-spacing: 0.02em;
  display: inline-block !important;
  vertical-align: middle;
  color: #323232;
}

.header__iconItem .header__icon svg {
  fill: #232323;
  color: #232323;
}

.header__iconItem .header__icon--cart svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.header__iconItem .header__icon--cart .cart-count-bubble {
  position: relative;
  margin-left: 8px;
  font-size: 12px;
  letter-spacing: 0.02em;
  display: inline-block !important;
  vertical-align: middle;
}

.header__iconItem .header__icon--cart .cart-count-bubble .text-count {
  position: relative;
  top: -1px;
  left: 0;
}

.header__iconItem .header__icon--wishlist {
  margin-left: 25px;
}

.header__iconItem .header__icon--wishlist svg {
  width: 19px;
  height: 18px;
  margin-right: 8px;
}

.header__iconItem .customer-links {
  margin-left: 25px;
  padding-top: 0;
  padding-bottom: 0;
}

.header__icon:hover svg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.header-language_currency .halo-currency {
  margin-left: 5px;
}

.header-language_currency .halo-currency .text + svg {
  position: relative;
  top: 0;
}

.header-language_currency .halo-currency .btn-group .icon {
  position: relative;
  top: 2px;
}

.header-language_currency .halo-currency .currency-menu {
  padding: 9px 0;
  min-width: 100px;
  outline: 0;
  background: #fff;
  max-height: 300px;
  overflow: auto;
}

.header-language_currency .halo-currency .currency-menu .icon {
  width: 22px;
  height: 22px;
  margin-right: 4px;
}

.header-language_currency .halo-currency .currency-menu .icon svg {
  width: 100%;
  height: 100%;
  stroke: initial;
  vertical-align: top;
}

.header-language_currency .halo-currency .currency-item {
  font-size: 12px;
  font-weight: 500;
  color: #232323;
  line-height: 22px;
  letter-spacing: 0.02em;
  padding: 7px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-language_currency .halo-currency .currency-item .text {
  position: relative;
  color: #232323;
}

.header-language_currency .halo-currency .currency-item.active,
.header-language_currency .halo-currency .currency-item:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.header-language_currency .halo-currency .dropdown-toggle {
  cursor: pointer;
}

.header-language_currency .halo-language .div {
  min-width: 100px;
}

.header-language_currency .halo-language .div .disclosure__list {
  padding: 8px 0;
  margin: 0;
}

.header-language_currency .halo-language .div .disclosure__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 15px;
  text-decoration: none;
  line-height: 1.8;
}

.header-language_currency .halo-language .div .disclosure__link .icon {
  width: 22px;
  height: 22px;
  margin-right: 6px;
}

.header-language_currency .halo-language .div .disclosure__link .icon svg {
  width: 22px;
  height: 22px;
}

.header-language_currency
  .halo-language
  .div
  .disclosure__link.disclosure__link--active,
.header-language_currency .halo-language .div .disclosure__link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.header-language_currency .halo-currency,
.header-language_currency .halo-language {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.header-language_currency .dropdown-currency,
.header-language_currency .dropdown-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #fff;
  position: absolute;
  right: 0;
  top: 10px;
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.header-language_currency .dropdown-currency.show,
.header-language_currency .dropdown-language.show {
  top: calc(100% + 10px);
  opacity: 1;
  z-index: 9;
  overflow: visible;
}

.header-language_currency .disclosure__list {
  z-index: 2;
  background: #fff;
}

.header-language_currency .disclosure__button {
  border: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
}

.header-language_currency .icon {
  width: 16px;
  height: 16px;
}

.header-language_currency .icon svg {
  width: 16px;
  height: 16px;
  stroke: initial;
  vertical-align: top;
}

.header-language_currency .text {
  color: #232323;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
}

.header-language_currency .text + svg {
  width: 10px;
  height: 9px;
}

.header-search {
  max-width: 160px;
  margin-left: 20px;
  position: relative;
}

.header-search .search-bar {
  background: none !important;
  border-bottom: 1px solid #ffffff1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-search .search-bar .input-group-field {
  color: #b1b1b1;
  padding: 5px 11px;
  width: calc(100% - 30px);
  border: none;
  background-color: #fff0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}

.header-search .search-bar .icon-search {
  background: rgba(255, 255, 255, 0);
  min-width: 30px;
  display: -webkit-inline-box;
  filter: invert(1);
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 10px;
}

.quickSearchResultsWrap {
  position: absolute;
  top: calc(100% - 30px);
  right: 0;
  left: auto;
  width: 570px;
  z-index: -1;
  opacity: 0;
  background: #1a1a1a;
  border: 1px solid #333;
  padding: 18px 30px 0;
  max-height: calc(80vh - 150px);
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.quickSearchResultsWrap.show {
  top: calc(100% + 5px);
  z-index: 5;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.header .menu-dropdown,
.list-menu--disclosure {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  webkit-transition: all 350ms ease;
}

.quickSearchResultsWrap .search-block-title {
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #232323;
  position: relative;
  margin: 0 0 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ffffff1c; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.quickSearchResultsWrap .pop-text{
 border-bottom: 1px solid #ffffff1c;
}
.quickSearchResultsWrap .search-block-title .text {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 28px 0 0;
  position: relative;
  color: #fff;
  z-index: 2;
  /* background-color: #fff; */
}

.quickSearchResultsWrap .search-block-title .halo-search-close svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: -2px;
}

.quickSearchResultsWrap .list-item {
  display: block;
  font-size: 0;
  letter-spacing: 0;
  margin: 0 -5px;
  text-align: left;
}

.quickSearchResultsWrap .list-item .item {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  margin: 0 0 10px;
}

.quickSearchResultsWrap .list-item .item .link {
  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;
  padding: 6px 10px 6px 7px;
  text-transform: lowercase;
  /* background-color: #f7f7f7; */
  color: #868686;
  text-decoration: unset;
}

.quickSearchResultsWrap .list-item .item .link .text {
  display: block;
  margin: 0 0 0 4px;
}

.quickSearchResultsWrap .list-item .item .link svg {
  width: 20px;
  height: 20px;
  padding: 2px;
  fill: #232323;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.quickSearchResultsWrap .list-item .item .link:hover {
  color: #fff;
  /* background-color: #e5e5e5;
  border-color: #e5e5e5; */
}

.quickSearchResultsWrap .quickSearchProduct {
  margin-top: 13px;
}

.quickSearchResultsWrap .quickSearchProduct .halo-product-block {
  margin-top: 20px;
}

.header-bottom {
  display: none;
  background: #232323;
}

.main-menu,
.main-menu > .container,
.menu-lv-item.has-megamenu {
  position: static;
}

.header__inline-menu {
  display: block;
  grid-area: navigation;
}

.list-menu {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  letter-spacing: 0;
}

.menu-lv-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.menu-lv-item .site-nav-list-dropdown > a,
.menu-lv-item > a {
  display: block;
  position: relative;
}

.menu-lv-1__action {
  color: #fff;
  padding: 11px 20px 12px;
}

.menu--mobile-lv-1__action,
.menu-lv-1__action {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}

.list-menu--disclosure li a,
.site-nav-link,
.site-nav-title {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.menu-lv-item .icon {
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #232323;
  stroke: transparent;
}

.menu-lv-1__action .text {
  text-decoration-thickness: 1px !important;
}

.menu-lv-item:hover > a > .text {
  color: #6b6b6b !important;
}
.menu-lv-item:focus > a > .text {
  color: #ffffff;
}

.menu-lv-1 .label {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 7px;
  top: -9px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 17px;
  height: 17px;
  padding: 0 6px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 1px;
}

.menu-lv-1 .label::before {
  content: "";
  position: absolute;
  opacity: auto;
  left: 50%;
  bottom: -9px;
  -webkit-transform: translate(-50%) rotate(180deg);
  transform: translate(-50%) rotate(180deg);
  border: 5px solid transparent;
}

.menu-lv-1 .label.hot-label {
  color: #fff;
  background-color: #ffbb49;
}

.menu-lv-1 .label.hot-label::before {
  border-bottom-color: #ffbb49;
}

.menu-lv-1 .label.sale-label {
  color: #fff;
  background-color: #ef6454;
}

.menu-lv-1 .label.sale-label::before {
  border-bottom-color: #ef6454;
}

.menu-lv-1 .label.new-label {
  color: #fff;
  background-color: #06bfe2;
}

.menu-lv-1 .label.new-label::before {
  border-bottom-color: #06bfe2;
}

.list-menu--disclosure {
  width: 200px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  padding: 7px 0 5px;
  position: absolute;
  top: calc(100% + 20px);
  visibility: visible;
  -webkit-transition: 350ms, _ 350ms;
  transition: 350ms, _ 350ms, _ 350ms;
}

.list-menu--disclosure li {
  padding: 0 20px;
  width: 100%;
}

.list-menu--disclosure li a {
  padding: 10px 0;
  color: #232323;
}
.list-menu--disclosure li a span:hover {
  color: #6b6b6b !important;
}
.list-menu--disclosure li + li > a {
  border-top: 1px solid #ebebeb;
}

.list-menu--disclosure-2 {
  right: calc(-100% + 30px);
  top: 0 !important;
}

.megamenu-custom-product-width-banner {
  position: relative;
  padding: 40px 0;
  bottom: -17px;
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom::before,
.megamenu-custom-product-width-banner::before {
  content: " ";
  width: calc(100% + 200%);
  height: 100%;
  position: absolute;
  left: -100%;
  bottom: 0;
  z-index: -1;
  background: #fff;
}

.header .header-bottom .megamenu_style_4,
.megamenu-custom-product-width-banner .product-card .card-vendor-title,
.megamenu-custom-product-width-banner .product-card .product-card-bottom {
  padding: 0 !important;
}

.megamenu-custom-product-width-banner .banner {
  padding-left: 23px;
}

.wrapper-mega-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  bottom: -17px;
  margin-top: -5px;
}

.wrapper-mega-banner::before {
  content: " ";
  width: calc(100% + 200%);
  height: 100%;
  position: absolute;
  left: -100%;
  bottom: 0;
  z-index: -1;
  background: #f2f2f2;
}

.wrapper-mega-banner .col-brands .title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  color: #00163a;
  margin-bottom: 15px;
}

.wrapper-mega-banner .col-brands .azbrandstable {
  list-style: none;
  margin: 0 !important;
  max-width: 320px;
  text-align: left;
}

.wrapper-mega-banner .col-brands .azbrandstable li {
  display: inline-block;
  width: 28px;
  text-align: left;
  margin-bottom: 0;
}

.wrapper-mega-banner .col-brands .azbrandstable li a {
  font-size: 14px;
  color: #00163a;
  font-weight: 400;
}

.wrapper-mega-banner .col-brands .azbrandstable li a:hover span {
  border-bottom: 1px solid;
}

.wrapper-mega-banner .col-brands .link-brands {
  font-size: 14px;
  color: #00163a;
  font-weight: 400;
  margin-top: 13px;
  display: block;
}

.wrapper-mega-banner .halo-col-banner .content-box .sub-title {
  font-size: 12px;
  font-weight: 900;
  color: #00163a;
  margin-bottom: 11px;
}

.wrapper-mega-banner .halo-col-banner .content-box .title {
  font-size: 26px;
  font-weight: 900;
  margin-bottom: 19px;
  text-transform: uppercase;
  font-style: italic;
}

.card__badge .badge,
.product-card .product-card-information .card-title [data-change-title],
.site-nav-link {
  text-transform: capitalize;
}

.wrapper-mega-banner .halo-col-banner .content-box .link {
  font-size: 14px;
  color: #00163a;
}

.header .menu-dropdown {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 70vh;
  text-align: left;
  margin-top: 20px;
  visibility: hidden;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 24px 0 34px;
  -webkit-transition: 350ms, _ 350ms;
  transition: 350ms, _ 350ms, _ 350ms;
}

.header .menu-dropdown .list-nav-title .site-nav-title {
  margin: 0 0 12px;
}

.header .menu-dropdown .list-nav-title .site-nav-title.sale {
  color: #e10600;
}

.site-nav-title {
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  margin: 0 0 5px;
  color: #232323;
  display: block;
}

.site-nav-link {
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 4px 0;
  color: #3c3c3c;
}

.megamenu_style_2 .site-nav-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0;
  letter-spacing: 0;
  padding-top: 7px;
}

.megamenu_style_2 .site-nav-banner .site-nav-banner--item {
  width: 210px;
  padding: 0;
}

.megamenu_style_2 .site-nav-banner .col-left .banner + .banner {
  margin-top: 6px;
}

.megamenu_style_2 .site-nav-banner .col-right {
  margin-left: 6px;
}

.megamenu_style_2 .site-nav {
  margin-bottom: 23px;
}

.megamenu_style_2.custom-product .site-nav-banner {
  padding-top: 0;
}

.megamenu_style_2.custom-product .col-right {
  padding-top: 7px;
}

.megamenu_style_3 .site-nav-list .image {
  display: block;
  margin-top: 13px;
  margin-bottom: 10px;
}

.header .header-bottom .megamenu_style_4 .row {
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.halo-toolbar-bottom-mobile
  .halo-toolbar-wrapper
  .halo-toolbar-item
  .link.mobileSearch-toggle
  svg,
.halo-toolbar-bottom-mobile
  .halo-toolbar-wrapper
  .halo-toolbar-item
  [data-open-auth-sidebar]
  svg,
.header .header-bottom .megamenu_style_4 .halo-row-item {
  padding: 0;
}

.header .header-bottom .megamenu_style_4 .halo-row-item .site-banner .img-box {
  border-radius: 0;
}

.header .header-bottom .megamenu_style_4 .site-nav-list {
  text-align: center;
  padding: 0 15px;
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom {
  position: relative;
  bottom: -17px;
  margin-top: 11px;
  padding: 28px 0 52px;
}

.header
  .header-bottom
  .megamenu_style_5
  .megamenu-product-custom
  .halo-row-item
  .product-card
  .product-card-top {
  width: 200px;
  height: auto;
}

.header
  .header-bottom
  .megamenu_style_5
  .megamenu-product-custom
  .halo-row-item
  .product-card
  .card-vendor-title {
  line-height: 15px;
  padding: 7px 0 10px;
}

.header
  .header-bottom
  .megamenu_style_5
  .megamenu-product-custom
  .halo-row-item
  .product-card
  .card-vendor-title
  a {
  line-height: 15px;
}

.header
  .header-bottom
  .megamenu_style_5
  .megamenu-product-custom
  .halo-row-item
  .product-card
  .product-card-bottom {
  width: calc(100% - 200px);
  padding-left: 22px;
}

.header-default .header-language_currency .halo-currency .btn-group .text {
  margin-left: 1px;
}

.header-default .header-language_currency .halo-language .text-language {
  margin-right: 9px;
}

.header-mobile {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: block;
}

.header-mobile .header-mobile--item,
.header-mobile .header-mobile--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-mobile .header-mobile--item.header-mobile--left,
.header-mobile .header-mobile--wrapper.header-mobile--left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header-mobile .header-mobile--item.header-mobile--right,
.header-mobile .header-mobile--wrapper.header-mobile--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-mobile .header-mobile--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  min-height: 50px;
}

.header-mobile .header-mobile--icon.item__mobile--hamburger {
  margin-right: 3px;
}

.header-mobile .header-mobile--icon .mobileMenu-toggle {
  width: 28px;
  height: 28px;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: -1px;
  z-index: 1;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  color: #232323;
}

.header-mobile
  .header-mobile--icon
  .mobileMenu-toggle
  .mobileMenu-toggle__Icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 10ms ease-in 0.1s;
  transition: background-color 10ms ease-in 0.1s;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  background-color: #000000;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: top 0.1s ease-in 0.15s, bottom 0.1s ease-in 0.15s,
    -webkit-transform 0.1s ease-in;
  transition: transform 0.1s ease-in, top 0.1s ease-in 0.15s,
    bottom 0.1s ease-in 0.15s, -webkit-transform 0.1s ease-in;
}

.header-mobile
  .header-mobile--icon
  .mobileMenu-toggle
  .mobileMenu-toggle__Icon::after,
.header-mobile
  .header-mobile--icon
  .mobileMenu-toggle
  .mobileMenu-toggle__Icon::before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  background-color: #000000;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: top 0.1s ease-in 0.15s, bottom 0.1s ease-in 0.15s,
    -webkit-transform 0.1s ease-in;
  transition: transform 0.1s ease-in, top 0.1s ease-in 0.15s,
    bottom 0.1s ease-in 0.15s, -webkit-transform 0.1s ease-in;
}

.header-mobile
  .header-mobile--icon
  .mobileMenu-toggle
  .mobileMenu-toggle__Icon::before {
  top: -8px;
}

.header-mobile
  .header-mobile--icon
  .mobileMenu-toggle
  .mobileMenu-toggle__Icon::after {
  bottom: -8px;
}

.header-mobile .header-mobile--icon + .header-mobile--icon {
  margin-left: 30px;
  padding-right: 10px;
}

.header-mobile .header-mobile--icon svg {
  width: 24px;
  height: 24px;
  fill: #232323;
}

.header-mobile .header-mobile--icon .header__icon--cart svg {
  margin: 0;
}

.header-mobile .header-mobile--icon .header__icon--cart .cart-count-bubble {
  position: absolute;
  right: -12px;
  top: -8px;
  margin: 0;
}

.header-mobile .header-mobile--icon .header__link--account svg {
  width: 30px;
  height: 30px;
}

.product-card .product-card-top .product-card-media img + img {
  opacity: 0;
}

.product-card .product-card-top .product-card-media:hover img + img {
  opacity: 1;
  transition: opacity 0.5s, transform 2s cubic-bezier(0, 0, 0.44, 1.18),
    -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.product-card .product-card-bottom {
  padding: 13px 0 30px;
  border-radius: 0px 0px 10px 10px;

  /* margin-top: 40px; */
}
.product-item-custom .product-card-bottom .product-card-information {
  opacity: 1 !important;
}

.product-card .product-card-information .card-vendor {
  /* overflow: hidden; */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  font-weight: 600;
  color: #e31e2e;
  line-height: 22px;
  width: 100%;
  font-size: 18px;
  margin-bottom: 0;
  font-size: 24px;
  font-family: "WT Monarch Nova Roman" !important;
}

.product-card .product-card-information .card-vendor a {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 600;
}

.product-card .product-card-information .card-title {
  font-weight: 400;
  line-height: 22px;
  color: #232323;
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  margin-bottom: 3px;
}

.product-card .card-swatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 13px 0 0;
}

.card-price,
.product-card .card-product__group {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-direction: normal;
}
@media (max-width: 770px) {
  .mobile-screem-space-large {
    padding-bottom: 55px !important;
  }
  .mobile-screem-space-small {
    padding-bottom: 40px !important;
  }
  .nova-fonts {
    font-size: 35px;
  }
}
.product-card .card-swatch .swatch {
  display: block;
  width: 100%;
  position: relative;
}

.product-card .card-swatch .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 1.5px;
  position: relative;
}

.product-card .card-swatch .item:first-child {
  margin-left: 0;
}

.product-card .card-swatch .swatch-label {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  font-size: 0;
  letter-spacing: 0;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: 1px solid #cbcbcb;
  background: 0 0;
  cursor: pointer;
  padding: 2px;
}

.product-card .card-swatch .swatch-label .pattern {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.product-card .card-swatch .swatch-label.is-active,
.product-card .card-swatch .swatch-label:hover {
  border-color: #232323;
}

.product-card .card-product__group {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: absolute;
  z-index: 10;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  top: 10px;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
}

.product-card .card-product__group.group-right {
  left: auto;
  right: 0;
}

.product-card .card-product__group.group-left {
  left: 0;
  right: auto;
}

.product-card .card-product__group .card-icon {
  display: block;
  text-align: center;
  position: relative;
  width: 36px;
  height: 36px;
  padding: 9px;
  line-height: 1;
  border-radius: 50%;
  font-size: 0;
  letter-spacing: 0;
  cursor: pointer;
  color: #ffffff;
  background: #ffffff;
  border: none;
}
.container-color-change {
  padding: 55px 0px;
}
.product-card .card-product__group .card-icon .text {
  padding: 0 30px 0 15px;
  color: #000000;
  text-transform: capitalize;
  display: none;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  width: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  right: calc(100% - 30px);
  height: 35px;
  /* background: #000000; */
  line-height: 34px;
  position: absolute;
  top: 50%;
  border-radius: 36px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 350ms;
  transition: 350ms;
  pointer-events: none;
}

/*.footer{*/
/*	background: #ffffff;*/
/*}*/
/* .product-card .card-product__group .card-icon.wishlist-added {
	background: #e31e2e;
	margin-left: 50px;
} */

.product-card .card-product__group .card-icon.wishlist-added .text {
  /* background: #e31e2e; */
  color: #000000;
  /* background-color: #000000; */
  margin-left: -100px;
}

.product-card .card-product__group .card-icon.wishlist-added svg {
  fill: #e31e2e;
}

.product-card .card-product__group .card-product__group-item svg {
  width: 18px;
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  position: relative;
  z-index: 5;
  background-color: transparent;
}

.product-card
  .card-product__group
  .card-product__group-item
  + .card-product__group-item {
  margin-top: 10px;
}

.product-card .card-action {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 0;
  background: 0 0;
  z-index: 1;
  margin: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.quickSearchResult .product-card .card-action .button {
  position: relative;
  bottom: -20px;
}
.quickSearchResult .product-card .product-card-information .card-vendor {
  margin-top: 30px;
}
.product-card .card-action .button {
  border-radius: 10px;
  color: #ffffff;
  border-color: #ffffff;
  width: 70%;
  min-width: auto;
}

.SlickCarousel .ProductBlock {
  padding: 50px 10px;
  border-radius: 18px;
}
@media (max-width: 770px) {
  .product-card .card-action .button {
    width: 100%;
  }
  .announcement-bar .announcement-close {
    position: absolute;
    /*top: 25%;*/
    right: 5px;
  }
  .SlickCarousel .ProductBlock {
    padding: 0px;
    background: white;
    border-radius: 18px;
  }
}
.product-card .card-action .variants {
  display: flex;
  justify-content: center;
}
.card-price {
  -webkit-box-align: center;
  /* padding-top: 10px !important; */
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-price .price-item .money {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
}

.card-price.price__sale .price-item--regular {
  margin: 0 10px 0 0;
}

.card-price.price__sale .price-item--regular span {
  text-decoration: line-through;
  font-weight: 400;
  color: #969696;
}

.card-price.price__sale .price__last span {
  color: #000000;
  font-size: 26px;
  margin-bottom: 10px;
}

.card__badge {
  position: absolute;
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card__badge .badge {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 20px;
  height: auto;
  padding: 0 8px;
  text-align: center;
  border-radius: 1px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.card__badge .badge.custom-badge {
  color: #fff;
  background-color: #ffbb49;
}

.card__badge .badge.sale-badge {
  color: #fff;
  background-color: #e95144;
}

.card__badge .badge.sold-out-badge {
  color: #fff;
  background-color: #c1c1c1;
}

.card__badge .badge.new-badge {
  color: #0a6cdc;
  background-color: #d2e7ff;
}

.card__badge .badge + .badge {
  margin-top: 5px;
}

.card__badge.badge-left {
  left: 0;
}

.card__badge.badge-right {
  right: 0;
  text-align: right;
}

.product-item-custom .product-card-top {
  display: inline-block;
  vertical-align: top;
}

.product-item-custom .product-card-bottom {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 10px);
  padding: 0 25px 0 16px;
  position: relative;
}
.product-item-custom .product-card-bottom .product-card-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
}
.product-item-custom
  .product-card-bottom
  .product-card-information
  .card-price {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.product-item-custom
  .product-card-bottom
  .product-card-information
  .card-swatch {
  text-align: left !important;
}

.product-item-custom
  .product-card-bottom
  .product-card-information
  .card-swatch
  .swatch {
  margin-bottom: 13px;
}

.product-card-menu {
  max-width: 175px;
  margin: 0 auto;
}

.product-card-menu .site-nav-title {
  margin-bottom: 12px;
  text-align: center;
}

.product-card-menu .product-card-top .product-card-media {
  max-width: 120px;
  margin: 0 auto;
}

.product-card-menu .product-card-bottom .product-card-information .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-card-menu .shop-now {
  width: 100%;
  margin-top: 4px;
}

.product-card-menu .shop-now .text {
  font-size: 12px;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 22px;
}

@media (max-width: 1024px) {
  .slick-arrow.slick-next svg {
    position: relative;
    top: -3px;
    left: 2px;
  }

  .halo-block-video .video_icon {
    right: 15px;
    bottom: 15px;
  }

  .halo-block-video .video-banner.fixed_video {
    bottom: 60px;
    max-width: 300px;
    max-height: 200px;
    z-index: 99999;
    right: 0 !important;
  }

  .product-card .card-product__group {
    right: 10px;
    display: none;
  }
}

.footer {
  clear: both;
  padding-bottom: 70px;
border-top: 1px solid #ffffff1c;
}

.footer .footer-top {
  padding: 65px 0 65px;
}

.footer .footer-block__heading {
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 600;
  padding-bottom: 12px;
  margin: 0;
  color: #fff;
}

.footer .desc,
.footer .footer-link {
  display: inline-block;
  padding: 2px 0;
  line-height: 22px;
  color: #cfcfcf;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.footer .footer-block__newsletter-form {
  max-width: 420px;
  padding: 0;
  width: 100%;
  margin-top: 14px;
  display: block;
}

.newsletter-form .newsletter-form__field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
}

.newsletter-form .newsletter-form__field-wrapper .field {
  margin-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.newsletter-form .newsletter-form__field-wrapper .field__input {
  color: #000000;
  background-color: #232323;
  border: 1px solid #d3d3d3;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 10px;
  line-height: 22px;
  border-radius: 8px;
}

.newsletter-form .newsletter-form__field-wrapper .newsletter-form__button {
  color: white;
  border: 1px solid #e31e2e;
  background-color: #e31e2e;
  width: 124px;
  min-width: 124px;
  margin: 0;
}

.newsletter-form
  .newsletter-form__field-wrapper
  .newsletter-form__button:hover {
}

.list-social {
  display: block;
  font-size: 0;
  letter-spacing: 0;
}

.list-social .list-social__item {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 6px 0;
}

.list-social .list-social__link {
  display: block;
  position: relative;
  width: 100%;
  line-height: 1;
  font-size: 0;
  letter-spacing: 0;
  border-radius: 50%;
  color: #282828;
  background: #fff;
  border: 1px solid #fff;
  padding: 9px;
}

.list-social .list-social__link:hover {
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
}

.list-social .list-social__link:hover::before {
  -webkit-box-shadow: 0 0 0 2px #fff !important;
  box-shadow: 0 0 0 2px #fff !important;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.list-social .list-social__link svg {
  fill: #282828;
  width: 17px;
  height: 17px;
}

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

.footer-bottom .copyright__content {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.02em;
}

.footer-bottom .footer__payment .list-payment {
  font-size: 0;
  letter-spacing: 0;
  margin: 0;
  padding-top: 5px;
}

.footer-bottom .footer__payment .list-payment .list-payment__item {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 5px 15px;
}

.footer-bottom .footer__payment .list-payment .list-payment__item svg {
  width: auto;
  height: 32px;
  fill: currentColor;
  stroke: transparent;
}
.product-card-bottom .veiw-product-details a {
  background-color: none;
  /* border: 1px solid rgb(255, 255, 255); */
  /* border-bottom: 1px solid rgb(255, 255, 255); */
  text-decoration: underline;
  padding: 10px 0px;
  margin: 10px 10px 0px 10px;
  display: none;
  color: white !important;
}
.SlickCarousel .product-card-bottom .veiw-product-details {
  display: flex;
  justify-content: center;
}
.product-card-bottom .veiw-product-details a:hover {
  background-color: black;
  border: 1px solid black;
  color: white !important;
}
@media (max-width: 768px) {
  .animate-scale img {
    height: 150px !important;
    max-width: 300px !important;
    width: 100%;
    object-fit: cover;
}
  .image-adapt img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
    border-radius: 0px !important;
}
  .product-card-bottom .veiw-product-details a {
    display: block;
  }
  .card-action {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-top .footer-block__heading {
    border-bottom: 1px solid #c7c7c7;
    pointer-events: auto;
    padding-bottom: 17px !important;
    position: relative;
    margin-bottom: 20px !important;
    cursor: pointer;
  }

  .footer-top .footer-block__heading::after,
  .footer-top .footer-block__heading::before {
    content: "";
    position: absolute;
    top: calc(50% - 6.5px);
    z-index: 2;
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    background-color: #000000;
    -webkit-transition: visibility 350ms, -webkit-transform 350ms;
    transition: transform 350ms, visibility 350ms, -webkit-transform 350ms;
  }

  .footer-top .footer-block__heading::before {
    right: 5px;
    width: 2px;
    height: 12px;
  }

  .footer-top .footer-block__heading::after {
    right: 0;
    width: 12px;
    height: 2px;
  }

  .footer-top .footer-block__heading.is-clicked::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  .footer-top .list-unstyled {
    -webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    margin-bottom: 10px;
  }

  .footer-block-newsletter .footer-block__heading {
    padding: 0;
    border-bottom: none;
  }

  .footer-block-newsletter .footer-block__heading::after,
  .footer-block-newsletter .footer-block__heading::before {
    display: none;
  }

  .footer .footer-block__newsletter-form {
    max-width: 100%;
  }

  .footer-bottom .halo-row-item {
    width: 100%;
  }

  .footer-bottom .footer__payment .list-payment {
    text-align: left;
  }

  .footer-bottom .footer__payment .list-payment .list-payment__item {
    margin-left: 0;
    margin-right: 10px;
  }
}

@media (max-width: 551px) {
  .halo-row--swipe .halo-row-item {
    width: 300px;
  }

  .footer-block__newsletter-form {
    max-width: 100% !important;
  }

  .newsletter-form .newsletter-form__field-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .newsletter-form .newsletter-form__field-wrapper .field {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: 100%;
    margin: 0 0 15px !important;
  }

  .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button {
    max-width: 100% !important;
    width: 100% !important;
  }

  .newsletter-form .newsletter-form__field-wrapper .field__input {
    text-align: left;
  }
}
.halo-toolbar-item img {
  filter: invert(1);
}
.halo-toolbar-bottom-mobile {
   background: #090909;
  /* background: #e4002b; */
  /* background: #e42c4f; */
  /* border: 1px solid #333; */
  padding: 10px 10px 5px;
  position: fixed;
  display: block;
  bottom: 0;
  z-index: 9;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  width: 100%;
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
}
.halo-toolbar-bottom-mobile .halo-toolbar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .link {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end !important;
  align-items: center;
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .link svg {
  width: 30px;
  height: 30px;
  fill: #232323;
  stroke: transparent;
  padding: 2px;
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .label {
  display: block;
  font-size: 11px;
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 22px;
  padding-top: 2px;
}
.halo-toolbar-bottom-mobile
  .halo-toolbar-wrapper
  .halo-toolbar-item
  .icon--cart
  .cart-count-bubble {
  position: absolute;
  right: -8px;
  top: -4px;
  margin: 0;
  background-color: #e31e2e;
  min-width: 23px;
  color: rgb(255, 255, 255);
  min-height: 23px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
}

@media (min-width: 1025px) {
  .animate-scale,
  .view-abs .view {
    position: relative;
    display: block;
  }

  .animate-scale {
    overflow: hidden;
    border-radius: 20px;
  }

  .animate-scale img {
    -webkit-transition: 0.7s;
    transition: 0.7s;
  }

  .animate-scale:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .animate-scale:hover::before {
    overflow: visible;
    opacity: 0.3;
  }

  .animate-border,
  .animate-overlay {
    position: relative;
  }

  .animate-overlay .image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffb3;
    opacity: 0;
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    z-index: 2;
  }

  .animate-overlay:hover .image:before {
    opacity: 1;
  }

  .view-abs {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .view-abs .view {
    width: 40px;
    height: 40px;
    border: 1px solid #232323;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .view-abs .view::after,
  .view-abs .view::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .view-abs .view::before {
    width: 2px;
    height: 20px;
  }

  .view-abs .view::after {
    width: 20px;
    height: 2px;
  }

  .animate-border::after,
  .animate-border::before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    width: 0;
    height: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    z-index: 5;
  }

  .animate-border::before {
    top: 0;
    left: 0;
  }

  .animate-border::after {
    bottom: 0;
    right: 0;
  }

  .animate-border:hover::after,
  .animate-border:hover::before {
    width: 100%;
    height: 100%;
    visibility: visible;
  }

  .img-box:hover .view-abs {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .row.column-5 .halo-row-item {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }

  /*.product-carousel .product-item,*/
  .row .halo-item,
  .row .halo-row-item {
    padding: 20px 30px;
  }

  .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .halo-block-header .title .text {
    width: 420px;
  }

  .halo-product-block {
    margin-top: 55px;
  }

  .halo-product-block .product-item:nth-child(n + 5) {
    margin-top: 25px;
  }

  .page {
    padding-bottom: 80px;
    /* padding-top: 100px; */
    padding-top: 50px;
  }
  .page-contact {
    color: #fff;
  }
  .page-contact .desc {
    color: #fff;
  }
  .contact-text label {
    color: #fff;
  }
  .info-bottom .contact a {
    color: #e31e2e;
  }
  .info-top .contact a {
    color: #e31e2e;
  }
  .header-bottom,
  .header-top {
    display: block;
  }

  .header-top .header-top--left {
    width: 90px;
    padding-bottom: 6px;
  }

  .header-top .header-top--right {
    width: calc(100% - 90px);
  }

  .list-menu.text-left {
    margin-left: -20px;
  }

  .menu-lv-item.menu-lv-2.dropdown:hover
    .site-nav-list-dropdown
    > .header__submenu,
  .menu-lv-item:hover > .header__submenu {
    z-index: 99;
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .menu-lv-item.has-megamenu:hover > .menu-dropdown {
    margin-top: 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .menu-lv-item.has-megamenu:hover
    > .menu-dropdown
    .megamenu-custom-product-width-banner
    .product-card
    .card-action {
    visibility: visible;
  }

  .menu-lv-item.menu-lv-2:hover .list-menu--disclosure-2 {
    right: calc(-100% + 10px);
  }

  .halo-toolbar-bottom-mobile,
  .header-mobile {
    display: none;
  }

  .product-card .card-action,
  .product-card .card-product__group {
    opacity: 0;
    visibility: hidden;
  }

  .product-card
    .card-product__group
    .card-product__group-item
    .card-icon:hover
    .text {
    left: auto;
    right: calc(100% - 35px);
    font-size: 13px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: inline-block;
    width: auto;
  }
  .card-quickview #fav {
    border: none;
    background-color: transparent;
  }
  .product-card
    .card-product__group.group-left
    .card-product__group-item
    .card-icon:hover
    .text {
    left: calc(100% - 30px);
    right: auto;
    padding: 0 15px 0 30px;
  }

  .product-card .card-action {
    position: absolute;
    z-index: 10;
    bottom: -10px;
  }

  .product-card .card-action .button:hover {
    background: #e31e2e;
    color: #fff;
  }

  .product-card:hover .card-product__group {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    right: 10px;
  }

  .product-card:hover .card-product__group.group-left {
    left: 10px;
  }

  .product-card:hover .card-action {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .footer {
    padding-bottom: 50px 0 30px;
  }

  .list-social__link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: -7px;
    left: -7px;
    padding: 7px;
    pointer-events: none;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
  }
}

.account__inner {
  max-width: 420px;
  margin: 0 auto;
}

.nova-fonts {
  margin-bottom: 15px;
}
/* .header-content h3 {
  font-family: "WT Monarch Nova Roman" !important;
} */
.space-bottom {
  margin-bottom: 6%;
}
.space-top {
  padding-top: 6%;
}
.account__inner .list-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.account__inner .list-group-item.active {
  z-index: 2;
  color: #e31e2e;
  font-size: 17px;
  font-weight: 500;
}
.account__inner .list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #a1a1a1;
  text-decoration: none;
  font-size: 17px;
  /* background-color: #ffffff;
  border: 1px solid #ffffff; */
  background: none;
  border: none;
}
.account__inner .list-group-item:hover{
color:#fff !important;
}
.footer-bottom .halo-row-item .copyright__content img {
  margin: 10px 20px 0px 0px;
  height: 16px;
}

@media (max-width: 600px) {

.halo-sidebar.halo-sidebar-left .halo-sidebar-close{
    top: 0px !important;
    right: 17px !important;

}
.pair-it-with{
padding:0 !important;
}
.quickSearchResultsWrap .search-block-title {
border-bottom:none !important;
}
.halo-toolbar-item img{
        height: 20px !important;
        width: 20px !important;
        object-fit: cover;
}
.product-card  .card-body {
    padding: 1rem 0.2rem 1rem 0.2rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.card-slide .card-body {
    padding: 1rem 0.2rem 1rem 0.2rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
 /*.featured-collection__slider {
    padding: 1rem !important;
} */

  .quickSearchResultsWrap1{
    background: none !important;
    border: none !important;
  }
  .halo-sidebar_search .halo-sidebar-wrapper .quickSearchResultsWrap .halo-product-block .product-item
 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100% !important;
}
  .showcase-section {
    overflow-x: hidden !important;
  }
  .account__inner .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #767676;
    text-decoration: none;
    font-size: 14px;
    /* background-color: #ffffff;
    border: 1px solid #ffffff; */
  }
  .account__inner .list-group-item.active {
    z-index: 2;
    color: #e31e2e;

    font-size: 15px;
    font-weight: 500;
  }
  .footer-bottom .halo-row-item .copyright__content img {
    margin: 14px 10px 0px 0px;
    height: 13px !important;
  }
  .account__inner .list-group {
    display: flex;
    flex-direction: row;
    justify-content: start;
  }
}
@media (max-width: 768px) {
  .footer-bottom .halo-row-item .copyright__content img {
    margin: 14px 10px 0px 0px;
    height: 13px !important;
  }
}

.page-cart-inputextarea:focus {
  border: 1px solid #ffffff1c !important;
}
.previewCartGroup .button-checkout a {
  color: white;
  padding: 4% 24%;
}
.previewCartGroup .button-checkout:hover a {
  color: rgb(255, 255, 255);
}
.Contact-input {
  display: flex;
  flex-direction: column;
}
.Contact-input .contact-inline {
  display: flex;
  justify-content: space-between;
}
.Contact-input .contact-inline a {
  text-decoration: underline;
  color: #e31e2e;
}
.Contact-input .global-checkbox {
  user-select: none;
}
.Delivery-input {
  margin: 15px 0px 10px 0px;
}
.Delivery-input select {
  padding: 13px 12px 13px 16px;
  border-radius: 12px !important;
}
.delivery-contents input,
.delivery-contents select {
  width: 98%;
}
.delivery-contents .phonenumber-input {
  display: grid;
  grid-template-columns: 20% 80%;
}
.delivery-contents input#address,
.delivery-contents input#phonenumber {
  width: 100% !important;
}
.text-size {
  font-size: 15px;
}
@media (max-width: 770px) {
  .delivery-contents input#address,
  .delivery-contents input#phonenumber,
  .delivery-contents input#last_name,
  .delivery-contents input#pincode {
    width: 99% !important;
  }
  .checkout-right {
    padding: 20px 25px !important;
  }
  .checkout-right .coupon-apply {
    width: auto !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
  }
  .delivery-contents .phonenumber-input {
    display: grid;
    grid-template-columns: 29% 71%;
  }
}
.delivery-contents .select-dropdown:after {
  position: absolute;
  top: 40%;
  right: 19px;
}

.delivery-contents .contact-three-input {
  display: flex;
}
.checkout-right {
  background-color: transparent;
  padding: 30px 50px;
  /* border-radius: 18px; */
  border: 1px solid #ffffff45 !important;
}

.checkout-right .product-name {
  font-size: 15px;
  color: #fff;

  font-weight: 600;
}
.radio-custom-label {
  color: #fff;
}
.product-order {
  padding: 12px 10px;
}
.checkout-right .product-category {
  font-size: 15px;
  color: #707070;
}
.checkout-right .product-rate {
  font-size: 13px;
  color: #fff;
  font-weight: 500;

  /* padding-top: 30px; */
}
.checkout-product-img img {
  max-height: 300px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
  /* margin: 0 auto; */
}
@media screen and (max-width:600px) {
.productView-stickyCart {
    position: fixed;
    /* z-index: 99 !important; */
bottom:69px !important;
}


/* Defensive: any full-viewport overlay used for sidebars must not
   intercept clicks while it's not actively open — opacity/visibility
   toggles alone don't remove it from the hit-testing layer. */
.background-overlay {
    pointer-events: none;
}
.background-overlay.show,
body.cart-sidebar-show .background-overlay {
    pointer-events: auto;
}
  .checkout-product-img img {
        max-height: 250px !important;
        width: 100%;
        /* max-width: 100%; */
        object-fit: cover;
        display: block;
        /* /* margin: 0 auto;  */
}
}
.your-coupen-code input:focus {
  border: 1px solid #ffffff1c !important;
}
.checkout-right .coupon-apply {
  height: auto;
  width: 100%;
  background-color: #e4002b;
  color: #ffffff;
  border: none;
  font-weight: 600;
  font-size: 16px;
  padding: 13px 15px;
  /* border-radius: 12px; */
}
.delivery-contents .checkbox-custom,
.delivery-contents .radio-custom,
.checkout-right .checkbox-custom,
.checkout-right .radio-custom,
.prescription-select .radio-custom {
  opacity: 0;
  position: absolute;
}

.delivery-contents .checkbox-custom + .checkbox-custom-label:before,
.delivery-contents .radio-custom + .radio-custom-label:before,
.checkout-right .checkbox-custom + .checkbox-custom-label:before,
.checkout-right .radio-custom + .radio-custom-label:before,
.prescription-select .radio-custom + .radio-custom-label:before {
  content: "";
  background: #1a1a1a;
  /* border: 2px solid #000000; */
 border: 1px solid #fff;

  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.delivery-contents .radio-custom + .radio-custom-label:before,
.checkout-right .radio-custom + .radio-custom-label:before,
.prescription-select .radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.delivery-contents .radio-custom:checked + .radio-custom-label:before,
.checkout-right .radio-custom:checked + .radio-custom-label:before,
.prescription-select .radio-custom:checked + .radio-custom-label:before {
  background: #000000;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

@media (max-width: 768px) {
  .halo-notification-popup .halo-popup-content .product-image {
    max-width: 70px;
  }
  .skin-5 .halo-notification-popup .halo-popup-content .product-content {
    font-size: 12px !important;
  }
  .locations-details {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    justify-items: center;
  }
  .locations-details .location-place:nth-child(1),
  .locations-details .location-place:nth-child(2),
  .locations-details .location-place:nth-child(3) {
    border-right: none !important;
    padding: 0px !important;
  }
  .image-banner-voh {
    padding-top: 90.86170212765957% !important;
  }
  .tab-content .tab-pane .address-cards {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
}
/* ===== Address Card - glass effect ===== */
.tab-content .tab-pane .address-card {
    position: relative;
    padding: 40px 30px;
    display: grid;
    grid-template-columns: 70% 30%;
    border-radius: 16px;
    background: rgb(255 255 255 / 1%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.tab-content .tab-pane .address-card:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.tab-content .tab-pane .address-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.tab-content .tab-pane .address-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent, rgba(255, 255, 255, 0.15));
}
.tab-pane .prescription-cards .prescription-card {
  border: 1px solid #ffffff45;
  padding: 20px 30px;
  /* border-radius: 10px; */
  display: grid;
  color: #fff;
  grid-template-columns: 100%;
  line-height: 40px;
}
/* ===== Prescription Card - new grid layout ===== */
/* ===== Prescription Card - glass effect ===== */
.tab-pane .prescription-cards .prescription-card {
    position: relative;
    padding: 20px 25px;
    display: block;
    color: #fff;
    line-height: normal;
    text-align: left;
    border-radius: 16px;
    background: rgb(255 255 255 / 1%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.tab-pane .prescription-cards .prescription-card:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.tab-pane .prescription-cards .prescription-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.tab-pane .prescription-cards .prescription-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent, rgba(255, 255, 255, 0.15));
}

.presc-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff0f;
}

.presc-name {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}

.presc-meta {
    font-size: 13px;
    color: #a1a1a1;
}

.presc-meta .dot {
    margin: 0 6px;
}

.eye-btn {
    background: transparent;
    border: 1px solid #ffffff33;
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.presc-table-wrap {
    width: 100%;
}

.presc-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.presc-row label {
    font-size: 13px;
    color: #a1a1a1;
    font-weight: 400;
    margin: 0;
}

.presc-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}

.presc-cols span {
    text-align: center;
    font-size: 14px;
  /*  color: #fff;
    background: #ffffff0a; */
       color: #ffffff99;
    background: #ffffff05;
    border-radius: 0;
    padding: 4px 2px;
}

.presc-head-row .presc-eye-title {
    text-align: center;
    color: #e31e2e;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.presc-sub-row .presc-cols span {
    background: transparent;
    color: #8b8b8b;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
}

.presc-totals-row {
    grid-template-columns: 150px 1fr;
    border-top: 1px solid #ffffff0f;
    padding-top: 10px;
    margin-top: 4px;
}

.presc-total-value {
    font-size: 14px;
    color: #ffffff99 !important;
}

.presc-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ffffff0f;
    display: flex;
    gap: 20px;
justify-content: flex-end;
}

/* Mobile: stack right/left eye stacked instead of squeezing */
@media screen and (max-width: 600px) {
.header__logo-2 img{
max-width:160px;
}
.card-title{
        font-size: 11px !important;
}
    .product-price {
        font-size: 14px !important;
    }
.item-thumbnail img{
height:100% !important;
}
 .card-body {
        padding: 1rem 0.2rem 1rem 0.2rem !important;
    
    }
    .presc-row,
    .presc-totals-row {
        grid-template-columns: 90px 1fr 1fr;
        gap: 6px;
    }
    .presc-cols span {
        font-size: 12px;
        padding: 3px 1px;
    }
    .presc-row label {
        font-size: 12px;
    }
}
.accordion-body span {
  color: #a1a1a1;
}
.prescription-border {
  border-top: 1px solid #ffffff1c;
}
.tab-pane .prescription-cards .prescription-card div {
  font-size: 16px;
}
.tab-pane .prescription-cards .prescription-card div:last-child {
    border-bottom: none;
}
.tab-pane .prescription-cards .prescription-card div span {
  font-size: 14px;
  font-weight: 500;
}
.prescription-card b {
  font-weight: 400 !important;
  color: #a1a1a1;
  font-size: 14px;
}
.tab-pane .prescription-cards {
  display: grid;
  grid-template-columns: 50% 50%;
  /* grid-template-columns: 100%; */
  gap: 20px;
text-align:center;
  padding-bottom: 50px;
}
.tab-content .tab-pane .address-cards {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px;
  padding-bottom: 50px;
}
.tab-content .tab-pane .address-cards .edit-addresses,
.tab-pane .prescription-cards .prescription-card .edit-prescription {
  text-decoration: underline;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  margin-right: 20px;
}
.tab-content .tab-pane .address-cards .remove-address,
.tab-pane .prescription-cards .prescription-card .remove-prescription {
  text-decoration: underline;
  color: #e31e2e;
  font-weight: 600;
  font-size: 15px;
  background: transparent;
  border: none;
}
.locations-details {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
  line-height: 35px;
  text-align: center;
}
.locations-details .location-logo-img {
  margin-bottom: 30px;
}
.locations-details .location-place:nth-child(1),
.locations-details .location-place:nth-child(2),
.locations-details .location-place:nth-child(3) {
  padding: 0px 45px 0px 0px;
  border-right: 1px solid #c7c7c7;
}
.locations-details .location-name {
  font-size: 36px;

  margin: 10px 0px;
  color: rgb(0, 0, 0);
}
.locations-details .location-number {
  font-size: 16px;
  color: #707070;
}
.locations-details .location-number:hover,
.locations-details .btn-together:hover {
  color: #000000;
}
.locations-details .btn-together {
  font-size: 16px;
  color: #707070;
  margin-bottom: -5px;
  border-bottom: 2px solid #707070;
  font-weight: 600;
}
.locations-details .location-place {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}
.wrapper-brands .marquee {
  background: #000000;
  padding: 25px 0px;
}

.wrapper-brands .marquee .marquee__group span {
  font-size: 24px !important;
  color: rgb(255, 255, 255) !important;
  font-weight: 600;
}

.wrapper-brands .marquee .marquee__group {
  gap: 80px;
}
.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

/* Element styles */
.marquee img {
  display: grid;
  place-items: center;
  width: var(--size);
  fill: var(--color-text);
  background: var(--color-bg-accent);
}

.marquee--vertical img {
  width: calc(var(--size) / 1.5);
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}
.wrapper-brands {
  gap: 25px;
  margin-bottom: 6%;
  z-index: 1;
}
/* Toggle direction button */
.toggle {
  --size: 3rem;
  position: relative;
  position: fixed;
  top: 1rem;
  left: 1rem;
  width: var(--size);
  height: var(--size);

  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 50%;
  color: inherit;
  background-color: var(--color-bg-accent);
  z-index: 1;
}

.toggle span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: calc(100% + 0.4em);
  width: fit-content;
  white-space: nowrap;
  transform: translateY(-50%);
  animation: fade 400ms 4s ease-out forwards;
  user-select: none;
}

.toggle img {
  --size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size);
  height: var(--size);
  fill: currentcolor;
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.marquee__group {
  animation-play-state: running;
}

.wrapper:hover .marquee__group {
  animation-play-state: paused;
}
/* @media screen and (min-width:950px) and (max-width:1330px) {
	.header__heading-link img{
		width: 12vw !important;
	}
  }
  @media screen and (min-width:1330px) and (max-width:1440px) {
	.header__heading-link img{
		width: 12vw !important;
	}
  } */
@media screen and (max-width: 524px) {
  .header__heading-link img {
    width: 25vw !important;
    margin-left: -30px !important;
    height: 16px !important;
    width: 100%;
  }
}
@media screen and (min-width: 525px) and (max-width: 740px) {
  .header__heading-link img {
    width: 20vw !important;
    margin-left: -20px !important;
    height: 24px !important;
  }
}
@media screen and (min-width: 741px) and (max-width: 991px) {
  .header__heading-link img {
    width: 15vw !important;
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1025px) {
  .header__heading-link img {
    width: 12vw !important;
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .header__heading-link img {
    width: 12vw !important;
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .header__heading-link img {
    width: 12vw !important;
    margin-left: -30px !important;
  }
}

@media (max-width: 770px) {
  .wrapper-brands .marquee {
    padding: 20px 0px !important;
  }
  .wrapper-brands .marquee .marquee__group span {
    font-size: 18px !important;
  }
  .product-image-blur {
    padding: 5px 10px 0px 10px !important;
  }
  /* .header__heading-link img{
	width: 20vw !important;
} */
}
@media (min-width: 600px) {
  .product-image-blur .slick-slide {
    height: auto;
    width: 200px !important;
  }

  .space-lite-bottom {
    margin-bottom: 3%;
  }
  .owl-carousel .owl-item img {
    width: 100%;
  }
}
nav.header__inline-menu
  > ul
  > li
  .menu-dropdown
  .menu-dropdown__wrapper
  .site-nav
  .site-nav-list
  .site-nav-sub
  > ul
  > li
  a:hover {
  color: #969696;
}
.space-lite-bottom {
  margin-bottom: 7%;
  line-height: 20px;
}
.slick-slide {
  margin: 0 8px; /* Adjust the value as needed for the desired space */
}
.nav-tabs .nav-link.active {
  color: #e31e2e !important;
  background-color: transparent;
}

.error {
  font-size: 14px; /* Set the font size */
  padding-bottom: 20px !important;
}
/* Add CSS for fade effect */

/* Add CSS to hide the element */
.hide {
  opacity: 0;
  visibility: hidden;
}
.btn-cls {
  font-size: 10px !important;
}
/* .p-thumbnail{
	height: 100px !important;
} */

.owl-carousel.owl-drag .owl-item {
  display: flex !important;
  justify-content: space-evenly !important;
}
.owl-carousel .owl-item img {
  display: block !important;
  width: 50% !important;
}
.card {
  border-radius: 1rem 1rem !important;
  border: none;
}
.card .card-body {
  border-radius: 0px 0px 10px 10px;
}
.card-header {
  padding: 0px;
  border: none;
  background-color: transparent;
}
.card-header button#collapseBasiclense,
.card-header button#ChooseCoatings {
  /* background-image: url(../images/gold-package.png); */
  /* background-color: black; */
  border-radius: 18px 18px 0px 0px !important;
  color: #fff !important;
}
.card-header button#collapseAdvancelense {
  /* background-image: url(../images/silver-package.png); */
  border-radius: 18px 18px 0px 0px !important;
  background-color: #000000;
  color: #fff !important;
}
.card-header button#ChooseLense,
.card-header button#ChooseDesgin {
  /* background-image: url(../images/bronze-package.png); */
  border-radius: 18px 18px 0px 0px !important;
  /* background-color: black ; */
  color: #fff !important;
}

.card-header button#ChooseLense,
.card-header button#ChooseDesgin {
  /* Keep your existing styles */
  border-radius: 18px 18px 0px 0px !important;
  /* background-color: black; */
  color: #fff !important;
}

.card-header button#collapseBasiclense,
.card-header button#ChooseCoatings {
  /* Keep your existing styles */
  background-color: unset;
  border-radius: 18px 18px 0px 0px !important;
  /* color: black !important; */
}

.card-header button#collapseAdvancelense {
  /* Keep your existing styles */
  border-radius: 18px 18px 0px 0px !important;
  background-color: unset;
  color: #000000 !important;
}

/* .basic-lens{
	
	padding:15px 19px!important;
} */
/* .advance-lens{
	background-color: #9d999ab3;
	padding:15px 19px!important;

} */
.modal-backdrop {
  height: 0px !important;
}
.zerolenses .card .ccordion-button input {
  display: none;
}
.choose-l {
  background-color: #e6e6e6;
  padding: 10px 15px !important;
}
.choose-m {
  background-color: #e6e6e6;
  padding: 10px 15px !important;
}

.pop-up-border {
  border-radius: 8px;
  border: 1px solid #ccc;
}
.pop-up-border:hover {
  border: 1px solid #e31e2e;
  background-color: #f1f1f1;
}
.pop-up-border.active {
  border: 1px solid #e31e2e;
  background-color: #f1f1f1;
}

.title-card {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.card-btn {
  padding: 10px;
}

.switch {
  display: inline-block;
  height: 18px;
  position: relative;
  width: 35px !important;
}
.switch button {
  background-color: transparent;
  border: none;
  position: absolute;
  right: -6px;
  top: 0;
}
.switch input {
  display: none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: -2px;
  transition: 0.4s;
}

.slider:before {
  background-color: #fff;
  bottom: 2px;
  content: "";
  height: 16px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 16px;
}

input:checked + .slider {
  background-color: #e31e2e;
}

input:checked + .slider:before {
  transform: translateX(14px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.card .card-header {
  font-weight: 600;
}
.card .card-body .card-text {
  line-height: 32px;
}
.card .card-body .card-text .header {
  font-size: 17px;
  font-weight: 600;
}
.card .card-footer {
  padding: 0px;
}
.card .card-footer .btn-continue {
  background-color: #e31e2e;
  border-color: #e31e2e;
  color: #fff;
  width: 100%;
  padding: 15px 10px;
  height: 100%;
  border-radius: 0px 0px 10px 10px;
  border: none;
}
[data-toggle="collapse"][data-parent="#accordion"] i {
  -webkit-transition: transform 150ms ease 0s;
  -moz-transition: transform 150ms ease 0s;
  -o-transition: transform 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: transform 150ms ease 0s;
}

.mm-survery-content .nav-tabs {
  border: 0;
  padding: 15px 0.7rem;
}

.mm-survery-content .card .nav-tabs {
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
}

.mm-survery-content .nav-tabs > .nav-item > .nav-link {
  color: #888888;
  margin: 0;
  margin-right: 5px;
  background-color: transparent;
  border-radius: 30px;
  font-size: 14px;
  padding: 11px 23px;
  line-height: 1.5;
}

.mm-survery-content .nav-tabs > .nav-item > .nav-link.active {
  background-color: #444;
  border-radius: 30px;
  color: #ffffff;
}
.navbar-dot {
  margin-top: 40px;
}
.mm-survery-content .navbar-dot {
  display: flex;
  justify-content: space-around;
}

.mm-survery-content .page-5 {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}

.mm-survery-content .nav_tabs ul {
  width: 100%;
  height: 95%;
  list-style: none;
  margin: 0px !important;
  background: white;
}
.mm-survery-content .page-5 .page5 {
  display: flex;
  width: 80%;
  list-style: none;
  margin: 0px !important;
  background: white;
  padding: 14px 10px 7px 10px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px -3px 1px -7px,
    rgba(0, 0, 0, 0.3) 0px 3px 29px -11px;
}
.page-5 .accordion-button {
  padding: 0px;
}
.mm-survery-content .nav_tabs ul li {
  float: left;
}

.mm-survery-content .nav_tabs label {
  display: block;
  cursor: pointer;

  color: #000000;
  text-align: center;
}
.nav_tabs ul li label .accordion-button {
  width: 200px;
  /* padding: 20px 85px; */
  border: 1px solid black;
}

.nav_tabs ul li label .accordion-button label {
  display: flex;
  padding: 0px !important;
}
.rd_tabs {
  display: none;
}

.rd_tabs:checked ~ label {
  border-bottom: 2px solid rgb(255, 255, 255);
}

.container-tab {
  display: none;
  position: absolute;
  left: 0;
  width: 600px;
  height: 332px;
}

.rd_tabs:checked ~ .container-tab {
  display: block;
}

.nav_tabs article {
  padding: 1rem;
}

/* #welcomeDiv{
		display: flex!important;
    justify-content: space-between;
	  } */
#welcomeDiv .prescription-card {
  border: 1px solid black;
  padding: 20px;
  width: 450px;
  border-radius: 10px;
}
#welcomeDiv .prescription-card div {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
#welcomeDiv .prescription-card div span {
  font-size: 15px;
  margin: 0px 0px 0px 10px;
}

#ImageDiv input {
  border: 1px solid silver;
}
.prescription-section,
.image-section {
  display: none;
}
.onclickdiv {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-product__group-item .fav {
  border: none !important;
  background: transparent;
}
.animate-scale img {
  height: auto;
}

.owl-carousel.owl-loaded {
  height: auto;
}
.file-upload {
  width: 90%;

  background: #1a1a1a;
  border: 1px solid #333;
  text-align: center;
  padding: 30px;
  margin-left: 5%;
  margin-top: 20px;
}
.file-upload p {
  font-size: 14px;
  letter-spacing: 0.45px;
  line-height: 18px;
  margin-top: 15px;
}
.file-upload .file-input {
  box-sizing: border-box;
  height: 52px;
  width: 232px;
  border: 1px solid #ffffff1c;

  max-width: 100%;
  position: relative;
  line-height: 50px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.accordion-body h3 span {
  height: auto !important;
  width: auto !important;
  border: none !important;
  font-size: 18px;
  font-family: apple-regular !important;
  letter-spacing: 0.1px;
  line-height: 23px;
  text-align: center;
  display: inline-block !important;
  float: none !important;
}
.accordion-body span h3 i {
  transform: rotate(360deg);
  /* float: right; */
  height: 30px;
  content: "Go" !important;
  width: 30px;
  background-color: #e31e2e;
  border-radius: 100%;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  font-size: 18px !important;
  line-height: 31px !important;
}
.accordion-body .card {
  background: none !important;
  color: #fff !important;
}
.img-height {
  height: 100% !important;
}
.accordion-button::after {
  width: 0px !important;
}

.spr-icon-star-empty {
  color: #808080; /* Grey color for unselected stars */
}

.spr-icon-star-filled {
  color: #ffb300; /* Yellow color for selected stars */
}
.contact-form {
  line-height: 30px;
}
.contact-form .form-input:hover {
  border: 1px solid #ffffff1c;
}
.contact-store .info-top,
.contact-store .info-bottom {
  display: flex;
}
.modal-content {
  border: none !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}
.eye-btn {
  background: none;
  border: none;
  color: #fff;
}
.eye-download button {
  padding: 0px 15px;
}
.order-label {
  font-size: 14px;
  color: #a1a1a1;
  margin-bottom: 4px;
  font-weight: 500;
}

.order-value {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.order-info {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.order-view .content-view .order-viewContent {
  display: flex;
  flex-direction: column;
  border-radius: 10px !important;
}

.order-view .content-view .order-viewContent .order-list {
  padding-top: 20px;
  /* margin-top: 20px; */
}
.order-view .content-view .order-viewContent .order-card .order-top {
  display: flex;
  width: 300px;
  padding: 0px 0px 20px 0px;

  justify-content: space-between;
}
.order-view .content-view .order-viewContent .order-card:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.order-view .content-view .order-viewContent .order-card {
  float: left;
  /* padding: 20px 30px; */
  margin: 10px 12px 10px 0px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.order-viewContent .title {
  padding-bottom: 15px;
  font-size: 22px;
}
.order-view-wrapper {
  border: 1px solid #ffffff1c;
}
.order-view .content-view .order-viewContent .order-card a {
  color: white;
  border: 1px solid #e31e2e;
  background-color: #e31e2e;
  width: 124px;
  padding: 8px 10px;
  font-weight: 600;
  font-size: 14px;
  /* border-radius: 6px; */
  margin: 0;
  text-align: center;
}
.pdf-download {
  display: flex;
  justify-content: end;
}
.pdf-download a {
  background-color: #e31e2e;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
}
.more-details {
  height: 25vh;
  padding-top: 50px;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  line-height: 40px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}
.privacy-details {
  margin-bottom: 8rem;
}
.privacy-details p,
.privacy-details ul li {
  color: #a1a1a1;
}
.header__heading-link img {
  width: 7vw;
}
.clear-button-top {
  margin-top: -17px !important;
}
.otp-submit {
  background-color: #e31e2e;
  color: white;
  border: none;
  margin-top: 20px;
  padding: 10px 30px 10px 30px;
  border-radius: 5px;
}

.otp-submit-cancel {
  border: 1px solid #e31e2e;
  color: #e31e2e;
  margin-top: 20px;
  padding: 10px 30px 10px 30px;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .halo-notification-popup .halo-popup-content .product-image {
    max-width: 70px;
  }
  .owl-carousel .owl-item img {
    width: 100% !important;
  }
  .product-card .product-card-information .card-vendor a {
    font-size: 18px;
  }
  .template-full-width .page-header .content-box .page-heading .desc {
    line-height: 20px;
  }
  .toolbar .toolbar-dropdown .label-tab {
    border: none !important;
  }
  .toolbar .toolbar-item .icon-mode.active.grid-2:before {
    -webkit-box-shadow: 7px 0 0 #323232;
    box-shadow: 7px 0 0 #323232;
    position: absolute;
    left: 6px;
  }
  .toolbar .toolbar-item .icon-mode.grid-2 {
    width: 25px !important;
  }
  .toolbar .toolbar-item .icon-mode.grid-2:before {
    -webkit-box-shadow: 7px 0 0 #dfdfdf;
    box-shadow: 7px 0 0 #dfdfdf;
    position: absolute;
    left: 6px;
  }
  .container-color-change {
    padding: 0px 0px !important;
  }
}

#error-message {
  margin-top: -30px;
  text-align: center !important;
}

.wishlist-items {
  padding: 30px !important;
}
#orders-container {
  padding-left: 20px !important;
}

.button-4 {
  background-color: #e31e2e !important;
  border-color: #e31e2e;
  color: #fff;
  width: 100%;
  max-width: 220px;
  padding: 15px !important;
  font-weight: 700;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 0.05em;
  cursor: pointer;
  text-align: center;
  border-radius: 12px;
}
.tds__footer {
  color: #9c9c9c;
}
/* default: empty heart, white */
.wishlist-icon .icon-wishlist {
  color: #ffffff !important;
  font-size: 28px !important;
}

/* filled heart after adding to wishlist: red */
.wishlist-icon .fa-heart {
  color: #e4002b !important;
}
.form-actions .text-gray {
  color: #a1a1a1;
}
.form-actions a {
  color: #fff;
}
.pro-details {
  color: #a1a1a1;
}
.pro-details a,
u {
  color: #fff;
}
.product-header {
  color: #fff !important;
}
.announcement-bar {
  background-color: #ffffff;
  color: #252525;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ffffff1c;
}
.voh-dropdown .dropdown-item {
      padding: 3px 0px !important;
    line-height: 23px !important;
}
.splide__arrow svg {
  fill: none !important;
  width: unset !important;
  height: unset !important;
}
.mm-survey-item .card {
  background: none !important;
  padding: 10px;
}
.mm-survey-item .card .card-body {
  color: #fff !important;
}
.mm-survery-content .card {
  background: none !important;
  padding: 10px;
}
.mm-survery-content .card .card-body {
  color: #fff !important;
}
.account__inner label {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .product-detail .page-header {
    padding-top: 0px !important;
  }
  .products-grid.grid-5 .product-card .card-media {
    height: 250px !important;
    padding: 0px !important;
  }
  .breadcrumb {
    color: #a1a1a1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 20px 0 0px !important;
  }
  /* .featured-collection__slider {
    background-color: rgb(0, 0, 0);
    position: relative;
    z-index: 1;
    padding: 0rem !important;
} */
  .main-content .main-content-inner {
    background-color: white;
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px 0px 0px 0px !important;
    border-radius: 12px;
  }
  .filter-inner {
    max-width: 1300px !important;
    margin: 0 auto;
    display: flex;
    width: 100%;
    padding-bottom: 15px;
  }
  .splide__header {
    display: none;
  }
  .splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding-top: 0px !important;
  }
  .productView-tab .tab-content {
    padding: 18px 20px 15px !important;
  }
  .girl {
    z-index: 2;
    width: 100vw;
    height: 100vh;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
    background-image: url('../images/6740563e1c22f56f346799d7_Frame 25.webp') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    transition: background-position 0.5s ease-out;
    will-change: background-position;
    overflow: hidden;
  }
  .text-banner {
    color: #f1efe0;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
  }

  .textt {
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    letter-spacing: 0.1em;
  }
  .content-text {
    flex-flow: column;
    /* justify-content: center; */
    /* padding-top: 120px !important; */
    height: 90vh !important;
  }
  .content-section {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    text-align: center;
    background-color: rgb(0, 0, 0);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    /* padding-top: 8.23em; */
    padding-bottom: 0px !important;
  }
  .showcase-section {
    position: relative;
    z-index: 1;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    background: rgb(0, 0, 0);
  }
  .footer .footer-top {
    padding: 40px 0 0px !important;
  }
}
.content-view {
  color: #fff;
}
.featured-collection__slider {
  background-color: rgb(0, 0, 0);
  position: relative;
  z-index: 1;
  padding: 2rem;
}

.splide__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.section__header {
  padding-top: calc(var(--gutter) * 1.6);
  padding-bottom: calc(var(--gutter) * 0.6);
  position: relative;
}

.h2.heading {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.5rem;
  letter-spacing: 0.1em;
}

.mb-8 {
  margin-bottom: 2rem;
}

.description {
  font-size: 1rem;
  color: #666;
}

.splide__arrows {
  display: flex;
  opacity: 0;
}

@media only screen and (min-width: 767px) {
  .splide__arrows {
    opacity: 1 !important;
  }
}

.splide__arrow {
  display: grid;
  place-content: center;
  padding: 1.2rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: opacity 0.3s ease;
}

.splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.7;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-top: 30px;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  transition: transform 0.3s ease;
}

.splide__slide {
  margin-right: var(--card-grid-gap);
  flex: 0 0 auto;
}

@media only screen and (min-width: 1023px) {
  .splide__slide {
    --width: calc(
      (
        (100% + var(--card-grid-gap)) / var(--items-per-row-desktop) -
          var(--card-grid-gap)
      )
    );
    width: var(--width);
  }
}

@media only screen and (min-width: 767px) and (max-width: 1022px) {
  .splide__slide {
    --width: calc(
      (
        (100% + var(--card-grid-gap)) / var(--items-per-row-tablet) -
          var(--card-grid-gap)
      )
    );
    width: var(--width);
  }
}

@media only screen and (max-width: 766px) {
  .splide__slide {
    --width: calc(
      (
        (100% + var(--card-grid-gap)) / var(--items-per-row-mobile) -
          var(--card-grid-gap)
      )
    );
    width: var(--width);
  }
}

.card-slide {
  --card-radius: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--card-radius);
  color: var(--card-text-color);
  /*background-color: var(--card-bg-color);*/
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
}

.card-additionals {
  display: flex;
  gap: calc(var(--gutter) / 2);
  padding: calc(var(--gutter) / 2);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (min-width: 1023px) {
  .card-additionals {
    padding: 24px;
  }
}

.product__badges {
  display: flex;
  gap: 0.5rem;
}

.badge {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0.25rem;
}

.badge.sale {
  background-color: #ffffff;
  color: #000000;
}

.badge.soldout {
  background-color: #111111;
  color: #ffffff;
}

.card-media {
  position: relative;
  display: block;

  overflow: hidden;
  background-color: #fff;
}
.products-grid.grid-1 .product-card .card-media {
  height: 600px !important;
}
/* .products-grid.grid-5 .product-card .card-media {
    height: 614px !important;
} */
.products-grid.grid-1 .product-card .card-media .product-image {
  height: 100%;
  width: 100%;
  object-fit: cover ;
}
.products-grid.grid-3 .product-card .card-media .product-image {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}
.products-grid.grid-2 .product-card .card-media .product-image {
  /* height: 100% !important; */
  width: 100%;
  object-fit: cover ;
}

.card-hover-images {
  position: relative;
  overflow: hidden;
}

/* Main image styling */
.card-hover-images .media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /*height: 350px;*/
  margin: 0;
  background-color: #fff;
  position: relative;
}

/* First image (default visible) */
.card-hover-images .media:first-child {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

/* Second image (hidden by default) */
.card-hover-images .media:last-child {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease-in-out;
}

/* Hover effect - show second image */
.card-slide:hover .card-hover-images .media:first-child {
  opacity: 0;
}

.card-slide:hover .card-hover-images .media:last-child {
  opacity: 1;
}

.product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-body {
  /* padding: 1rem 0rem 1rem !important; */
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

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

.card-body__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.8rem;
}

.card-slide.layout-traditional .card-body__inner {
  margin-top: auto;
  z-index: 1;
  text-decoration: none;
}

.card-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  /*text-transform: uppercase;*/
  word-break: break-word;
  color: #fff;
  text-decoration: none;
  margin: 0;
}

.card-price-collection {
  font-size: 1rem;
  font-weight: 500;
  color: #949494;
}

.price__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.price-item--regular {
  color: #333;
}

.price-item--sale {
  color: #e74c3c;
  font-weight: bold;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: #999;
}

.price--sold-out {
  opacity: 0.6;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Slider functionality */
.slider-container {
  position: relative;
}

.slider-track {
  transform: translateX(0);
}

/* Animation delays for staggered effect */
.splide__slide:nth-child(1) .card {
  transition-delay: 0s;
}

.splide__slide:nth-child(2) .card {
  transition-delay: 0.2s;
}

.splide__slide:nth-child(3) .card {
  transition-delay: 0.4s;
}

.splide__slide:nth-child(4) .card {
  transition-delay: 0.6s;
}
:root {
  --beige: #f5f3f0;
  --grey: #888;
  --black: #1a1a1a;
  --white: #ffffff;
  --gutter: 1rem;
  --card-grid-gap: 0.13rem;
  --items-per-row-desktop: 4;
  --items-per-row-tablet: 3;
  --items-per-row-mobile: 1;
  --card-radius: 0px;
  --card-text-color: #333;
  --card-bg-color: #fff;
}
.page-cart {
  color: #fff;
}

/* footer css */

.footer {
  /* padding: 150px 0 30px; */
  padding: 50px 0 30px;
  position: relative;
  background-color: #000;
  width: 100%;

  z-index: 1;
  /* max-width: 1200px;
    margin: 0 auto; */
}

.container {
  /* max-width: 1200px;
    margin: 0 auto; */
  padding: 0 20px;
}

.footer_info {
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ffffff1c;
  gap: 40px;
}

.footer_list {
  flex: 1;
  overflow: hidden;
}

.footer_list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.footer_list-inner,
.footer_list-model {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer_list-inner:hover {
  background-color: #111;
}

.footer_list-model {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 66.2%;
  padding: 5px 0px 0px 0px;
  color: #949494;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #ffffff1c;
  line-height: 1;
  transition: all 0.3s ease;
  position: relative;
}
.footer_list-model,
.footer_list-model.active + .footer_content-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer_content-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 31.65%;
  height: 16px;
}
.footer_content-colors span:first-child {
  margin-right: 6.8%;
}
.footer_content-colors span:nth-child(2) {
  margin-right: 2%;
}
.footer_content-colors span:nth-child(3) {
  margin: 0 auto;
}
.footer_content-colors span:last-child {
  margin-right: 0;
}

.footer_list-model:hover {
  color: #fff;
}

.footer_list-model.active {
  color: #fff;
}

.footer_list-model.active::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 100%;
  background: linear-gradient(45deg, #ff6b35, #f7931e);
  border-radius: 2px;
}

.footer_list-model p {
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 10px;
}

.footer_list-model span {
  /* background: rgba(255, 255, 255, 0.1); */
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.footer_content-colors {
  display: flex;
  gap: 8px;
  padding: 15px 0;
}

.footer_content-colors span {
  display: table;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.4s linear;
}

.footer_content-colors span:first-child {
  margin-right: 6.8%;
}

.footer_list-model.active + .footer_content-colors span {
  opacity: 1;
}

.footer_list-model.active + .footer_content-colors span:first-child {
  transition: opacity 0.3s linear 0.1s;
}

.footer_list-inner:hover .footer_content-colors span {
  opacity: 1;
}

.footer_content-colors .orange {
  background-color: #ff6b35;
}

.footer_content-colors .brown {
  background-color: #aecbb3;
}

.footer_content-colors .red {
  background-color: #dc3545;
}

.footer_content-colors .blue {
  background-color: #007bff;
}

.footer_content {
  width: 370px;
  flex-shrink: 0;
  position: relative;
  /* height: 300px; */
}

.footer_content-inner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  transform: translateY(20px);
}

.footer_content-inner.active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.footer_content-inner.hover-preview {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.footer_model-name {
  text-align: right;
  color: #fff;
  line-height: 0.71;
  opacity: 0.7;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.footer_content-photos {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin-top: auto;
}

.footer_photos-wrapper {
  width: 77px;
  height: 77px;
  overflow: hidden;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.footer_photos-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

.footer_photos {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 3s ease;
}

.footer_photos-wrapper:hover .footer_photos {
  transform: scale(1.1);
}

.footer_inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

   /* max-width: 1700px; */
max-width: 1500px;
    margin: 0 auto;
  gap: 40px;
  padding-top: 20px;
}

.footer_nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px 20px;
  flex: 1;
}

.footer_item {
  display: flex;
  flex-direction: column;
}

.footer_title {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}

.footer_item ul {
  list-style: none;
}

.footer_item ul li {
  margin-bottom: 0;
}
.footer_item ul li a:hover{
color:#fff important;
}
.footer_item ul li a {
  color: #949494 ;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.5;
  transition: color 0.3s ease;
}

.footer_item ul li a:hover {
  color: #fff;
}

.newsletter {
  width: 300px;
  padding-left: 20px;
}

.newsletter p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}

.newsletter__form-inner {
  position: relative;
  margin-bottom: 17px;
}

.newsletter__input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #5a5a5a;
  color: #fff;
  font-size: 15px;
  padding: 15px 80px 15px 0;
  outline: none;
  transition: border-color 0.3s ease;
}

.newsletter__input:focus {
  border-bottom-color: #e31e2e;
}

.newsletter__input::placeholder {
  color: #949494;
}

.newsletter__form-inner button {
  position: absolute;
  right: 0;
  bottom: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 0;
  cursor: pointer;
  transition: color 0.3s ease;
}

.newsletter__form-inner button:hover {
  color: #ff6b35;
}

.newsletter__text {
  color: #5a5a5a;
  font-size: 13px;
  line-height: 1.5;
}

.copyright {
  position: absolute;
  right: 200px;
  bottom: 20px;
  /* display: flex; */
  align-items: center;
  gap: 5px;
  color: #5a5a5a;
  font-size: 12px;
}

.copyright_link {
  color: #949494;
  text-decoration: none;
  transition: color 0.3s ease;
}

.copyright_link:hover {
  color: #fff;
}
/* Desktop stays exactly as before — no change needed */

@media (max-width: 767px) {
  .copyright_line1 {
    display: block;
    margin-bottom: -4px; /* adjust spacing between the two lines */
  }
}
.previewCartItem-image img{
    height: 120px !important;
    width: 100% !important;
    object-fit: scale-down;
}
/* Responsive Design */
@media (max-width: 768px) {
  .page {
    padding-bottom: 0px !important;
  }
  .footer_info {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px !important;
  }

  .footer_content {
    width: 100%;
    height: 120px;
  }

  .footer_nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .footer_inner {
    display: flex;
    flex-direction: column !important;
    /* justify-content: space-between; */
    align-items: flex-start;
    gap: 0px !important;
    margin-top: 30px;
  }

  .newsletter {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }

  .copyright {
    position: static;
    justify-content: center;
    margin-top: 20px;
  }
}
.accordion-item .zerolenses .accordion-body {
  display: flex !important;
  flex-wrap:wrap; 
  flex-direction: row;
  justify-content: center;
  gap: 25px;
}
.singlevision .accordion-body {
  display: flex !important;
  flex-wrap:wrap; 
  justify-content: center;
  flex-direction: row;
  gap: 25px;
}
.progressive  .accordion-body {
  display: flex !important;
  flex-wrap:wrap; 
  justify-content: center;
  flex-direction: row;
  gap: 25px;
}
.section-divider {
  border: none;
  border-top: 1px solid #ffffff1c;
  width: 100vw;
  margin: 0 auto;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
  /* opacity: 0 !important; */
}
.order-wrapper {
  padding-top: 70px;
}
@media screen and (min-width: 1025px) {
  .page-cart .wrapper-content {
    padding-top: 50px;
  }
  #checkout-form {
    padding-top: 70px;
  }
  .page-cart .order-page-wrapper {
    margin-top: 100px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(800px, 1fr) 1fr;
    grid-template-columns: minmax(1170px, 1fr) 1fr;
    width: 100%;
  }
}
.cart-securityImage {
  padding-top: 50px;
}
.page-contact .page-content {
  padding-top: 70px;
}
.page-contact .heading {
  margin-bottom: 5rem;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    color: #fff;
    background: rgb(255 255 255 / 1%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
    outline: 0;
    overflow: hidden;
}

.modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.5),
        transparent
    );
}

.modal-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.5),
        transparent,
        rgba(255, 255, 255, 0.15)
    );
}

.btn-close {
    filter: invert(1);
}
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 1050 !important;
}

.modal-backdrop.show {
    opacity: 1 !important;
}

.voh-modal.modal {
    z-index: 1055 !important;
}
.prescription-head img {
  filter: invert(1);
}

/* contact page css */

.contact__btm {
  padding-top: 65px;
}
.contact__info {
  padding-top: 15px;
}
.contact__info h3 {
         font-weight: 500;
        font-size: 48px !important;
        line-height: 1 !important;
        color: #fff;
        padding-bottom: 0px !important;
        margin-bottom: 20px !important;
}

.awards__content__title {
  color: #fff;
  font-size: 80px;
  text-transform: uppercase;
  margin-bottom: 55px;
  line-height: 1;
}
.sectitle01 {
  text-transform: uppercase !important;
  font-size: 60px !important;
  font-family: "NT VALENTINO Regular";
}
.title_left .sectitle01{
margin-bottom:0  !important;
}
li {
  position: relative;
}
.contact__info ul li a,
.contact__info ul li span {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #a1a1a1;
  display: block;
  margin-bottom: 10px;
}
.contact__form {
  position: relative;
  z-index: 9;
}
.contact__info ul li a {
  text-decoration-line: underline;
}
.dflexphone {
  display: flex !important
;
  gap: 20px;
}
.contact__form input,
.dark .contact__form input::placeholder,
.dark .contact__form textarea,
.dark .contact__form textarea::placeholder {
  color: #fff;
  border-color: #1e1e1e;
}
.contact__form input,
.contact__form textarea {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  border: none;
  border-bottom: 1px solid #ffffff1c;
  padding: 15px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: 0;
  position: relative;
  z-index: 1;
  background: 0 0;
 /* margin-bottom: 35px !important; */
  margin-bottom: 15px !important;
}
#cancel-to-details {
  color: #a1a1a1 !important;
}
/* Main layout container */
.flagship-section {
  position: relative;
  z-index: 1;
  width: 100%;
  background: rgb(0, 0, 0);
  padding: 0 1.25rem;
  padding-bottom: 6rem;
}

/* First child margin adjustment */
.flagship-section:first-child:not(.hero-section):not(.full-width-video) {
  margin-top: 72px;
}

/* Large screen bottom padding */
@media screen and (min-width: 1024px) {
  .flagship-section {
    padding-bottom: 10rem;
  }
}

/* Main content wrapper */
.flagship-content-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}

/* Tablet and desktop layout */
@media screen and (min-width: 640px) {
  .flagship-content-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

/* Graphics container */
.flagship-graphics-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .flagship-graphics-container {
    width: 50%;
  }
}

/* Image wrapper */
.flagship-image-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}

/* Image styling */
.flagship-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

/* Text content container */
.flagship-text-content {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .flagship-text-content {
    width: 50%;
    padding: 0 1.625rem 0 2.875rem;
  }
}

@media screen and (min-width: 1024px) {
  .flagship-text-content {
    padding: 0 4.5rem 0 5.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .flagship-text-content {
    padding: 0 7.375rem 0 8.625rem;
  }
}

/* Text block container */
.flagship-text-block {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}

@media screen and (min-width: 640px) {
  .flagship-text-block {
    row-gap: 1rem;
  }
}

/* Overline text */
.flagship-overline {
  color: #878787;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* Title styling */
.flagship-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;

  margin: 0;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .flagship-title {
    font-size: 1.875rem;
  }
}

/* Description text */
.flagship-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  margin: 0;
}

/* Button styling */
.flagship-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  cursor: pointer;
}

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

.flagship-button:hover .flagship-button-icon svg path {
  fill: #fff;
}

/* Button text */
.flagship-button-text {
  font-weight: inherit;
}

/* Button icon */
.flagship-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.flagship-button-icon svg {
  width: 100%;
  height: 100%;
}

.flagship-button-icon svg path {
  fill: #000;
  transition: fill 0.3s ease;
}
.previewCartItem-content a {
  color: #fff !important;
}
.previewCartItem-remove {
  color: #e4002b;
}
.previewCartItem .rmv {
  color: #e4002b !important;
}
.text-searches {
  color: #fff;
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .product-card.fixed-height .card-media {
    height: 400px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    background-color: #f0f0f0;
   
  }
  .showcase-section {
    overflow-x: hidden !important;
  }
  .model {
    background-image: url(../images/674057b…_model.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    top: -65px !important;
    z-index: 10;
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .girl {
    z-index: 2;
    width: 100vw;
    height: 100vh;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
    background-image: "url(../images/6740563…_Frame 25.webp)";
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    transition: background-position 0.5s ease-out;
    will-change: background-position;
    overflow: hidden;
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  .girl {
    z-index: 2;
    width: 100vw;
    height: 100vh;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
    background-image: "url(../images/6740563…_Frame 25.webp)";
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    transition: background-position 0.5s ease-out;
    will-change: background-position;
    overflow: hidden;
  }
  .textt {
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    letter-spacing: 0.1em;
  }
  .text-banner {
    color: #f1efe0;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
  }
  .scroll-nav-wrap {
    position: absolute;
    bottom: 0;
    height: 80px;
    right: 0;
    background: rgb(0, 0, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    z-index: 99;
    width: calc(100% - 80px);
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
.pt-50px {
  padding-top: 50px !important;

}
.pb-50px {
  padding-bottom: 50px !important;
}
.pt-100px {
  padding-top: 100px !important;

}
.pb-100px {
  padding-bottom: 100px !important;
}
.pt-150px {
  padding-top: 150px !important;

}
.pb-150px {
  padding-bottom: 150px !important;

}
.pt-200px {
  padding-top: 200px !important;

}
.pb-200px {
  padding-bottom: 200px !important;

}
@media screen and (max-width: 600px) {
.font-family-valentino-heading-1 {
    font-family: "NT VALENTINO Regular" !important;
    font-size: 48px !important;
    margin-bottom: 0px !important;
    opacity: 1 !important;
}
  /* .container {
    padding: 0 15px !important;
} */
  .sm-pt-50px {
    padding-top: 50px !important;
  }
  .sm-pb-50px {
    padding-bottom: 50px !important;
  }
 .sm-pt-10px {
    padding-top: 10px !important;
  }
  .sm-pb-10px {
    padding-bottom: 10px !important;
  }
 .sm-pt-20px {
    padding-top: 20px !important;
  }
  .sm-pb-20px {
    padding-bottom: 20px !important;
  }
  .sm-pt-0px {
    padding-top: 0px !important;
  }
  .sm-pb-0px {
    padding-bottom: 0px !important;
  }
}

/* orders page */

.item-showcase-wrapper {
  /* border: 1px solid #ffffff1c;*/
  /* border-radius: 12px; */
  /* background: #2a2a2a; */
  width: 100%;
  max-width: 100%;
}

.item-showcase {
  padding: 0;
}

.showcase-content {
  padding: 0;
}

/* .item-showcase-content {
            border-radius: 12px !important;
            background: linear-gradient(145deg, #2a2a2a, #1f1f1f);
            overflow: hidden;
        } */

.item-display {
  display: flex;
  padding: 20px;
  gap: 16px;
  position: relative;
    border: 1px solid #ffffff45;
  transition: all 0.3s ease;
}

.item-display:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

.item-thumbnail {
  width: 200px;
  /* height: 200px; */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.item-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .item-thumbnail::before {
            content: "👔";
            font-size: 24px;
            color: #666;
        } */

.item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  gap: 6px;
  min-width: 0;
}
.order-metadata {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.order-metadata .order-detail .order-field {
  color: #a1a1a1;
  font-size: 16px;
}
.item-actions .order-detail .order-field {
  color: #a1a1a1;
  font-size: 16px;
}
.order-metadata .order-detail .order-data {
  color: #fff;
  font-size: 16px;
}
.brand-label {
  font-size: 12px;
  font-weight: 500;
  color: #a1a1a1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.item-title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
  line-height: 1.2;
}

.item-desc {
  font-size: 14px;
  color: #b1b1b1;
  line-height: 1.4;
  margin-bottom: 8px;
}

.item-ratings {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
}

.rating-stars {
  display: flex;
  gap: 2px;
}

.rating-star {
  font-size: 16px;
  color: #444;
  transition: color 0.2s ease;
}

.rating-star.filled {
  color: #ffd700;
}

.rating-star:hover {
  color: #ffd700;
}

.rating-info {
  font-size: 12px;
  color: #888;
  margin-left: 8px;
}

.item-actions {
  /* position: absolute;
            top: 20px;
            right: 20px; */
  display: flex;
  flex-direction: column;
 /* justify-content: space-between;*/
  gap: 8px;
}

.quick-action {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  background: #3a3a3a;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border: 1px solid #555;
}

.quick-action:hover {
  background: #e31e2e;
  border-color: #e31e2e;
  transform: scale(1.05);
}

.item-bottom {
  padding: 0 20px 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-cost {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.button-ATC a:hover {
  color: #fff !important;
}
.details-btn {
  background: #e31e2e;
  color: #fff;
  border: none;
  padding: 8px 16px !important;
  border-radius: 0px !important;
  display: flex;
  align-items: center;
  font-weight: 400 !important;
  font-size: 14px !important;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

.details-btn:hover {
  background: #c41e2e;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(227, 30, 46, 0.3);
}

/* Responsive Grid */
.items-grid {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); */
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .items-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 0px;
  }

  .item-showcase-content {
    margin: 0;
    padding: 0px !important;
  }

  .item-display {
    padding: 15px;
    gap: 12px;
  }

  .item-thumbnail {
    width: 70px;
    height: 90px;
  }

  .item-title {
    font-size: 16px;
  }

  .item-desc {
    font-size: 13px;
  }

  .item-cost {
    font-size: 18px;
  }

  .item-bottom {
    padding: 0 15px 15px 15px;
  }
}

/* Tablet Responsive */
@media (max-width: 1024px) and (min-width: 769px) {
  .items-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .item-display {
    padding: 12px;
    gap: 10px;
  }

  .item-thumbnail {
    width: 60px;
    height: 80px;
  }

  .item-title {
    font-size: 15px;
  }

  .item-desc {
    font-size: 12px;
  }

  .brand-label {
    font-size: 11px;
  }

  .item-cost {
    font-size: 16px;
  }

  .details-btn {
    padding: 6px 12px;
    font-size: 13px;
  }

  .item-actions {
    top: 12px;
    right: 12px;
  }

  .quick-action {
    width: 28px;
    height: 28px;
  }
}
   /* Mobile Responsive */
        @media (max-width: 768px) {
          
            .items-grid {
                grid-template-columns: 1fr;
                gap: 15px;
                padding: 0 5px;
            }

            .item-display {
                flex-direction: column;
                padding: 15px;
                gap: 16px;
            }

          .item-thumbnail {
        width: 100%;
        height: 180px !important;
        align-self: self-start;
        /* max-width: 250px; */
    }

            .item-info {
                gap: 12px;
            }

            .item-title {
                font-size: 16px;
            }

            .item-cost {
                font-size: 18px;
            }

            .order-metadata {
                gap: 6px;
            }

            .order-detail {
                flex-direction: column;
                align-items: flex-start;
                gap: 2px;
            }

            .order-field {
                font-size: 13px;
            }

            .order-data {
                font-size: 14px;
                text-align: left;
                font-weight: 500;
            }

            .item-actions {
                flex-direction: row;
               /* justify-content: space-between; */
                align-items: center;
                min-width: auto;
                gap: 8px;
            }

            .item-actions .order-detail {
                flex: 1;
            }

            .button {
                padding: 8px 12px;
                font-size: 13px;
                min-width: 100px;
            }
        }

        /* Small Mobile */
        @media (max-width: 480px) {
            .item-display {
                padding: 12px;
                gap: 12px;
            }

            .item-thumbnail {
                height: 180px;
            }

            .item-title {
                font-size: 15px;
            }

            .item-cost {
                font-size: 16px;
            }

            .brand-label {
                font-size: 11px;
            }

            .order-field {
                font-size: 12px;
            }

            .order-data {
                font-size: 13px;
            }

            .button {
                padding: 6px 10px;
                font-size: 12px;
                min-width: 90px;
            }

            .item-actions {
                flex-direction: row;
                gap: 8px;
            }

            .item-actions .order-detail {
                width: 100%;
            }
        }

        /* Extra Small Mobile */
        @media (max-width: 360px) {
            .item-display {
                padding: 10px;
            }

            .item-thumbnail {
                height: 160px;
            }

            .item-title {
                font-size: 14px;
            }

            .item-cost {
                font-size: 15px;
            }
        }

        /* Tablet Responsive */
        @media (max-width: 1024px) and (min-width: 769px) {
            .items-grid {
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                gap: 18px;
            }

            .item-display {
                padding: 18px;
                gap: 14px;
            }

            .item-thumbnail {
                width: 150px;
                height: 150px;
            }

            .item-title {
                font-size: 17px;
            }

            .item-cost {
                font-size: 18px;
            }
        }

           .showcase-container {
          
            /* padding: 0 20px; */
            background-color: rgb(0, 0, 0);
            position: relative;
            z-index: 1;
        }

        .showcase-title {
            text-align: center;
            font-size: 28px;
            font-weight: 300;
            color: #333;
            margin-bottom: 50px;
            letter-spacing: 2px;
        }

        .marquee-wrapper {
            overflow: hidden;
            position: relative;
            padding: 40px 0;
        }

        .marquee-content {
            display: flex;
            animation: scroll 60s linear infinite;
            gap: 40px;
            align-items: center;
        }

        .marquee-content:hover {
            animation-play-state: paused;
        }

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

        .logo-item {
            min-width: 200px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            transition: all 0.3s ease;
            cursor: pointer;
            border-radius: 8px;
        }

        .logo-item:hover {
            transform: scale(1.05);
            /* background: #f8f9fa; */
        }

        /* .logo-item img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            filter: grayscale(100%) opacity(0.7);
            transition: all 0.3s ease;
        } */

        .logo-item:hover img {
            filter: grayscale(0%) opacity(1);
        }

        /* Gradient overlays for seamless scrolling effect */
        .marquee-wrapper::before,
        .marquee-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100px;
            z-index: 10;
            pointer-events: none;
        }

        .marquee-wrapper::before {
            left: 0;
            background: linear-gradient(to right, #010101, transparent);
        }

        .marquee-wrapper::after {
            right: 0;
            background: linear-gradient(to left, #010101, transparent);
        }

        /* Media query for responsive design */
        @media (max-width: 768px) {
            .showcase-title {
                font-size: 24px;
            }
            
            .logo-item {
                min-width: 150px;
                height: 60px;
            }
            
          .marquee-content {
    display: flex
;
    animation: scroll 20s linear infinite !important;
    gap: 5px;
    align-items: center;
}
        }

        /* brand section */
   .brand-container {
            padding: 0px 20px;
            background-color: rgb(0, 0, 0);
            position: relative;
            z-index: 1;
        }

        .brand-slider-wrapper {
            position: relative;
            overflow: hidden;
        }

        .brand-swiper {
            overflow: visible;
            padding: 40px 20px;
        }

        .brand-item {
            display: flex;
            flex-direction: column;
            height: 550px;
            background: #1a1a1a;
            overflow: hidden;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .brand-item:hover {
            transform: translateY(-8px);
        }

        .brand-link {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            text-decoration: none;
            position: relative;
            overflow: hidden;
        }

        .brand-image-container {
            flex: 1;
            overflow: hidden;
            position: relative;
        }

        .brand-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #fff;
        }

        .brand-item:hover .brand-image {
            transform: scale(1.05);
        }

        .brand-content {
            background: #000000;
            color: white;
            display: flex;
            align-items: center;
            flex-direction: column;
            padding: 15px;
            position: relative;
        }

        .brand-content::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
            pointer-events: none;
        }

        .brand-title {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 5px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #ffffff;
            z-index: 1;
        }

        .brand-description {
            font-size: 0.9rem;
            opacity: 0.8;
            color: #cccccc;
            z-index: 1;
        }

        /* Custom Navigation Buttons */
        .swiper-button-next,
        .swiper-button-prev {
            color: #fff;
            background: rgba(255, 255, 255, 0.1);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.1);
        }

        .swiper-button-next::after,
        .swiper-button-prev::after {
            font-size: 18px;
            font-weight: bold;
        }

        /* Custom Pagination */
        .swiper-pagination {
            bottom: 10px;
        }

        .swiper-pagination-bullet {
            background: rgba(255, 255, 255, 0.5);
            opacity: 0.5;
            width: 12px;
            height: 12px;
            transition: all 0.3s ease;
        }

        .swiper-pagination-bullet-active {
            background: #fff;
            opacity: 1;
            transform: scale(1.2);
        }

        /* Loading Animation */
        .brand-image {
            opacity: 0;
            animation: fadeIn 0.8s ease forwards;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        /* Focus States for Accessibility */
        .brand-link:focus {
            outline: 3px solid #007bff;
            outline-offset: 2px;
        }

        .brand-link:focus .brand-content {
            background: rgba(26, 26, 26, 1);
        }

        /* Responsive adjustments */
        @media (max-width: 1200px) {
            .brand-container {
                padding: 100px 0;
            }
        }

        @media (max-width: 768px) {
            .brand-container {
                padding: 80px 0;
            }
            
            .brand-item {
                height: 450px;
            }
        }

        @media (max-width: 480px) {
            .brand-container {
                padding: 60px 15px;
            }
            
            .brand-item {
                height: 400px;
            }
            
            .brand-content {
                padding: 12px;
            }
        }

        /* store page css */
/* 
        .blog__area, .brand__area, .counter__area, .service__area-3, .testimonial__area, .workflow__area {
    overflow: hidden;
} */
@media (min-width: 1200px) {
  .container.container-1400 {
    max-width: 1400px !important;
  }
}
.blog__area .row {
    --bs-gutter-x: 60px;
}
.blog__area {
    position: relative;
}
@media (min-width: 768px) {
    .d-none-d-md-block {
        display: block;
    }
}
.blog__img-wrapper {
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
}
.img-box .image-box__item {
    max-width: 100%;
    border-radius: 8px;
}
.specificationImage {
    /* height: 400px; */
    object-fit: cover;
width:100%;
    border-radius: 5px;
}
.blog__meta, .blog__meta-2
 {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.blog__title, .blog__title-2, .blog__title-3 {
    display: block;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    border-bottom: 1px solid #51585e;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.blog__btn {
    display: inline-block;
    font-size: 16px;
}
.blog__btn, .cta__sub-title {
    font-weight: 400;
display:flex;
gap:5px;
    line-height: 1.3;
}
.blog__btn span {
    overflow: hidden;
    transform: translate(0, 0) rotate(-45deg);
    /* position: absolute;
    top: 0;
    right: -20px; */
}
.blog__btn span svg {
    transform: translate(0, 0) rotate(-45deg);
    -webkit-transition: .5s;
    transition: .5s;
}
.blog__btn span::after {
    position: absolute;
    content: "\f061";
    left: -20px;
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

.blog__btn span::after, .hero__link span::after, .service__link p::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    bottom: -20px;
}
@media (min-width: 768px) {
    .d-block-d-md-none {
        display: none;
    }
}
.d-none-d-md-block {
    display: none;
}
@media (min-width: 768px) {
    .d-none-d-md-block {
        display: block;
    }
}
.sectitle04 {
    text-transform: uppercase !important;
    font-size: 40px !important;
    font-family: 'NT VALENTINO Regular';
}
.pill-container {
    display: flex
;
    gap: 10px;
}
.pill.active {
    color: rgb(255 0 0);
    border-bottom: 1px solid rgb(255 0 0);
}
.pill {
    padding: 10px 20px;
    cursor: pointer;
    background: unset;
    border: none;
    border-bottom: 1px solid #000;
    /* border-radius: 5px; */
    color: #fff;
}
.pill-content {
  display: none;
}

.pill-content.active {
  display: block;
}

.about__left-7 img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 120%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.about__left-7 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 520px;
    border-radius: 15px;
}
@media screen and (max-width:600px) {
  .blog__title, .blog__title-2, .blog__title-3 {
        font-size: 20px !important;
    }
  .sm-pt-30px{
    padding-top: 30px !important;
  }
  .store-title{
    padding-top: 2rem !important;
  }
.blog__area .row {
    --bs-gutter-x: 15px !important;
}
}
/* ===== Glass effect for View Orders page ===== */
.order-details-wrapper {
    position: relative;
    background: rgb(255 255 255 / 3%) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.order-details-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.order-details-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent, rgba(255, 255, 255, 0.15));
}

.order-meta-card {
    background: rgb(255 255 255 / 3%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
}

.eyewear-product-row {
    position: relative;
    background: rgb(255 255 255 / 3%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 20px;
    overflow: hidden;
}

.order-billing-summary {
    background: rgb(255 255 255 / 3%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-top: 20px;
}

.address-crd .account-address-box {
    background: rgb(255 255 255 / 3%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 20px;
}
        .order-detail-header {
            /* background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%); */
            padding: 25px 30px;
            /* border-bottom: 1px solid #333; */
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }

        .order-back-link {
            display: flex;
            align-items: center;
        font-size: 14px;
            color: white;
            gap: 5px;
       
            text-decoration: none;
            transition: all 0.3s ease;
        }

    

        .payment-status-label {
            background: #e31e2e;
            color: white;
            padding: 8px 16px;
            /* border-radius: 20px; */
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px;
        }

        .order-cancel-button {
            background: transparent;
            border: 1px solid #e31e2e;
            color: #fff;
            font-size: 14px;
            padding: 10px 20px;
            /* border-radius: 8px; */
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .order-cancel-button:hover {
            background: #e31e2e;
            color: white;
        }

        .order-meta-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            padding: 30px;
            /* background: #161616; */
            /* border-bottom: 1px solid #333; */
        }

        .order-meta-card {
          /* background: #1f1f1f; */ 
    padding: 20px;
    text-align: center;
    /* border-radius: 10px; */
    border: 1px solid #333;
    position: relative;
        }

        .order-meta-card h3 {
            color: #a1a1a1;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .order-meta-card .order-meta-value {
            color: #fff;
            font-size: 13px;
            font-weight: 500;
        }

        .order-tracking-button {
            background: #e31e2e;
            color: #fff;
            border: none;
            padding: 12px 30px;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .order-tracking-button:hover {
            background: #d01827;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(227, 30, 46, 0.3);
        }

        .order-detail-content {
            padding: 30px;
        }

        .order-navigation-tabs {
            display: flex;
            border-bottom: 1px solid #ffffff1c;
            margin-bottom: 30px;
        }

        .order-nav-tab {
            padding: 7px 25px;
            background: transparent;
            border: none;
            color: #a1a1a1;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            border-bottom: 2px solid transparent;
            transition: all 0.3s ease;
        }

        .order-nav-tab.tab-active {
            color: #e31e2e;
            /* border-bottom-color: #e31e2e; */
        }

        .eyewear-product-row {
            display: flex;
            gap: 20px;
            /* padding: 25px; */
            /* background: #1a1a1a; */
            /* border-radius: 12px; */
            margin-bottom: 20px;
            /* border: 1px solid #333; */
            transition: all 0.3s ease;
        }

   
        .eyewear-product-thumbnail {
         width: 300px;
    height: 330px;
            overflow: hidden;
            flex-shrink: 0;
        }

        .eyewear-product-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .eyewear-product-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .eyewear-product-title {
            font-size: 18px;
            font-weight: 400;
            color: white;
            margin-bottom: 10px;
        }

        .eyewear-product-attributes {
            display: flex;
            gap: 20px;
            margin-bottom: 15px;
        }

        .product-attribute {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #a1a1a1;
            font-size: 14px;
        }

        .attribute-label {
            font-weight: 500;
        }

        .eyewear-product-cost {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .product-cost-details {
            color: white;
            font-size: 16px;
        }

        .product-cost-details .unit-price {
            font-weight: 600;
        }

        .product-quantity-info {
            color: #a1a1a1;
            font-size: 14px;
            margin-left: 10px;
        }

        .product-total-cost {
            color: #fff;
            font-size: 18px;
            font-weight: 500;
        }

        .product-exchange-button {
            background: transparent;
            border: 1px solid #e31e2e;
            color: #fff;
            padding: 8px 16px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .product-exchange-button:hover {
            background: #e31e2e;
            color: white;
        }

        /* .order-billing-summary {
            background: #1a1a1a;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid #333;
            margin-top: 30px;
        } */

        .billing-summary-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 12px;
            padding: 5px 0;
        }

        .billing-summary-row:last-child {
            margin-bottom: 0;
            padding-top: 15px;
            border-top: 1px solid #333;
            margin-top: 10px;
        }

        .billing-summary-label {
            color: #a1a1a1;
            font-size: 14px;
        }

        .billing-summary-value {
            color: white;
            /* font-weight: 600; */
        }

        .billing-final-amount {
            color: #fff !important;
            font-size: 18px;
            /* font-weight: 700; */
        }

        .order-download-icon {
            margin-left: 8px;
            font-size: 16px;
            color: #a1a1a1;
        }

        @media (max-width: 768px) {
            .order-detail-header {
                flex-direction: row;
                gap: 15px;
                align-items: center;
            }
		.order-detail-content{
padding-bottom:10px !important;
}
.tracking-receiver {
    padding: 0 !important;
}
            .order-meta-section {
                grid-template-columns: 1fr;
                gap: 15px;
                padding: 20px;
            }

            .eyewear-product-row {
                flex-direction: column;
                text-align: left;
            }

          
.eyewear-product-thumbnail {
   width: 330px;
        height: 330px !important;
        align-self: center;
        object-fit: cover;
    align-self: center;
    overflow: hidden;
    flex-shrink: 0;
}
            .eyewear-product-cost {
              flex-direction: column;
        gap: 10px;
        text-align: left;
        align-items: normal;
            }
        }
           @media (max-width: 1024px) {
   .ordrers_vieww {
        overflow-x: auto !important;
        margin-top: 50px;         
        }
    }

    /* Tab content styling */
    .tab-content1 {
        display: none;
    }
    
    .tab-content1.active {
        display: block;
    }
    
    /* Timeline styling */
    .timeline {
        list-style: none;
        padding: 0;
        position: relative;
        margin: 20px 0;
    }
    
    .timeline::before {
        content: '';
        position: absolute;
        left: 9px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #ffffff1c;
    }
    
    .timeline li {
        position: relative;
        margin-bottom: 20px;
        padding-left: 50px;
    }
    
    .timeline-badge {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        z-index: 1;
    }
    
    .timeline-badge.success {
        background-color: #1a1a1a;
    }
    
    .timeline-box {
       
        padding: 0px 0px 12px 0px ;
    }
    
    .timeline-panel h6 {
        margin-bottom: 5px;
        color: #fff;
        font-weight: 600;
    }
    
    .timeline-panel span {
        color: #a1a1a1;
        font-size: 14px;
    }
    
    /* Address card styling */
    .address-crd {
        margin: 20px 0;
    }
    
    .account-address-box {
      color: #fff;
        padding: 20px;
    }
    
    .account-address-box h5 {
        margin-bottom: 15px;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
    }
    
    .account-address-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .account-address-box ul li {
        margin-bottom: 8px;
        color: #a1a1a1;
        line-height: 1.4;
    }
    
    .fs_14 {
        font-size: 14px;
    }
    
    /* Tracking info styling */
    .tracking-receiver {
        list-style: none;
        padding: 0;
        margin: 15px 0;
        border-radius: 8px;
        padding: 15px;
    }
    
    .tracking-receiver li {
        margin-bottom: 10px;
        font-size: 14px;
        color: #fff;
    }
    
    .tracking-receiver li:last-child {
        margin-bottom: 0;
    }
    
    .tracking-receiver strong {
        color: #a1a1a1;
        font-weight: 500;
    }
        @media (max-width: 768px) {
          .sm-pb-70px{
            padding-bottom: 70px !important;
          }
  .order-mobile-wrapper {
    display: flex;
    flex-direction: column;
  }

  .order-detail-header {
    order: 3;
  }

  .order-detail-content {
    order: 1;
  }

  .order-meta-section {
    order: 2;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 12px;
    padding: 12px 0;
  }

  .order-meta-card {
    min-width: 180px;
    flex-shrink: 0;
    /* background-color: #fff; */
    padding: 10px;
    border:none !important;
  }
}
.store-title .page-title{
  padding-bottom: 22px ;
}
.btn-outline-border{
border:1px solid #ffffff45 !important;
background:none !important;
}
/* ================================
   MOBILE RESPONSIVE FIX - Prescription Cards
   Only applies below 600px, desktop UI untouched
================================ */
@media screen and (max-width: 600px) {
	.voh-modal-body{
padding:0 !important;
}
    .prescription-card {
        padding: 16px 14px;
        overflow-x: hidden;
    }

    .presc-card-head {
        flex-wrap: wrap;
    }

    .presc-name {
        font-size: 15px;
    }

    .presc-meta {
        font-size: 12px;
    }

    .presc-table-wrap {
        overflow-x: hidden;
    }

    /* Stack label + right eye + left eye vertically instead of 3 columns */
    .presc-row {
        display: block;
       /* margin-bottom: 14px;
        padding-bottom: 10px; */
border:none;
        border-bottom: 1px dashed #ffffff14;
    }

    .presc-row label {
        display: block;
        font-size: 13px;
        margin-bottom: 6px;
        color: #ccc;
        font-weight: 600;
    }

    .presc-cols {
        grid-template-columns: repeat(4, 1fr);
        gap: 4px;
        margin-bottom: 6px;
    }

    .presc-cols span {
        font-size: 11px;
        padding: 5px 2px;
    }

    /* Hide the top "RIGHT EYE (OD)/LEFT EYE (OS)" header row on mobile
       since we now label each eye inline before its own row */
    .presc-head-row {
        display: none;
    }

    /* Sub header (SPH/CYL/AXIS/PD) also stacks per-eye now */
    .presc-sub-row {
        display: none;
    }

    /* Add inline eye labels above each set of 4 values */
    .presc-row .presc-cols:nth-of-type(1)::before {
        content: "RIGHT EYE (OD)";
        display: block;
        grid-column: 1 / -1;
        font-size: 10px;
        color: #e31e2e;
        font-weight: 600;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .presc-row .presc-cols:nth-of-type(2)::before {
        content: "LEFT EYE (OS)";
        display: block;
        grid-column: 1 / -1;
        font-size: 10px;
        color: #e31e2e;
        font-weight: 600;
        margin: 8px 0 4px;
        text-transform: uppercase;
    }

    /* Totals rows (Total PD / Left ADD / Right ADD) stay simple 2-col */
    .presc-totals-row {
        display: grid;
        grid-template-columns: 130px 1fr;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }

    .presc-totals-row label {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        font-size: 13px;
    }

    .presc-total-value {
        font-size: 14px;
    }

    .presc-actions {
        gap: 15px;
    }

    /* Modal view on mobile gets the same treatment */
    .voh-modal-body .presc-row {
        display: block;
    }

    .voh-modal-body .presc-head-row,
    .voh-modal-body .presc-sub-row {
        display: none;
    }

    .voh-modal-body .presc-row .presc-cols:nth-of-type(1)::before {
        content: "RIGHT EYE (OD)";
        display: block;
        grid-column: 1 / -1;
        font-size: 10px;
        color: #e31e2e;
        font-weight: 600;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .voh-modal-body .presc-row .presc-cols:nth-of-type(2)::before {
        content: "LEFT EYE (OS)";
        display: block;
        grid-column: 1 / -1;
        font-size: 10px;
        color: #e31e2e;
        font-weight: 600;
        margin: 8px 0 4px;
        text-transform: uppercase;
    }

    .voh-modal-body .presc-totals-row {
        display: grid;
        grid-template-columns: 130px 1fr;
    }
.prescription-details label {
    color: #fff;
    font-size: 13px !important;
}
.tab-pane .prescription-cards .prescription-card div {
    font-size: 15px !important;
}
.tab-pane .prescription-cards .prescription-card div span {
    font-size: 11px !important;
    font-weight: 500;
}
#formButton1 {
    background-color: #e4002b;
    border-color: #e4002b;
    color: white;
    padding: 10px 30px !important;
    line-height: normal;
    font-weight: 600;
    font-size: larger;
    margin-bottom: 20px;
    /* border-radius: 12px; */
    font-size: 15px !important;
}
.voh-modal-title {
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    letter-spacing: 1px;
}
 .eye-wrapper {
        overflow-x: hidden !important;

    }

    /* Hide the original "Right Eye (OD) / Left Eye (OS)" title row
       and the SPH/CYL/AXIS/PD sub-header row on mobile —
       they get replaced with inline labels below instead */
    .eye-row.header,
    .eye-row.sub-header {
        display: none !important;

    }

    /* Stack: label on top, then each eye's inputs below it */
    .eye-row {
        display: block !important;
        margin-bottom: 18px;
    }

    .eye-row label {
        display: block !important;

        margin-bottom: 10px !important;

        font-size: 14px !important;

    }

    .eye-cols {
        grid-template-columns: repeat(4, 1fr) !important;

        gap: 4px;
        margin-bottom: 12px !important;
    }

    .eye-cols select {
        font-size: 12px !important;
        padding: 4px 2px !important;
    }

    /* Inline "RIGHT EYE (OD)" label before the first eye-cols block
       in Distance Vision / Near Vision rows */
    .eye-row:not(.nv-row-hide) .eye-cols:nth-of-type(1)::before,
    .eye-row.nv-row-hide .eye-cols:nth-of-type(1)::before {
        content: "RIGHT EYE (OD)";
        display: block;
        grid-column: 1 / -1;
        font-size: 11px;
        color: #e31e2e;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    /* Inline "LEFT EYE (OS)" label before the second eye-cols block */
    .eye-row:not(.nv-row-hide) .eye-cols:nth-of-type(2)::before,
    .eye-row.nv-row-hide .eye-cols:nth-of-type(2)::before {
        content: "LEFT EYE (OS)";
        display: block;
        grid-column: 1 / -1;
        font-size: 11px;
        color: #e31e2e;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    /* Total PD / Left Eye ADD / Right Eye ADD rows —
       keep label + single input stacked cleanly */
    .eye-row:has(#total_pd),
    .eye-row:has(#left_eye_add),
    .eye-row:has(#right_eye_add) {
        display: block;
    }

    .eye-row #total_pd,
    .eye-row #left_eye_add,
    .eye-row #right_eye_add {
        width: 100% !important;
    }

.privacy-details{
margin-bottom:20px !important;
}
.sm-mt-0px{
margin-top:0px !important;
}
.sm-mb-0px{
margin-bottom:0px !important;
}
.sm-mt-5px{
margin-top:5px !important;
}
.sm-mb-5px{
margin-bottom:5px !important;
}
.sm-mt-10px{
margin-top:10px !important;
}
.sm-mb-10px{
margin-bottom:10px !important;
}
.sm-mt-20px{
margin-top:20px !important;
}
.sm-mb-20px{
margin-bottom:20px !important;
}
.sm-mt-30px{
margin-top:30px !important;
}
.sm-mb-30px{
margin-bottom:30px !important;
}
.cancel-btn, .add-more-details {
        text-align: center !important;
        margin-top: 0 !important;
        width: 50%;
    }
.form-actions .row{
width:100%;
}
.form-actions .row .col-lg-4{
width:50% !important;
}
.form-actions .row .col-lg-7{
width:50% !important;
}
.voh-modal-content {
    padding: 15px 20px !important;
}
.tab-content .account-detailbox{
padding-top:40px !important;
}
  /* Override the width:max-content that causes horizontal scroll */
    .previewCartList {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .cart-rowContent,
    .content-previewCart,
    .cart-items,
    .cart-page-wrapper,
    .page-cart .container {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box;
    }

    .previewCartItem {
        box-sizing: border-box !important;
    }

    /* Prevent long product names from forcing width beyond viewport */
    .previewCartItem-content,
    .previewCartItem-name,
    .previewCartItem-name .text {
        min-width: 0;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    /* Make sure grid children never overflow their column */
    .previewCartList .previewCartItem > * {
        min-width: 0;
    }
    .previewCartList .previewCartItem {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 90px 1fr !important;
        grid-template-areas:
            "media content"
            "price price"
            "qty qty"
            "total total"
            "remove remove";
        gap: 8px 12px;
        padding: 15px !important;
        border: 1px solid #ffffff1c !important;
        background: transparent !important;
        margin-bottom: 12px;
        border-radius: 0;
        overflow: hidden;
    }

    .cart-rowHeading {
        display: none !important; /* column headers don't make sense in stacked mobile layout */
    }

    .cart-product-col {
        grid-area: media / media / content / content;
        display: contents;
    }

    .previewCartList .previewCartItem .cart-product-col .card-media {
        grid-area: media;
        width: 90px !important;
        height: 70px !important;
        min-width: 90px !important;
        min-height: 70px !important;
        max-width: 90px !important;
        max-height: 70px !important;
    }

   .previewCartList .previewCartItem-content {
        grid-area: content;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .previewCartItem-name .text {
        font-size: 14px;
    }

    .previewCartItem-options {
        font-size: 12px;
    }

    /* Reset the desktop position hacks that broke mobile */
    .page-cart .cart-page-wrapper .cart-items .previewCartItem .quantity {
        position: static !important;
        left: 0 !important;
        grid-area: qty;
        display: flex !important;
        align-items: center;
        gap: 6px;
        font-size: 13px;
    }

    .quantity::before {
        content: "Qty:";
        color: #999;
        font-size: 12px;
    }

    .page-cart .cart-page-wrapper .cart-items .previewCartItem .previewCartItem-price {
        grid-area: price;
        position: static !important;
        left: 0 !important;
        font-size: 13px;
    }

    .previewCartItem-price::before {
        content: "Price: ";
        color: #999;
        font-size: 12px;
    }

    .page-cart .cart-page-wrapper .cart-items  .previewCartItem .previewCartTotals {
        grid-area: total;
        position: static !important;
        right: 0 !important;
        font-size: 14px;
        font-weight: 600;
    }

    /* .previewCartTotals::before {
        content: "Total: ";
        color: #999;
        font-weight: 400;
        font-size: 12px;
    } */

    .page-cart .cart-page-wrapper .cart-items a.rmv {
        grid-area: remove;
        justify-self: end;
        align-self: center;
    }

    .page-cart .cart-page-wrapper .cart-items .previewCartItem-remove {
        top: auto !important;
        position: static !important;
        left: 0 !important;
    }

    .page-cart .cart-page-wrapper .cart-items .previewCartItem-remove svg {
        position: static !important;
    }

    /* Order summary side panel: full width & clean spacing on mobile */
    .cart-content-item.cart-total {
        padding: 15px !important;
    }

    .content-cart-right ul.list-unstyled li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .gift-card-container {
        flex-wrap: wrap;
        gap: 10px !important;
    }

    .content-gift.desc {
        font-size: 13px;
    }
  .previewCartList {
        display: flex;
        flex-direction: column !important;
        gap: 20px;
        width: max-content;   /* ← this is the culprit */
        padding: 0;
        margin: 0;
    }
.cart-note{
width:100%;
}

 .checkout-right {
        padding: 18px !important;
    }

    .checkout-right h3 {
        font-size: 18px;
    }

    /* Turn each product row into: small thumbnail | name+qty | price */
    .checkout-right .row.mb-3 {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center !important;
        gap: 12px;
        margin-bottom: 15px !important;
    }

    .checkout-product-img {
  flex: 0 0 150px;
        max-width: 150px !important;
        width: 150px !important;
    }

   /* .checkout-product-img img {
        width: 70px !important;
        height: 70px !important;
        object-fit: cover;
        border-radius: 6px;
    } */

    .checkout-right .row.mb-3 > .col-lg-6 {
        flex: 1 1 auto;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
    }

    .checkout-right .product-name {
        font-size: 13px;
        line-height: 1.3;
    }

    .checkout-right .product-category {
        font-size: 12px;
    }

    .checkout-right .row.mb-3 > .col-lg-2 {
        flex: 0 0 auto;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
        text-align: right;
    }

    .checkout-right .product-rate {
        font-size: 13px;
        white-space: nowrap;
    }

    /* Subtotal / Shipping / Gift Wrap / Total rows */
    .checkout-right .d-flex.justify-content-between {
        gap: 6px;
    }

    .checkout-right .d-flex.justify-content-between > div {
        padding: 0 !important;
    }

    .checkout-right .d-flex.justify-content-between .col-lg-6,
    .checkout-right .d-flex.justify-content-between .col-lg-5 {
        display: none; /* empty spacer columns not needed once flex handles spacing */
    }

    .checkout-right h3 {
        margin: 0;
    }

    #total-amount h3 {
        font-size: 18px;
    }
.prescription-select .radio-custom + .radio-custom-label:before {
    width: 20px !important;

    height: 20px !important;

    padding: 2px !important;
    margin-right: 5px !important;

    text-align: center;
}
.prescription-select {
display:flex;
flex-direction: column;
}

.prescription-select label{
font-size:12px !important;
}
.prescription-option{
margin-bottom:1rem !important;
}
.prescription-option label{
padding:15px !important;
}
.mm-prev-btn {

    font-size: 13px !important;
   
    padding: 20px 40px !important;

}
.prescription-modal{
    z-index: 99999 !important;
}
.voh-auth-card-right .logo-heading{
margin-bottom:15px !important;
}
.voh-cart-count {
    position: absolute;
    top: -18px !important;
    right: -5px !important;

}
.sidebar-close-back .halo-sidebar-body .mm-survery-content label{
margin: 0px !important;
}
.mm-survery-content .accordion-body {
    padding: 0rem 0.25rem !important;
}
.card-hover-images{
aspect-ratio:unset !important;
}
.splide__slide {
    margin-right: var(--card-grid-gap);
    flex: 0 0 50% !important;
}
}
.page-cart .checkout-right {
margin-top:111px;
}
.cart-empty-text{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;

}
.voh-cart-link {
    position: relative;
    display: inline-block;
}

.voh-cart-count {
    position: absolute;
    top: -8px;
    right: -15px;
    background: #e4002b;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 16px;
    height: 16px;
    padding: 2px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.addr-btn-pos{
position:absolute;
right:0;
bottom:20px;
}
.call-btn-cta{
border: 1px solid #a1a1a1 !important;
    background: none !important;

}
.call-btn-cta:hover{
border: 1px solid #d60027 !important;
}
.form-checkout-btn{
padding-left:0 !important;
padding-right:20px !important;
}
.product-form__swatch {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.prescription-modal {
z-index:105555;
}
.prescription-modal .modal-header {
    border-bottom: 1px solid #ffffff45 !important;
  
}
.prescription-modal .modal-footer {
    border-top: 1px solid #ffffff45 !important;
}
.pair-it-with {
    padding: 20px 10px;
   /* border-top: 1px solid #ffffff1c; */
    margin-top: 10px;
}
.pair-it-with-title {
     font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 12px;
}
.pair-it-with-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.pair-card {
    background: rgb(255 255 255 / 3%);
    border: 1px solid #ffffff1c;
    border-radius: 8px;
    height: auto;
}
.pair-card:hover {
    transform: none;
}
.product-card.no-fixed-height .card-media{
height:unset !important;
}
.pair-it-with-grid .pair-card .card-media {
    aspect-ratio: 1 / 1;
    background: #080808;
height:unset !important;
    display: block;
    overflow: hidden;
}
.pair-card .card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.pair-card .card-body {
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}
.pair-card-brand {
    font-size: 10px;
    letter-spacing: 0.5px;
    color: #999;
    text-transform: uppercase;
}
.pair-card-name {
    font-size: 12px;
    color: #fff;
    line-height: 1.3;
}
.pair-card-price {
    font-size: 13px;
    font-weight: 600;
  color: #a1a1a1;
}
.pair-add-btn {
    margin-top: 4px;
    font-size: 9px !important;
   
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 8px !important;
   height:unset !important;
    width: 100%;
}
.voh-wishlist-link {
color:#c3c3c3;
}
.voh-wishlist-link:hover{
color:#c3c3c3 !important;

}
.voh-wishlist-link i{
margin-left:30px;
font-size:18px;
}
.checkout-inner-heading h3{
margin-bottom:10px !important;
}
.cart-empty-state {
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.cart-empty-text {
    font-size: 16px;
    color: #b3b3b3;
    margin: 0;
}
.cart-continue-shop-btn {
    text-decoration: none !important;
}
.section_title_wrapper {
	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;
	/* padding: 130px 50px 0; */
  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.section_title_wrapper {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	}
  }
  @media only screen and (max-width: 767px) {
	.section_title_wrapper {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  /* padding: 120px 15px 0; */
	}
  }
  .section_title_wrapper .title_right {
	padding-top: 150px;
  }
 .section_title_wrapper .title_right .title-right-store{
    color:#eb002b !important;
  }
  /* @media only screen and (min-width: 768px) and (max-width: 991px) {
	.section_title_wrapper .title_right {
	  padding-top: 100px;
	}
  } */
  /* @media only screen and (max-width: 767px) {
	.section_title_wrapper .title_right {
	  padding-top: 50px;
	}
  } */
  .section_title_wrapper .title_right__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  .section_title_wrapper .title_right__inner__left {
	margin-right: 60px;
  }
  .section_title_wrapper .title_right__inner__left span {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.7;
	text-align: right;
	color: var(--black-3);
	display: inline-block;
	position: relative;
  }
  .section_title_wrapper .title_right__inner__left span::before {
	content: "";
	position: absolute;
	right: 80px;
	top: 50%;
	background-color: #D9D9D9;
	width: 550px;
	/* width: 1090px; */
	height: 1px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1919px) {
	.section_title_wrapper .title_right__inner__left span::before {
	  width: 600px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.section_title_wrapper .title_right__inner__left span::before {
	  width: 500px !important;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section_title_wrapper .title_right__inner__left span::before {
	  width: 300px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.section_title_wrapper .title_right__inner__left span::before {
	  width: 90px;
	}
  }
  @media only screen and (max-width: 767px) {
	.section_title_wrapper .title_right__inner__left span::before {
	  display: none;
	}
  }
  .section_title_wrapper .title_right__inner__right ul li {
	margin-bottom: 10px;
  }
  .section_title_wrapper .title_right__inner__right ul li a {
	font-size: 18px;
	color:#c3c3c3;
	text-transform: capitalize;
  }
  .section_title_wrapper .title_right__inner__right ul li a:hover {
	letter-spacing: 1px;
	color: #fff;
  }
.blog__btn {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    text-decoration: none;
}

.blog__btn span {
    position: absolute;
    /* top: 50%; */
    right: 0;
    transform: rotate(318deg);
     overflow: visible; 
}
.blog__btn span i {
    transition: all 0.5s ease;
}

.blog__btn:hover span i {
    transform: translateX(4px);
}
.blog-container{
max-width:1500px;
margin:0 auto;
}

.about__left-7 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 520px;
	border-radius: 15px;
}

.about__left-7 img {
	position: absolute;
	bottom: 0;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 120%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
  transition: transform 0.1s ease-out;
  will-change: transform;
}
@media (max-width:768px) {
.blog__title, .blog__title-2, .blog__title-3 {
    display: block;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    border-bottom: 1px solid #51585e;
    margin-bottom: 4px !important;
    padding-bottom: 10px !important;

}
.title_left .sectitle01 {
    text-transform: uppercase !important;
    font-size: 36px !important;
    color: #fff;
    padding-left: .5rem !important;
    margin-bottom: 12px !important;
    font-family: "NT VALENTINO Regular";
}
.pill-container {
          display: flex;
        gap: 10px;
        padding-top: 1rem;
        padding-bottom: 1.5rem !important;
        padding-left: .5rem !important;
    }
.blog__area {
    position: relative;
    z-index: 1;
}
	.about__left-7 {
		height: 250px !important;
	}
	.showcase4__content h2{
		font-size: 14px !important;
	}
	.about__left-7 img {
		height: 100% !important;
	}
	.positionAbsolute_01{
		top: 81%;
	}
}
@media (max-width:1200px) {

	.about__left-7 {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 350px;
		border-radius: 15px;
	}
	
	.about__left-7 img {
		position: absolute;
		bottom: 0;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 90%;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%
  transition: transform 0.1s ease-out;
  will-change: transform;
	}
}
  .about__left-7 img.parallax-image {
    transition: none !important;
}
    @media only screen and (max-width: 500px){
        .specificationImage.overlayBlack{
            height: 240px !important;
        }
        .paddingsmall{
            padding-top:23px !important;
        }
}
.ps-0{
padding-left:0 !important;
}