html {
  height: 100%;
  scroll-behavior: smooth;
}

select::-ms-expand {
  display: none;
}

body {
  font-family: "Titillium Web", sans-serif;
  color: #434343;
  font-size: 16px;
}

.btn,
a {
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
  text-decoration: none;
  outline: 0;
  text-decoration: none;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

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

img {
  max-width: 100%;
}

.form-control {
  color: #000;
  font-size: 16px;
  border-radius: 0;
  font-family: "Titillium Web", sans-serif;
}

input.form-control {
  height: 43px;
  padding: 0 15px;
  border-color: #d9d9d9;
  border-radius: 6px;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-decoration: none;
}

input.form-control:focus {
  text-decoration: none;
  border-color: #221f20;
  transition: border-color ease-in-out .15s;
}

textarea.form-control {
  padding: 10px 15px;
  resize: none;
  height: 80px;
  border-color: #d9d9d9;
  box-shadow: none;
  -webkit-box-shadow: none;
}

select.form-control {
  padding: 0 45px 0 10px;
  height: 43px;
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/select-icon.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.form-control:focus {
  border-color: #221f20;
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.input-group-addon {
  transition: border-color ease-in-out .15s;
}

.input-group.verified-field-mobile:has(> input:focus) .input-group-addon {
  border-color: #221f20;
}

iframe {
  display: block;
  border: 0;
  width: 100%;
}

.back-top-div {
  position: fixed;
  right: 30px;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  z-index: 999;
}

a.back-top {
  display: block;
  height: 45px;
  width: 45px;
  background: #72bebe;
  border: 1px solid #72bebe;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
  color: #000;
  text-align: center;
  line-height: 45px;
  font-size: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.back-top:hover {
  background: #97d6d6;
  border-color: #fff;
}

.back-top-div.active {
  opacity: 1;
  bottom: 45px;
}

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

.arabic-font {
  font-family: "Titillium Web", sans-serif;
}

p {
  line-height: 26px;
  margin-bottom: 18px;
}

label {
  font-weight: 400;
  color: #343742;
  margin-bottom: 6px;
}

.form-group {
  margin-bottom: 20px;
}

.btn {
  background: #97d6d6;
  color: #221f20;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 8px 25px;
  border-radius: 6px;
  border: 1px solid #97d6d6;
}

.btn:hover {
  background: #6bb2b2;
  border-color: #6bb2b2;
  color: #fff;
}

.mr-b-0 {
  margin-bottom: 0 !important;
}

.mr-b-20 {
  margin-bottom: 20px !important;
}

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

.border-0 {
  border: none !important;
}

.linktitle {
  display: block;
  position: relative;
  cursor: pointer;
}

section.checkout .linktitle:after {
  content: "+";
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  color: #000;
  font-size: 34px;
  padding-right: 0.5em;
  position: absolute;
  top: -12px;
  right: 0;
}

section.checkout .linktitle.active:after {
  content: "-";
  font-size: 34px;
  top: -15px;
}

.contentbox {
  display: none;
}

.ml12 {
  text-transform: uppercase;
  cursor: pointer;
}

.ml12 .letter {
  display: inline-block;
}

.card {
  position: relative;
  /* border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; */
  /* margin: 18px 0; */
  display: flex;
}

.card-body {
  padding: 30px 0;
}

.categorysaletag {
  color: red;
}

input:focus,
select:focus,
textarea:focus {
  text-decoration: none;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #221f20;
  transition: border-color ease-in-out .15s;
}

div.stars {
  float: left;
}

input.star {
  display: none;
}

label.star {
  cursor: pointer;
  float: right;
  padding: 0 2px;
  font-size: 14px;
  color: #97d6d6;
  transition: all 0.2s;
  margin-bottom: 0;
}

input.star:checked~label.star:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/rating_sprites.png) no-repeat -46px -10px;
  filter: brightness(0);
}

input.star-5:checked~label.star:before {
  color: #97d6d6;
  text-shadow: 0 0 20px #97d6d6;
}

input.star-1:checked~label.star:before {
  color: #f62;
}

label.star:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/rating_sprites.png) no-repeat -10px -10px;
  filter: brightness(0);
}

.success_msg {
  color: green;
}

.error_msg {
  color: red;
}

.label-danger {
  background-color: #fa4c56 !important;
}

.label-highlight {
  background-color: #e5e5e5 !important;
  color: #000;
}

.label-default {
  background-color: #ed2301 !important;
}

.label-info {
  background-color: #ed2301 !important;
}

.title h2 {
  margin: 0 0 10px 0;
  font-size: 27px;
  color: #343742;
  font-weight: 600;
}

.title h3 {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: #343742;
  font-weight: 400;
}

.modal-header {
  padding: 20px;
}

.slick-next:before,
.slick-prev:before {
  display: none;
}

.coming-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.85);
}

.coming-loader .coming-loader-img {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
}

header.header .top-header {
  background: #221f20;
  padding: 6px 0;
  color: #fff;
  font-size: 13px;
}

header.header .top-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.top-header .top-left-header li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 12px 0 0;
  margin: 0 7px 0 0;
}

.top-header .top-left-header li:after {
  background: #4b4c54;
  position: absolute;
  right: 0;
  bottom: 2px;
  top: 2px;
  content: "";
  width: 1px;
}

.top-header .top-left-header li.last-child:after {
  display: none;
}

header.header .header-country-in {
  position: relative;
  float: left;
}

header.header .header-country-in .header-country-list {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 106;
  width: 130px;
  color: #000;
  padding: 5px 0 0 0;
  display: none;

}

header.header .header-country-in .header-country-list-in {
  background: #fff;
  padding: 10px 0;
  height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 150px;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.header-country .header-country-in>a {
  float: left;
  width: 20px;
  margin: 0 12px 0 0;
}

.header-country .header-country-img-box span {
  float: left;
  padding: 1px 0 0 0;
}

.header-country-list-in ul li {
  padding: 0;
  float: none;
}

.header-country-list-in li a {
  float: none;
  margin: 0;
  width: auto;
  display: block;
  padding: 5px 10px;
}

.header-country-list-in li a:hover {
  background: #97d6d6;
}

.header-country-list-in .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
}

.header-country-list-in .icon img {
  width: 100%;
}

.header-country-list-in li img {
  display: none;
}

.header-country-list-in li .icon,
.headerflag {
  background: url(../images/flag_sprites.png) no-repeat;
  width: 20px;
  height: 20px;
}

.header-country-list-in li .icon.kuwait,
.headerflag.kuwait {
  background-position: -210px -90px;
}

.header-country-list-in li .icon.uae,
.headerflag.uae {
  background-position: -90px -10px;
}

.header-country-list-in li .icon.saudi,
.headerflag.saudi {
  background-position: -210px -130px;
}

.header-country-list-in li .icon.bahrain,
.headerflag.bahrain {
  background-position: -130px -51px;
}

.header-country-list-in li .icon.qatar,
.headerflag.qatar {
  background-position: -50px -133px;
}

.header-country-list-in li .icon.oman,
.headerflag.oman {
  background-position: -10px -133px;
}

.header-country-list-in li .icon.australia,
.headerflag.australia {
  background-position: -130px -10px;
}

.header-country-list-in li .icon.belgium,
.headerflag.belgium {
  background-position: -10px -92px;
}

.header-country-list-in li .icon.canada,
.headerflag.canada {
  background-position: -210px -10px;
}

.header-country-list-in li .icon.denmark,
.headerflag.denmark {
  background-position: -50px -92px;
}

.header-country-list-in li .icon.france,
.headerflag.france {
  background-position: -90px -92px;
}

.header-country-list-in li .icon.germany,
.headerflag.germany {
  background-position: -130px -92px;
}

.header-country-list-in li .icon.india,
.headerflag.india {
  background-position: -170px -10px;
}

.header-country-list-in li .icon.italy,
.headerflag.italy {
  background-position: -170px -51px;
}

.header-country-list-in li .icon.jordan,
.headerflag.jordan {
  background-position: -210px -50px;
}

.header-country-list-in li .icon.morocco,
.headerflag.morocco {
  background-position: -170px -133px;
}

.header-country-list-in li .icon.netherlands,
.headerflag.netherlands {
  background-position: -170px -92px;
}

.header-country-list-in li .icon.zealand,
.headerflag.zealand {
  background-position: -90px -51px;
}

.header-country-list-in li .icon.norway,
.headerflag.norway {
  background-position: -50px -51px;
}

.header-country-list-in li .icon.spain,
.headerflag.spain {
  background-position: -90px -133px;
}

.header-country-list-in li .icon.sweden,
.headerflag.sweden {
  background-position: -10px -10px;
}

.header-country-list-in li .icon.switzerland,
.headerflag.switzerland {
  background-position: -50px -10px;
}

.header-country-list-in li .icon.kingdom,
.headerflag.kingdom {
  background-position: -10px -51px;
}

.header-country-list-in li .icon.states,
.headerflag.states {
  background-position: -130px -133px;
}

.header-country-in .header-country-list .text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 25px);
  padding: 3px 0 0 10px;
}

header.header .header-country-in:hover .header-country-list {
  display: block;
}

header.header .navbar-default {
  background: #fff;
  border: none;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.header .navbar .navbar-brand {
  height: 100%;
  padding: 12px 0;
  margin: 0;
}

header.header .header-cart a {
  display: flex;
  position: relative;
  padding: 0;
}

.header-cart a i {
  width: 24px;
  height: 24px;
}

header.header .header-cart .item-count {
  background: #000;
  position: absolute;
  right: -2px;
  top: 0px;
  color: #fff;
  text-align: center;
  height: 12px;
  width: 13px;
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

header.header .right-hdr {
  display: flex;
  align-items: center;
  gap: 16px;
}

header.header .hdr-nav {
  flex: 1;
}

.header-list {
  display: flex;
  gap: 16px;
}

.header-list li {
  display: flex;
  align-items: center;
  justify-content: center;

}

.header-list .last-child {
  display: none;
}

.header-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-list li a i {
  width: 24px;
  height: 24px;
}

.navbar-default .navbar-nav>li>a {
  font-size: 16px;
  color: #221f20;
  padding: 34px 13px;
  text-underline-offset: 6px;
}

.navbar-default .navbar-nav>li:hover>a {
  color: #97d6d6;
  background-color: inherit;
}

.navbar-default .navbar-nav>li:hover>a:hover .dropdown-menu {
  display: block;
}

li.brand-name a.submenu-active ul.custom-menu {
  display: block;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li.active-detail-page>a {
  color: #97d6d6;
  background: 0 0;
  text-decoration: underline;
}

header.header .header-search {
  float: right;
  position: relative;
  width: 240px;
}

.header-search input.form-control {
  font-size: 17px;
  color: #221f20;
  height: 35px;
  border-color: #ddd;
  border-radius: 50px;
  padding-right: 50px;
  text-decoration: none;
}

.header-search input.form-control:focus {
  border-color: #221f20;
  transition: border-color ease-in-out .15s;
}

header.header .header-search .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 35px;
  background: url(../images/header-search-icon.svg) center no-repeat;
  padding: 0;
  border: none;
}

header.header .navbar-default .navbar-nav>.open>a {
  background: 0 0;
}

ul.dropdown-categories li.brand-name:hover ul.inner-list {
  transition: all ease 0.4s;
  opacity: 1;
  visibility: visible;
}

.inner-list {
  -webkit-transition: all 0.5s ease-out;
  padding: 15px;
  transition: all ease 0.4s;
  position: absolute;
  left: 70%;
  width: auto;
  background: #f4f4f6;
  z-index: 9;
  top: 0;
  height: auto;
  opacity: 0;
  visibility: hidden;
  border-bottom: 2px solid #97d6d6;
  columns: 2;
}

ul.dropdown-categories li.brand-name:hover {
  background: #f4f4f6;
  background-position: 60% 55%;
  background-size: 10px;
}

.mega-dropdown li.brand-name {
  display: inline-block;
  width: 100%;
  background: url(../images/up-arrow.svg) no-repeat;
  background-position: 95% 55%;
  background-size: 10px;
  padding: 8px 22px 8px 10px;
  margin-bottom: 2px;
  position: relative;
  transition: all 0.4s;
}

ul.inner-list li a {
  background: 0 0;
  white-space: nowrap;
}

.mega-dropdown-menu li ul.dropdown-categories {
  display: block !important;
}

.mega-dropdown {
  position: static !important;
}

ul.dropdown-categories li.brand-name.openbox a {
  background: url(../images/down-arrow.svg) no-repeat;
  background-position: 100% 53%;
  background-size: 10px;
}

.mega-dropdown-menu {
  padding: 20px 0;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu>li>ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #97d6d6;
  padding: 25px 60px 0 0;
  margin-top: 0;
}

.dropdown-categories .inner-category li {
  margin: 0;
}

.inner-category li.active a {
  background: #e6e7e9;
}

.inner-category li a {
  padding: 15px;
  display: block;
}

.inner-category li a:hover,
.inner-category li.active a:focus,
.inner-category li.active a:hover {
  background: #e6e7e9;
}

.inner-category .mega-text p {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  margin: 0;
  background: url(../images/up-arrow.svg) no-repeat;
  background-position: 95% center;
}

.dropdown-categories.brand-menu li a {
  font-weight: 400;
  color: #434343;
}

.dropdown-categories.brand-menu li a:hover {
  font-weight: 700;
  color: #000;
}

.dropdown-categories {
  border-right: solid 1px #ddd;
  padding: 0;
  position: relative;
}

.dropdown-menu .col-md-2:last-of-type .dropdown-categories {
  border: none;
}

.dropdown-categories li:hover a {
  font-weight: 700;
  color: #000;
}

.mobile-menu__body {
  position: fixed;
  transform: translate(-100%);
}

.mobile-header__menu-button.mobile_only {
  display: none;
}

.mega-dropdown-menu .col-md-2.rowbreaklist .inner-list {
  left: inherit;
  right: 100%;
}

.foot-advt .foot-advt-in {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  padding: 30px 20px;
  max-width: 90%;
  margin: 50px auto -22px;
  position: relative;
  z-index: 99;
}

.foot-advt .foot-advt-in ul {
  margin: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.foot-advt-in ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0;
  padding: 0 10px;
  width: 25%;
}

.foot-advt .advt-box:after {
  clear: both;
  display: block;
  content: "";
  visibility: hidden;
}

.foot-advt .advt-box .icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 46px;
}

.foot-advt .advt-box p {
  margin: 0 0 2px 0;
  font-size: 15px;
  line-height: 21px;
  color: #221f20;
  font-weight: 600;
  text-transform: uppercase;
}

.foot-advt .advt-box p {
  margin: 0;
  font-size: 15px;
  line-height: 21px;
  color: #818181;
}

.foot-advt .advt-box .text {
  display: inline-block;
  vertical-align: middle;
}

footer.footer {
  background: #97d6d6;
}

footer.footer .left-foot-box {
  width: 30%;
}

footer.footer .right-foot-box {
  width: 70%;
}

footer.footer .top-footer {
  position: relative;
  color: #221f20;
  padding-top: 64px;
}

footer.footer .top-footer:before {
  background: #f4f4f6;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 33%;
  margin: 0;
}

footer.footer .left-foot {
  padding: 0 120px 20px 0;
}

footer.footer .foot-logo {
  padding: 0 0 30px 0;
  text-align: center;
}

footer.footer .foot-logo a {
  display: inline-block;
  vertical-align: top;
}

footer.footer .foot-logo-info p {
  line-height: 22px;
  color: #666;
  text-align: center;
}

.store-icon ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
}

.store-icon ul:last-of-type {
  margin-bottom: 0;
  text-align: center;
}

footer.footer .right-foot {
  padding: 0 0 40px 0;
}

footer.footer .foot-policy {
  width: 20%;
}

footer.footer .foot-info {
  width: 16%;
}

footer.footer p {
  font-size: 16px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-weight: 600;
}

footer.footer .foot-nav li {
  padding: 0 0 4px 0;
}

footer.footer .foot-nav li.last-child {
  padding-bottom: 0;
}

.foot-nav li a {
  display: inline-block;
  vertical-align: top;
}

.foot-nav li a:hover,
.foot-nav li.active a {
  text-decoration: underline;
}

footer.footer .foot-soc {
  padding: 11px 0 0 0;
}

footer.footer .foot-soc p {
  margin: 0 0 10px 0;
  font-size: 16px;
}

footer.footer .foot-soc ul {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 15px 0 0;
}

.foot-soc ul li {
  vertical-align: top;
  padding: 0;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 100%;
  color: #97d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .foot-soc ul li:hover {
  background-color: #97d6d6;
  color: #fff;
  border: 1px solid #fff;
} */
.right-top-foot {
  border-bottom: 1px solid #64b6b6;
  padding-bottom: 30px;
}

.foot-soc li button {
  display: block;
  border: 1px solid #343742;
  background-color: #343742;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.foot-soc li button:hover {
  border-color: #000;
  background-color: #000;
}

footer.footer .right-btm-foot {
  padding: 25px 0 0 0;
}

footer.footer .payment-method {
  display: inline-block;
  vertical-align: top;
  padding: 0 30px 0 0;
}

footer.footer .payment-secure {
  float: right;
  padding: 0 140px 0 0;
}

footer.footer .foot-newsletter {
  position: relative;
}

footer.footer .foot-newsletter input.form-control {
  color: #221f20;
  background: #fff;
  border-color: #72bebe;
  box-shadow: 1.5px 2.598px 0 0 #6fc0c0;
  -webkit-box-shadow: 1.5px 2.598px 0 0 #6fc0c0;
  padding-right: 50px;
  border-radius: 50px;
  min-height: 45px;
}

footer.footer .foot-newsletter .form-control:-ms-input-placeholder,
footer.footer .foot-newsletter .form-control::-moz-placeholder,
footer.footer .foot-newsletter .form-control::-webkit-input-placeholder {
  color: #221f20;
  opacity: 1;
}

footer.footer .foot-newsletter .btn {
  background: url(../images/send-icon.png) center no-repeat;
  position: absolute;
  right: 0;
  top: 2px;
  height: 40px;
  width: 55px;
  border-radius: 50px;
  border: none;
}

footer.footer .foot-newsletter .btn:hover {
  background-color: #fff;
}

footer.footer .bottom-foot {
  background: #221f20;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 9px 0;
}

.foot-soc li button::after,
.foot-soc li button::before {
  content: "";
  display: block;
  background: url(../images/social_sprites.png) no-repeat;
  width: 14px;
  height: 14px;
  margin: 0 auto;
}

.foot-soc li button::after,
.foot-soc li:hover button::before {
  display: none;
}

.foot-soc li:hover button::after {
  display: block;
}

.foot-soc li#facebook button::before {
  background-position: -10px -78px;
}

.foot-soc li#facebook button::after {
  background-position: -44px -10px;
}

.foot-soc li#twitter button::before {
  background-position: -112px -10px;
}

.foot-soc li#twitter button::after {
  background-position: -78px -10px;
}

.foot-soc li#instagram button::before {
  background-position: -44px -78px;
}

.foot-soc li#instagram button::after {
  background-position: -10px -44px;
}

.foot-soc li#snapchat button::before {
  background-position: -78px -78px;
}

.foot-soc li#snapchat button::after {
  background-position: -44px -44px;
}

.foot-soc li#youtube button::before {
  background-position: -10px -10px;
}

.foot-soc li#youtube button::after {
  background-position: -78px -44px;
}

.foot-soc li#tiktok button::before {
  background-position: -112px -44px;
}

.foot-soc li#tiktok button::after {
  background-position: -112px -78px;
}

.payment-method img {
  margin-right: 20px;
}

.bottom_footer_link {
  display: none;
}

.home_newpage {
  background-color: #f8f8f8;
}

.main-banner {
  background: url(../images/banner.png);
  position: relative;
  height: 400px;
}

.banner-inner {
  box-shadow: 0 6px 16px 0 rgb(0, 0, 0, 0.1);
}

.top-offer {
  padding: 130px 0 0 0;
  background-color: #f8f8f8;
}

.main_title {
  font-size: 40px;
  line-height: 46px;
}

.heading-underline {
  background-color: #97d6d6;
  position: absolute;
  width: 140px;
  height: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.section_banner {
  width: 100%;
  padding-bottom: 20px;
}

.section_banner .slick-dots {
  top: -56px;
  text-align: right;
  bottom: auto;
  width: auto;
  right: 0;
}

.section_banner .slick-dots button {
  border-width: 1px;
  border-color: #97d6d6;
  border-style: solid;
  border-radius: 50%;
  background-color: #f8f8f8;
  width: 6px;
  height: 6px;
  position: relative;
}

.section_banner .slick-dots button:active,
.section_banner .slick-dots button:focus,
.section_banner .slick-dots button:hover {
  background-color: #97d6d6;
}

.section_sub_title {
  font-size: 38px;
  color: #343742;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.accessories_section,
.colored_section,
.prescription_section {
  padding: 70px 0 30px;
}

/* .accessories_banner_section,
.colored_banner_section,
.prescription_banner_section {
  background: #fff;
  padding-bottom: 30px;
  padding-top: 20px;
} */
.brand_btn {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -9px;
  margin-right: -9px;
}

.left_banner_heading {
  font-size: 26px;
  color: #221f20;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 20px;
  text-align: left;
}

.collapse_left_banner .slick-dots {
  text-align: right;
  bottom: -58px;
}

.collapse_left_banner .slick-dots button {
  border-width: 1px;
  border-color: #97d6d6;
  border-style: solid;
  border-radius: 50%;
  background-color: #f8f8f8;
  width: 6px;
  height: 6px;
  position: relative;
}

.collapse_left_banner .slick-dots button:active,
.collapse_left_banner .slick-dots button:focus,
.collapse_left_banner .slick-dots button:hover {
  background-color: #97d6d6;
}

.collapse_right_banner img {
  border: 1px solid #dbdbdb;
  margin-bottom: 10px;
}

.collapse_right_banner .slick-next,
.collapse_right_banner .slick-prev {
  border-radius: 50%;
  position: absolute;
  width: 22px;
  height: 22px;
}

.collapse_right_banner .slick-next {
  background: url(../images/Arrow-2.png);
  right: 0;
}

.collapse_right_banner .slick-prev {
  background: url(../images/Arrow-2-left.png);
  left: 0;
  z-index: 2;
  top: calc(50% - 26px);
}

.collapse_right_banner .slick-next:before,
.collapse_right_banner .slick-prev:before {
  display: none;
}

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

.right_banner_heading {
  font-size: 24px;
  text-align: center;
  color: #221f20;
  line-height: 1.083;
}

.collapse_right_banner .slick-next:focus,
.collapse_right_banner .slick-next:hover,
.collapse_right_banner .slick-prev:focus,
.collapse_right_banner .slick-prev:hover {
  border-radius: 50%;
  position: absolute;
  width: 22px;
  height: 22px;
}

.collapse_right_banner .slick-prev:focus,
.collapse_right_banner .slick-prev:hover {
  background: url(../images/Arrow-1.png);
}

.collapse_right_banner .slick-next:focus,
.collapse_right_banner .slick-next:hover {
  background: url(../images/Arrow-1-right.png);
}

.othercountry {
  margin-left: 10px;
  font-weight: 600px;
}

.btn-home {
  margin-top: 20px;
}

.mviewmorebrand {
  display: none;
}

.botom-spacing {
  padding-bottom: 80px;
}

.brand_btn a img {
  border: 2px solid #dadada;
  height: 100%;
}

.brand_btn a.active img {
  border: 1px solid #97d6d6;
  padding: 3px;
}

.brand-btn-inner {
  width: 25%;
  padding: 0 8px 16px;
}

.btn-circle {
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
}

.brand_btn_mobile {
  display: none;
}

.display-desktop {
  display: block;
}

.mobile-header-list {
  display: none;
}

.brand_btn a.active::before {
  width: 25px;
  height: 20px;
  position: absolute;
  content: "";
  background: url(../images/active-icon.png);
  background-repeat: no-repeat;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
}

.homeget {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.homesale {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
}

a:focus {
  outline: 0;
}

#accessories-banner .slick-slide img,
#colored-banner .slick-slide img,
#prescription-banner .slick-slide img,
.banner-inner .slick-slide img {
  width: 100%;
  max-height: 480px;
  /* height: 480px; */
}

.slick-dots li button:before {
  color: #97d6d6;
  font-size: 0 !important;
  width: 11px;
  height: 11px;
  border: 1px solid;
  border-radius: 100%;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #97d6d6;
  border-radius: 100%;
  color: #97d6d6;
  width: 11px;
  height: 11px;
  position: absolute;
  margin: 0 auto;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0;
}

body.ar .section_banner .slick-dots {
  text-align: left;
}

.collapse_right_banner .slick-slide {
  margin: 0 8px;
  position: relative;
}

.homesale {
  right: 0;
}

.right-banner-mobile .slick-arrow {
  display: none;
}

.desktop_hidden {
  display: none;
}

.bggray {
  background-color: #f8f8f8;
}

li.activecountry a {
  background-color: #97d6d6;
}

.btn-circle .buy-sale .label {
  color: #000;
  font-weight: 700;
  background-color: #97d6d6 !important;
}

.btn-circle .buy-sale .label span,
.pro-slider a.buy-sale .label span,
.product-box a.buy-sale .label span {
  font-size: 14px;
  line-height: 20px;
}

.btn-circle .buy-sale {
  background: #9fdcd4;
}

.btn-circle .buy-get {
  position: absolute;
  width: auto;
  height: auto;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: inherit;
  bottom: 20px;
  padding: 10px 0 0;
}

.btn-circle .buy-new {
  position: absolute;
  background: #97d6d6;
  background-size: cover;
  border-radius: 100%;
  width: 56px;
  height: 56px;
  top: -15px;
  padding: 17px 0 0 2px;
  left: -15px;
}

.btn-circle .buy-new p {
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  white-space: break-spaces;
  padding: 0;
  display: block;
  font-weight: 400;
  background-color: transparent !important;
  color: #000;
  font-weight: 700;
  transform: rotate(-45deg);
  padding-top: 12px;
}

.btn-circle .buy-exclusive {
  position: absolute;
  background: #97d6d6;
  background-size: cover;
  width: 60px;
  background-position: center;
  height: 60px;
  padding: 11px 0 0 2px;
  left: inherit;
  right: -15px;
  margin: auto;
  bottom: -15px;
  border-radius: 100%;
}

.btn-circle .buy-exclusive p {
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  white-space: break-spaces;
  padding: 0;
  display: block;
  font-weight: 400;
  background-color: transparent !important;
  color: #000;
  font-weight: 700;
  transform: rotate(-45deg);
  padding-bottom: 26px;
  padding-top: 2px;
}

.btn-circle .buy-get .label-danger {
  background-color: transparent !important;
}

.btn-circle .buy-get .label {
  font-size: 20px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  white-space: break-spaces;
  padding: 0;
  display: block;
  font-weight: 400;
  margin: 0;
  color: #fa4c56;
  font-weight: 700;
}

.btn-circle .buy-get span {
  font-size: 20px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.btn.btn-home-viewall {
  height: auto;
  font-size: 16px;
  margin: 0;
  background: 0 0;
  padding: 0;
  color: #97d6d6;
  font-weight: 700;
  border-bottom: 1px solid;
  /* position: absolute;
  top: -35px;
  right: 20px; */
  border: none;
}

.btn-home-viewall:hover {
  background: 0 0;
  color: #221f20;
}

section.list-page-title h1 {
  margin: 0 0 8px 0;
  font-size: 28px;
  color: #97d6d6;
  font-weight: 600;
}

section.list-page-title .page-title-in {
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0;
  margin-bottom: 35px;
}

.breadcrumb-nav ul li,
.breadcrumb-nav ul li h1 {
  font-size: 16px;
  line-height: 24px;
  color: #343742;
  position: relative;
  padding: 0 22px 0 0;
  margin: 0;
}

.breadcrumb-nav ul li h1 {
  padding: 0;
}

.breadcrumb-nav ul li:after {
  background: #e0e0e0;
  position: absolute;
  right: 8px;
  top: 10px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.breadcrumb-nav ul li.last-child,
.breadcrumb-nav ul li:last-of-type {
  padding: 0;
}

.breadcrumb-nav ul li.last-child:after,
.breadcrumb-nav ul li:last-of-type:after {
  display: none;
}

.breadcrumb-nav li a {
  display: block;
  color: #a4a4a4;
}

.breadcrumb-nav li a:hover {
  color: #97d6d6;
}

section.list-page-title .found-product {
  color: #221f20;
  font-weight: 700;
}

section.list-page-title .sort-by {
  display: flex;
  align-items: center;
  gap: 6px;
}

section.list-page-title .sort-by label {
  margin: 0;
  color: #221f20;
  font-weight: 600;
  width: 100%;
}

section.list-page-title .sort-by select.form-control {
  float: left;
  background: url(../images/sort-select-icon.png) right center no-repeat;
  background-position: center right 8px;
  padding: 6px 20px 6px 10px;
}

section.list-page-title .sort-by select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

section.list-page-title .product-mode {
  float: left;
  padding: 0 0 0 18px;
}

section.list-page-title .product-mode li {
  float: left;
  margin: -2px 0 0 4px;
}

section.list-page-title .product-mode li a {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

section.list-page-title .product-mode li.grid a {
  background-image: url(../images/grid-view.svg);
}

section.list-page-title .product-mode li.list a {
  background-image: url(../images/list-view.svg);
}

section.list-page-title .product-mode li a:hover {
  background-color: #e5e5e5;
}

section.list-page-title .product-mode li.active a {
  background-color: #95d3d3;
}

section.list-page-title .collection-banner .collection-slider .slick-list .slick-track .slick-slide img {
  width: 100%;
  height: 144px;
  object-fit: cover;
}

section.list-page-title .collection-banner .collection-slider ul.slick-dots {
  margin: 20px 0;
  text-align: center;
}

section.list-page-title .collection-banner .collection-slider ul.slick-dots li {
  display: inline-block;
}

section.list-page-title .collection-banner .collection-slider ul.slick-dots li button {
  border: 1px solid #97d6d6;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 0;
  background-color: #fff;
  padding: 0;
  margin: 0 5px;
}

section.list-page-title .collection-banner .collection-slider ul.slick-dots li.slick-active button {
  background-color: #97d6d6;
}

.product-list-section .sub-title {
  border-bottom: solid 1px #e1e1e1;
  margin-bottom: 15px;
}

.product-list-section .sub-title h2 {
  font-weight: 600;
  color: #97d6d6;
  margin-top: 0;
  font-size: 16px;
}

.product-list-section .product-list li {
  width: 32%;
}

.product-list-section .collection-sidebar .category-list:not(:last-child) {
  margin-bottom: 10px;
}

/* .collection-sidebar .category-list .category-list-title {
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
}

.category-list .category-list-title h5 {
  font-weight: 600;
  color: #221f20;
  display: inline-block;
  margin-top: 0;
  font-size: 16px;
}

.category-list .category-list-title span {
  float: right;
  position: relative;
  margin-top: 5px;
}

.category-list .category-list-title span:before {
  content: "";
  background: url(../images/angle-down.png) right center no-repeat;
  width: 15px;
  height: 15px;
  display: block;
}

.product-list-section .collection-sidebar .category-list .category-list-title.is-active span:before {
  content: "";
  background: url(../images/angle-right.png) right center no-repeat;
}

.category-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding-bottom: 12px;
  margin-bottom: 12px;

}

.category-list-title p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.category-list-title a {
  color: #343742;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
}

.category-list-title a:hover {
  text-decoration: underline;
} */

.collection-sidebar {
  border-radius: 6px;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #ddd;
}

.collection-sidebar .category-list-title p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #221f20;
  margin-bottom: 0;
}
.collection-sidebar .category-list .category-list-title {
  padding: 6px 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}
.collection-sidebar .category-list-toggle .category-list-title:hover, .collection-sidebar .category-list-toggle .category-list-title:focus {
  background-color: #97d6d6;
  transition: all 0.3s ease-in-out;
}
.collection-sidebar .category-list-toggle .category-list-title::after {
  background-image: url(../images/icon-minus.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
  margin-left: auto;
  content: "";
  transition: transform 0.2s ease-in-out;
}
.collection-sidebar .category-list-toggle .category-list-title:not(.active)::after {
  background-image: url(../images/icon-plus.svg);
  transform: rotate(-180deg);
}
.collection-sidebar .category-list > .select-category {
  padding: 8px 8px 0;
  border-top: 1px solid #ddd;
}

.collection-sidebar .clear-all-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 6px;
}

.collection-sidebar .clear-all {
  color: #ff3b33;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  text-decoration: underline;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.collection-sidebar .clear-all:hover {
  color: #221f20;
  transition: all 0.3s ease-in-out;
}


#colorlistdiv .select-category ul.brand,
.category-list .select-category ul#brandlistul,
.category-list .select-category ul#replace {
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
}

.category-list .select-category>input {
  width: 100%;
  margin: 0 0 10px 0;
  border: 1px solid #ddd;
  padding: 4px 10px;
  background: url(../images/header-search-icon.svg) no-repeat;
  background-position: 95% center;
  border-radius: 6px;
}

.category-list .select-category>input:focus {
  border-color: #97d6d6;
}

.product-list-section .collection-sidebar .category-list .select-category input::placeholder {
  font-size: 14px;
  color: #434343;
}

.collection-sidebar .category-list .category-title {
  cursor: pointer;
}

.product-list-section .collection-sidebar .category-list .category-title h5 {
  color: #221f20;
  display: inline-block;
  margin-top: 0;
  font-size: 15px;
  font-weight: 400;
}

.category-list .category-title span,
.category-list .category-title h2 {
  float: right;
  position: relative;
  margin: 2px 0 5px 0;
  font-size: 15px;
  font-weight: 400;
  color: #434343;
}

.category-list .category-title span:before,
.category-list .category-title h2:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  left: -23px;
}

.category-list .category-title span:after,
.category-list .category-title h2:after {
  left: -19px;
  width: 8px;
  height: 8px;
}

.product-list-section .collection-sidebar .category-list .category-box .category {
  padding: 7px;
  margin-bottom: 15px;
}

.category-title .brand .radiobtn {
  padding: 0;
}

/* .category-list .category-list-title a {
  float: right;
  font-size: 14px;
} */
.product-list-section .brand li {
  display: block;
}

.brand li .checkbox {
  margin-bottom: 12px;
}

.brand li:first-child .checkbox {
  margin-top: 0;
}

.brand li.last-child .checkbox {
  margin-bottom: 0;
}

.common-checkbox input {
  opacity: 0;
  position: absolute;
}

.common-checkbox label {
  position: relative;
  display: block;
  font-size: 15px;
  padding-left: 22px;
  margin-bottom: 0;
  cursor: pointer;
  text-transform: capitalize;
}

.common-checkbox label:before {
  width: 13px;
  height: 13px;
  content: "";
  bottom: auto;
  position: absolute;
  left: 0;
  top: 12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  border: 1px solid #97d6d6;
}

.common-checkbox label:after {
  bottom: auto;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  content: "";
  display: block;
  width: 6px;
  height: 15px;
  border: solid transparent;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  top: -7px;
  bottom: 0;
  margin: auto 0;
}

.common-checkbox input:checked~label:after {
  border-color: #221f20;
}

.product-list-section .color li {
  display: inline-block;
}

.product-list-section .color .checkbox {
  width: 26px;
  height: 26px;
  border: 1px solid #e0dcdc;
  margin: 0;
}

.product-list-section .color .checkbox label {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 2px;
  position: relative;
}

.product-list-section .color .checkbox label.color1 {
  background: #fbcee0;
}

.product-list-section .color .checkbox label.color2 {
  background: #9cb3f1;
}

.product-list-section .color .checkbox label.color3 {
  background: #fda430;
}

.product-list-section .color .checkbox label.color4 {
  background: #cf81f7;
}

.product-list-section .color .checkbox label.color5 {
  background: #233459;
}

.product-list-section .color .checkbox label.color6 {
  background: #ff9275;
}

.product-list-section .color .checkbox label:before {
  display: none;
}

.product-list-section .color .checkbox input {
  opacity: 0;
  position: absolute;
  margin: 0;
}

.product-list-section .color .checkbox input:checked~label:after {
  border-color: #fff;
  width: 6px;
  height: 11px;
  position: absolute;
  content: "";
  display: block;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
}

.product-list-section .color li .checkbox label:after {
  border: solid transparent;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.product-box .product-img-box {
  border: 1px solid #d9d9d9;
  position: relative;
  overflow: hidden;
  height: 340px;
}

.product-box .product-img-box .product-img {
  height: 100%;
  width: 100%;
  /*    padding-bottom: 25px;*/
}

.product-box .product-img a {
  display: block;
  width: 100%;
  height: 100%;
  /*    padding-bottom: 22px;*/
}

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

.product-box .wishlist-icon {
  position: absolute;
  right: -25px;
  top: 5px;
  z-index: 9;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

.product-box .wishlist-icon label {
  position: relative;
  display: block;
  border-radius: 50%;
  cursor: pointer;
}

.product-box .wishlist-icon input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}

.product-box .wishlist-icon span {
  background: url(../images/wishlist-icon.svg) center no-repeat;
  /*  background: #97d6d6 url(../images/wishlist-icon.svg) center no-repeat;*/
  border-radius: 50%;
  display: block;
  width: 24px;
  height: 24px;
  background-size: 16px;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
}

/*.product-box .wishlist-icon label:hover span {
  background-color: #72bebe;
}*/
.product-box .wishlist-icon input:checked~span {
  /*  background: #72bebe url(../images/wishlist-icon-fill.svg) center no-repeat;*/
  background: url(../images/wishlist-icon-fill.svg) center no-repeat;
  background-size: 16px;
}

.product-box .zoom-icon {
  position: absolute;
  right: -25px;
  top: 40px;
  z-index: 9;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

.product-box .zoom-icon label {
  position: relative;
  display: block;
  border-radius: 50%;
  cursor: pointer;
}

.product-box .zoom-icon input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}

.product-box .zoom-icon span {
  background: #97d6d6 url(../images/search-list.svg) center no-repeat;
  border-radius: 50%;
  display: block;
  width: 24px;
  height: 24px;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
}

.product-box .zoom-icon label:hover span {
  background-color: #72bebe;
}

.product-box .add-to-cart {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: -40px;
  z-index: 9;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

.product-box .add-to-cart a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 15px;
  line-height: 23px;
  color: #221f20;
  text-align: center;
  padding: 5px 20px;
  position: relative;
  background: #97d6d6;
}

.product-box .add-to-cart a:before {
  background: url(../images/cart-btn-icon.svg) center no-repeat;
  /*    position: absolute;*/
  left: 31px;
  top: 6px;
  content: "";
  width: 17px;
  height: 20px;
  display: inline-block;
  background-size: cover;
}

.product-box .add-to-cart a:hover {
  background: #72bebe;
}

.product-box:hover .wishlist-icon {
  right: 5px;
}

.product-box:hover .zoom-icon {
  right: 5px;
}

.product-box:hover .add-to-cart {
  bottom: 5px;
}

.product-box .product-text {
  color: #000;
  padding: 9px 0 0 0;
}

.product-box .product-text .product-name {
  float: left;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product-box .product-text .product-name a:hover {
  color: #97d6d6;
}

.product-box .product-text .product-price {
  font-size: 13px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 6px;
}

.product-price strike {
  text-decoration-color: red;
  font-weight: normal;
}

.product-box a.buy-get {
  /*    position: absolute;*/
  right: 0;
  bottom: 0;
  display: block;
}

.product-box a.buy-get span {
  color: red;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 4px;
}

.btn-circle .buy-sale,
.pro-slider a.buy-sale {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.pro-slider a.buy-sale {
  top: 2px;
  left: 27%;
}

.btn-circle .buy-sale .label,
.pro-slider a.buy-sale .label,
.product-box a.buy-sale .label {
  font-size: 10px;
  line-height: 12px;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-self: center;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  font-weight: 400;
}

.product-box a.buy-sale {
  color: red;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
}

.product-box a.buy-sale p {
  margin-bottom: 0;
}

.product-details .text-black strike,
.product-details .text-black strike span,
.product-details .text-black strike span s {
  /*color: red !important;*/
  font-size: 14px;
  font-weight: 400;
  text-decoration-color: red;
  color: #7f7f7f;
}

.modal.modal-sort {
  top: unset;
}

.modal.modal-sort .modal-dialog .modal-content {
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.modal-sort .modal-dialog {
  margin: 0;
}

.modal.modal-sort .modal-dialog .modal-content {
  border: 0;
}

.modal.modal-sort .modal-content .modal-header,
.modal.modal-filter .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 8px;
  padding: 10px 12px;
}

.modal.modal-sort .modal-content .modal-header::before, 
.modal.modal-sort .modal-content .modal-header::after, 
.modal.modal-filter .modal-content .modal-header::before, 
.modal.modal-filter .modal-content .modal-header:after {
  display: none;
}

.modal.modal-sort .modal-header h4 {
  color: #3e4152;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
}

.modal.modal-sort .modal-header p,
.modal.modal.modal-filter .modal-header p {
  color: #3e4152;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
}

.modal-sort button.close, .modal-filter button.close {
  position: relative;
  top: 0;
  right: 0;
}

.modal.modal-sort .modal-content .modal-body {
  padding: 12px 0;
  margin: 0 12px;
}

.modal.modal-sort .modal-sort-list li {
  margin: 0 0 12px 0;
}

.modal.modal-sort .modal-sort-list li.last-child {
  margin: 0;
}

.modal.modal-sort .modal-sort-list li .modal-sort-img {
  display: inline-block;
  vertical-align: middle;
}

.modal.modal-sort .modal-sort-list li .modal-sort-text {
  display: inline-block;
  vertical-align: middle;
}

.modal.modal-sort .modal-sort-list li .modal-sort-text p {
  margin-bottom: 0;
}

.modal.modal-sort .modal-sort-text h4 {
  color: #4d5060;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}

.modal.modal-sort.in .modal-dialog .modal-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.modal.modal-filter {
  /* top: unset;
  height: 100%; */
  overflow: hidden;
}

.modal.modal-filter .modal-dialog {
  margin: 0;
}

.modal.modal-filter .modal-dialog .modal-content {
  border: 0;
}

.modal.modal-filter .modal-header h4 {
  color: #3e4152;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
}

.modal.modal-filter .modal-dialog .modal-content {
  /* height: 100% !important; */
  /* overflow-y: scroll; */
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.modal-filter.in .modal-dialog .modal-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.modal.modal-filter .filter-modal-body {
  height: 100%;
}

.modal.modal-filter .filter-modal-body .filter-left-list {
  width: 30%;
  float: left;
  height: 100%;
  border-right: 1px solid #eaeaec;
}

.modal.modal-filter .filter-modal-body .filter-right-list {
  width: 70%;
  float: right;
  max-height: calc(100vh - 109px);
  overflow-y: auto;
}

.modal.modal-filter .tab-content .tab-pane.active {
  display: block;
}

.modal.modal-filter .tab-content .tab-pane {
  display: none;
}

/* .modal.modal-filter .filter-right-list .tab-content {
  padding: 0 15px 15px 15px;
} */

/* .modal.modal-filter .tab-pane .tab-right-list {
  height: 100vh !important;
  overflow-y: scroll;
} */

.modal.modal-filter .tab-right-list li {
  padding: 15px;
  border-bottom: 1px solid #eaeaec;
}

.modal.modal-filter .tab-right-list li .checkbox {
  margin: 0;
}

.modal.modal-filter .tab-right-list input.brand-search {
  width: calc(100% - 24px);
  border: 2px solid #97d6d6;
  padding: 4px 10px;
  background: url(../images/search.svg) no-repeat;
  background-position: 95% center;
  margin: 8px 12px;
}

.modal.modal-filter .tab-right-list .stars {
  margin: 15px;
}

.modal.modal-filter .modal-content .modal-body {
  padding: 0 0 59px;
  height: calc(100vh - 51px);
}

.modal.modal-filter .filter-left-list li a {
  background: #f5f5f6;
  font-size: 15px;
  color: #4f5161;
  font-weight: 400;
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eaeaec;
}

.modal.modal-filter .filter-left-list li.active a {
  background: #fff;
  color: #4d5060;
  font-weight: 700;
}

.modal.modal-filter .filter-left-list li.last-child a {
  border-bottom: 0;
}

.modal.modal-filter .modal-content .modal-footer {
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  gap: 16px;
  border-top: 0;
  background-color: #fff;
  padding: 8px 0;
  border-top: 1px solid #eaeaec;
}

.modal.modal-filter .modal-footer button {
  width: 50%;
}

/* .modal.modal-filter .modal-footer button.apply {
  color: #97d6d6;
} */
.modal.modal-filter .modal-footer button.remove {
  background-color: #dc3545;
  color: #fff;
  border-color: #dc3545;
}

.modal.modal-filter .modal-footer button.remove:hover,
.modal.modal-filter .modal-footer button.remove:focus,
.modal.modal-filter .modal-footer button.remove:focus-visible {
  background-color: transparent;
  color: #dc3545;
}

/* .modal.modal-filter .modal-footer button.apply:after {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 1px;
  height: 22px;
  background: #eaeaec;
} */

.radiobtn {
  display: block;
  vertical-align: top;
  padding: 0;
  line-height: normal;
}

.radiobtn label {
  position: relative;
  cursor: pointer;
  padding: 0 0 0 28px;
  line-height: 1;
  margin: 0 !important;
  justify-content: space-between;
  /*width: 100%*/
}

.radiobtn span {
  color: #000;
  font-weight: 600;
}

.radiobtn input,
input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.selectpower input[type=checkbox] {
  position: relative;
  left: 0;
  top: 0;
  opacity: 999;
}

.radiobtn span:before {
  border: 1px solid #221f20;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}

.radiobtn span:after {
  background: #221f20;
  position: absolute;
  left: 4px;
  top: 4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.radiobtn input:checked~span:after {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.common-checkbox.brand-filter label:before {
  background: url(../images/done.png) no-repeat;
  border: 0;
}

.common-checkbox.brand-filter input:checked~label:after {
  background: url(../images/green-tick.png) no-repeat;
  width: 13px;
  height: 13px;
  left: 0;
  top: unset;
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  border: none;
  top: 1px;
}

.common-checkbox.brand-filter input:checked~label {
  font-weight: 700;
}

.modal.modal-filter ul .brand-filter-collection ul {
  padding: 0 0 0 30px;
}

.modal.modal-filter ul .brand-filter-collection li {
  padding: 0 0 10px 0;
  border: 0;
}

.modal.modal-filter ul .brand-filter-collection li.last-child {
  padding: 0;
}

.modal.modal-filter ul .brand-filter-collection li .checkbox {
  margin: 0;
}

.product-list-section .apply-btn button {
  width: 100%;
}

.product-list-section .apply-btn a.clear-all {
  color: #97d6d6;
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
  display: block;
}

.breadcrumb-main {
  background: #fafafa;
  padding: 10px 0;
  margin-bottom: 25px;
}

.product-detail-box {
  margin-bottom: 55px;
}


section.product-page .pro-slider {
  display: flex;
  flex-direction: row-reverse;
}

section.product-page .pro-slider .product-slide {
  width: 80%;
  background: #fff;
  text-align: center;
  /* height: 425px; */
}

/* .pro-slider .product-slide .img {
  text-align: center;
  min-height: 450px;
  position: relative;
} */

/* .pro-slider .product-slide .img img {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
} */

.pro-slider .product-slide .img video {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.pro-slider .product-slide .img iframe {
  height: 350px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.xzoom-thumbs .img a {
  display: flex;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.xzoom-thumbs .img a.videoicon:after {
  background: #97d6d6 url(../images/video-icon.svg) center no-repeat;
  display: flex;
  content: "";
  position: absolute;
  height: 40px;
  text-align: center;
  width: 40px;
  border: 1px solid #221f20;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
}

.modal-zoom-slider .img {
  position: relative;
  min-height: 560px;
}

.modal-zoom-slider .img iframe,
.modal-zoom-slider .img video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 350px;
}

/* .pro-slider .product-slide .slide img {
  width: 100% !important;
  object-fit: contain;
  height: 100%;
} */

.pro-slider .product-slide .slide video::-webkit-media-controls-panel {
  background: -moz-linear-gradient(360deg, #97d6d6, transparent 40%);
  background: -webkit-linear-gradient(360deg, #97d6d6, transparent 40%);
  background: linear-gradient(360deg, #97d6d6, transparent 40%);
}

section.product-page .pro-slider .xzoom-thumbs {
  width: 28%;
  float: right;
  background: #fff;
  padding: 0 18px 0 0;
  text-align: center;
  overflow-y: hidden;
}

section.product-page .pro-slider .slide {
  outline: 0;
}

.pro-slider .xzoom-thumbs .img {
  position: relative;
  padding: 0;
  background: #f4f4f6;
  min-height: 130px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

section.product-page .pro-slider .product-slide .slick-arrow {
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: 0 0;
  border: 0;
  font-size: 0;
  outline: 0;
}

section.product-page .pro-slider .product-slide .slick-arrow.slick-prev {
  background: url(../images/slide-left.svg) no-repeat;
  background-position: 50% 50%;
  background-size: 8px;
  background-color: #97d6d6;
  border-radius: 100%;
}

section.product-page .pro-slider .product-slide .slick-arrow.slick-next {
  background: url(../images/slide-right.svg) no-repeat;
  left: initial;
  right: 0;
  background-position: 50% 50%;
  background-size: 8px;
  background-color: #97d6d6;
  border-radius: 100%;
}

.ae.slidesjs-previous {
  background: url(../images/slide-right.svg) no-repeat;
  width: 10px;
  height: 18px;
  display: block;
  transform: rotate(-90deg);
  background-size: cover;
  margin: 0 auto;
}

.ae.slidesjs-next {
  background: url(../images/slide-right.svg) no-repeat;
  width: 10px;
  height: 18px;
  display: block;
  transform: rotate(90deg);
  background-size: cover;
  margin: 0 auto;
}

.product-details .product-top-box .product-title {
  float: left;
}

.product-top-box .product-title h2 {
  margin: 0;
}

.product-details .share {
  float: right;
}

.product-details .share li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  position: relative;
  /*    padding: 0 0 4px 0;*/
}

.product-details .share li a {
  font-size: 14px;
}

.product-details .share a img {
  width: 20px;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
  display: block;
}

.product-details .share ul li:hover a img {
  width: 20px;
  filter: brightness(10%);
  -webkit-filter: brightness(10%);
}

.product-details .product-share-list {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  padding: 8px;
  position: absolute;
  top: calc(100% + 2px);
  /* adjust so it touches or slightly overlaps */
  text-align: center;
  width: auto;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
}

.product-details .product-share-list ul {
  flex-direction: column;
}

.product-details .product-share-list li:not(:last-of-type) {
  margin: 0 0 6px 0;
}

.product-share-list li button {
  background: #fff;
  border: 1px solid #ddd;
  width: 28px;
  height: 28px;
  line-height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-share-list li button:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

.product-share-list li button:hover path {
  fill: #fff;
}

.product-details .share li:hover .product-share-list {
  display: block;
}

.product-details .wishlist-icon label {
  position: relative;
  margin: 0;
  cursor: pointer;
  display: block;
}

.product-details .wishlist-icon input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}

.product-details .wishlist-icon span {
  background: url(../images/wishlist-icon.svg) center no-repeat;
  background-size: 88%;
  width: 24px;
  height: 24px;
  display: block;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
}

.wishlist-icon input:checked~span {
  background-image: url(../images/wishlist-icon-fill.svg);
  opacity: 1;
}

.wishlist-icon label:hover span {
  opacity: 1;
}

.product-details {
  position: relative;
}

.product-details .trade-mark {
  position: absolute;
  right: 0px;
  top: -4px;
  transform: rotate(33deg);
  max-width: 36px;
}

.product-details .rating-box .stars {
  display: flex;
  align-items: center;
  float: right;
}

.product-details .rating-box img {
  max-width: 16px;
  margin: 0 0 0 3px;
}

.product-details .stars form {
  margin-right: 10px;
}

.product-details .stars h6 {
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
  color: #434343;
  font-weight: 400;
}

.product-details h2 {
  font-size: 20px;
  color: #000;
  margin-top: 10px;
  font-weight: 700;
}

.product-details h5.stock-title {
  font-size: 15px;
  color: #00dc48;
  font-weight: 400;
  margin: 0;
}

.product-details h5.brand-title {
  font-size: 15px;
  color: #434343;
  font-weight: 400;
  margin: 0;
}

/*.product-details .price {
    margin: 15px 0 15px 0;
    font-size: 16px;
    color: #424242;
    font-weight: 700;
    position: relative;
}*/
.product-details .price {
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-weight: 600;
  /* margin-bottom: 4px; */
  justify-content: center;
}

.product-details .price strike {
  font-size: 14px;
  font-weight: 400;
  color: #7f7f7f;
}

.product-details .price span {
  text-decoration: line-through;
}

.product-details .buy-sale {
  color: red;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.product-details .description p {
  font-size: 15px;
  color: #434343;
  margin-bottom: 0;
  line-height: 20px;
}

.product-details .description a {
  font-size: 15px;
  color: #97d6d6;
  text-decoration: underline;
}

.product-details .qty-main {
  width: 100%;
  margin-bottom: 15px;
}

.product-details .qty-list {
  width: 25%;
  float: left;
  padding: 0 10px 0 0;
}

.product-details .qty-list .text {
  font-size: 15px;
  color: #434343;
  margin-bottom: 5px;
  /*    font-weight: bold;*/
  /*    text-decoration: underline;*/
}

.product-details .quantity-count {
  text-align: center;
  position: relative;
  display: inline-block;
}

.quantity-count .frm-minus {
  position: absolute;
  left: 0;
}

.quantity-count input.form-control {
  height: 34px;
  text-align: center;
  background: #fff;
  font-size: 15px;
  border: solid 1px #cecece;
}

.quantity-count .frm-plus {
  position: absolute;
  right: 0;
  top: 0;
}

.quantity-count a.quantity-btn {
  display: block;
  color: #434343;
  height: 34px;
  text-align: center;
  font-size: 23px;
  line-height: 34px;
  width: 34px;
}

.frm-minus a.quantity-btn {
  font-size: 32px;
  line-height: 28px;
}

.quantity-btn img {
  width: 18px;
  filter: brightness(0);
}

.product-details .power {
  width: 75%;
  float: left;
}

.product-details .power .text {
  font-size: 15px;
  color: #434343;
  margin-bottom: 5px;
}

.product-details .power .eye-box {
  width: 35%;
  float: left;
  position: relative;
  padding-right: 10px;
}

.product-details .power .eye-box:last-child {
  padding-right: 0;
}

.product-details .eye-box select {
  width: 100%;
  border: solid 1px #cecece;
  height: 34px;
  font-size: 15px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/detail-down-arrow.png) no-repeat;
  background-position: 96% 12px;
  text-align: center;
}

.product-details .power .eye-box:before {
  content: "";
  width: 21px;
  height: 12px;
  position: absolute;
  left: 7px;
  top: 56%;
  background: url(../images/eye.png) no-repeat;
  transform: translateY(-56%);
}

.product-details .cart-btn button {
  text-transform: uppercase;
  font-size: 14px;
}

.product-details .cart-btn button:hover img,
.product-details .cart-btn button:focus img,
.product-details .cart-btn button:focus-visible img {
  filter: invert(1);
  -webkit-filter: invert(1);
}

.notify_me {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  /* margin-top: 20px; */
}

/* .notify_me button {
  margin: 0 10px 0 0;
} */
.notify_me #changepowerajax {
  display: flex;
  padding: 0 10px;
  align-items: center;
}

#changepowerajax .leftpowerbtn {
  text-transform: none;
  display: flex;
  flex-direction: column;
  padding: 0px 10px 0px 0px;
  border-right: 1px solid #81d1c9;
  margin-right: 10px;
  flex-shrink: 0;
  line-height: 1.1;
}

#changepowerajax .rightpowerbtn {
  text-transform: none;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  line-height: 1.1;
}

#changepowerajax .leftpowerbtn span#leftpowerselectionshowbtn,
.bothpowerbtn span#leftpowerselectionshowbtn,
.leftpowersinglebtn span#leftpowerselectionshowbtn,
.rightpowersinglebtn span#rightpowerselectionshowbtn {
  font-weight: bold;
}

#changepowerajax .rightpowerbtn span#rightpowerselectionshowbtn {
  font-weight: bold;
}

#changepowerajax .bothpowerbtn,
#changepowerajax .leftpowersinglebtn,
#changepowerajax .rightpowersinglebtn {
  text-transform: none;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 5px;
  margin-right: 10px;
  flex-shrink: 0;
}

.selectpower label input[type="checkbox"] {
  margin-right: 6px;
}

.product-details .cart-btn img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
  text-decoration: none;
}

.product-details .cart-btn span {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}

.added-to-bag {
  display: none;
  animation: 1s ease-out 0s 1 added-bag;
}

#instock {
  color: green;
  font-size: 14px;
}

#out_of_stock {
  color: red;
  font-size: 18px;
}

@keyframes added-bag {
  0% {
    transform: translateY(-100%);
  }

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

.added-to-bag h4 {
  background-color: #97d6d6;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 5px 20px;
  position: absolute;
  top: 7%;
  right: 0;
}

.info {
  margin-bottom: 50px;
}

.info .tab-content {
  border: solid 1px #ddd;
  margin-top: -1px;
  padding: 20px;
}

.info .nav-tabs>li>a {
  font-size: 14px;
  font-weight: 700;
  color: #444;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 0;
}

.info .nav-tabs>li.active>a,
.info .nav-tabs>li.active>a:focus,
.info .nav-tabs>li.active>a:hover {
  border-top-color: #97d6d6;
}

.info .tab-content h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 700;
  color: #444;
}

.info #information li {
  width: 50%;
  margin-bottom: 3px;
  float: left;
  font-size: 15px;
  color: #666;
  font-weight: 600;
  padding-left: 10px;
  position: relative;
}

.info #information li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.product-page .similar-product {
  margin-bottom: 20px;
}

.product-page .similar-product .product-list ul {
  margin-top: 0;
}

.product-page .similar-product .product-list ul li {
  width: 32%;
}


section.product-page .detail-cust-dty {
  max-width: 100%;
  margin: 22px 0 20px 0;
}

.detail-cust-dty .qty-title-row .qty-title-box {
  float: left;
  width: 33.3%;
  color: #000;
  padding: 5px;
  /*    font-weight: bold;*/
  /*    text-decoration: underline;*/
}

.detail-cust-dty .qty-title-row .qty-title-box:last-child {
  border-right: none;
}

/*Backend Dev Team Changes*/
.qty-body-box .price strike {
  text-decoration: none;
}

.qty-body-row.clearfix {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

.detail-cust-dty .qty-body-row .qty-body-box {
  float: left;
  width: 33.3%;
  padding: 5px;
}

.detail-cust-dty .qty-body-row .qty-body-box:last-child {
  border-right: none;
}

.detail-cust-dty .qty-body-row:last-child .qty-body-box {
  border-bottom: none;
}

.detail-cust-dty .qty-body-row p {
  margin: 0;
  /*    padding: 4px 0 0 0;*/
  /*    min-height: 34px;*/
}

.product-zoom {
  cursor: url(../images/zoom-ic.png), auto;
  width: 20px;
}

.zoom-cursor {
  cursor: url(../images/scroll-arrow.png), auto;
}

.img_producto_container {
  /*width: 470px;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;*/
  margin-bottom: 24px;
  border: 1px solid #e9e9e9;
}

/*.img_producto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out;
}*/
img.xzoom-gallery {
  margin: 0;
}

#showhidedivvideo .img,
.product-slide .xzoom {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /* border: 1px solid #d9d9d9; */
}

.product-detail-box .slidesjs-navigation.slick-arrow svg {
  width: 24px;
  height: 24px;
}

.xzoom-lens img,
.xzoom-preview img,
.xzoom-source img {
  object-fit: contain;
}

section.product-page .mobile-responsive {
  display: none;
}

.mobile-responsive .slick-next:before,
.mobile-responsive .slick-prev:before {
  color: inherit;
}

.product-page .similar-product .product-list {
  position: relative;
}

.similar-product .product-list .slick-prev {
  position: absolute;
  left: 46%;
  bottom: -30px;
  border: 0;
  width: 30px;
  height: 30px;
  background: #97d6d6 url(../images/back.svg) no-repeat;
  background-position: center;
  font-size: 0;
  padding: 0;
}

.similar-product .product-list .slick-next {
  position: absolute;
  left: 52%;
  bottom: -30px;
  border: 0;
  width: 30px;
  height: 30px;
  background: #97d6d6 url(../images/next-arrow.svg) no-repeat;
  background-position: center;
  font-size: 0;
  padding: 0;
}

.pro-slider .xzoom-thumbs .img.video_active,
.xactive {
  box-shadow: none;
  border: 2px solid #97d6d6;
}

section.order-process .order-flow {
  text-align: center;
  padding: 0 0 30px 0;
}

section.order-process .order-flow ul {
  display: inline-block;
  width: 75%;
  margin: 0 auto;
}

section.order-process .order-flow li {
  display: inline-block;
  width: 25%;
  position: relative;
}

section.order-process .order-flow li:after {
  content: "";
  position: absolute;
  top: 31%;
  right: -91px;
  border: 1px solid #97d6d6;
  width: 178px;
  z-index: -1;
}

section.order-process .order-flow li.last-child:after {
  display: none;
}

.order-flow li .order-number {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #97d6d6;
  text-align: center;
  margin: 0 auto 10px;
  background-color: white;
}

.order-flow li.complete .order-number {
  background: #97d6d6;
}

li.complete .order-number p {
  color: #fff;
}

li .order-number p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin: 0;
  line-height: 45px;
}

.order-flow .order-name h4,
.order-flow .order-name p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

section.shop-cart {
  padding: 0 0 35px 0;
}

section.shop-cart .cart-box .cart-list {
  padding: 12px;
  border: 1px solid #ddd;
  width: 100%;
  float: left;
  margin-bottom: 24px;
}

.cart-box .cart-list .image {
  width: 16%;
  float: left;
}

.cart-box .cart-list .product-image {
  border: solid 1px #ddd;
}

.cart-box .cart-list .image img {
  width: 130px;
  height: 130px;
  object-fit: cover;
}

.cart-box .cart-list .pro-details {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-right: 50px;
  padding-left: 12px;
}

.pro-details .qty-side .text {
  font-size: 15px;
  color: #434343;
  margin-bottom: 5px;
}

.cart-list .pro-details h3 {
  margin: 0 0 5px;
  color: #221f20;
  font-size: 18px;
}

.pro-details .power-all p {
  margin-bottom: 0;
}

.cart-list .pro-details .price {
  font-size: 18px;
  color: #221f20;
}

.cart-box .cart-list .order-total {
  border-top: solid 1px #ddd;
  width: 100%;
  float: left;
  margin-top: 12px;
}

.cart-list .order-total ul {
  padding: 8px 0 0 0;
  margin: 0;
  width: 40%;
  float: right;
}

.cart-list .order-total li {
  font-size: 15px;
  color: #434343;
  padding: 6px 0;
}

.order-total li span {
  float: right;
}

.cart-list .order-total li.total {
  font-weight: 600;
  border-top: 1px solid #e2e2e2;
  color: #221f20;
  padding-bottom: 0;
}

.cart-list .pro-details .remove {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff3b33;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  color: #fff;
}

.cart-box .cart-list .quantity-count {
  margin: 0 0 10px 0;
  display: table;
}

section.shop-cart .cart-box .update-card {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.cart-box .update-card a {
  float: left;
}

.cart-box .update-card .guest {
  float: right;
}

section.shop-cart .order-summery {
  border: solid 1px #ddd;
}

section.shop-cart .order-summery h3,
section.shop-cart .order-summery p {
  background: #f4f4f6;
  font-size: 16px;
  font-weight: 600;
  color: #221f20;
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
}

section.shop-cart .order-summery ul {
  padding: 15px;
  margin: 0;
}

.order-summery ul li {
  padding: 0 0 12px 0;
}

.order-summery li.promocode {
  width: 100%;
  display: inline-block;
}

.order-summery li.promocode input {
  height: 25px;
  float: left;
  padding: 0;
  margin: 0;
}

.order-summery li.promocode .mln-cta {
  padding: 0;
  height: 35px;
  font-size: 15px;
  width: 17%;
  line-height: 35px;
}

section.shop-cart .order-summery ul li.disamt {
  border-top: 1px solid #e2e2e2;
}

.order-summery li span {
  float: right;
}

section.shop-cart .order-summery li.total {
  font-weight: 600;
  border-top: 1px solid #e2e2e2;
  color: #221f20;
  padding-top: 14px;
  padding-bottom: 0;
}

section.shop-cart .order-summery .process-checkout {
  padding: 0 15px 15px;
}

section.shop-cart .order-summery .guest-checkout {
  padding-bottom: 18px;
  text-align: center;
  display: table;
  width: 100%;
}

section.shop-cart .order-summery .guest-checkout button {
  padding: 6px;
  width: 100px;
  text-align: center;
}

section.shop-cart .order-summery .guest-checkout input {
  width: 140px;
  font-size: 18px;
  vertical-align: middle;
  margin: 0 3px;
  padding: 5px;
}

.notes ul li {
  margin-left: 18px;
  list-style: disc !important;
}

.auto-select {
  position: absolute;
  z-index: 10000;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.auto-select ul {
  padding: 10px 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
}

.auto-select ul li {
  display: block;
  padding: 3px 20px;
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  font-weight: 400;
  transition: all 0.3s ease;
}

.auto-select ul li:hover {
  background-color: #f4f4f6;
  font-weight: 600;
}

.quantity-count {
  width: 100%;
  text-align: center;
  position: relative;
}

.quantity-count .frm-minus {
  position: absolute;
  left: 5px;
}

.quantity-count .frm-minus .quantity-btn {
  line-height: 29px;
}

.quantity-count .frm-plus {
  position: absolute;
  right: 5px;
  top: 5px;
}

.quantity-count input.form-control {
  height: 34px;
  text-align: center;
  background: #fff;
  font-size: 15px;
}

.quantity-count a.quantity-btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #434343;
  height: 34px;
  text-align: center;
  font-size: 23px;
  line-height: 34px;
  width: 34px;
  background: #5bbfbe1f;
  border-radius: 4px;
}

.quantity-count .frm-minus a.quantity-btn {
  font-size: 32px;
  line-height: 28px;
}

.form-group {
  margin-bottom: 18px;
}


section.checkout h2 {
  font-size: 23px;
  margin: 0 0 24px 0;
  text-align: left;
  line-height: 1;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  padding: 0 0 18px 0;
  position: relative;
  color: #000;
}

section.checkout h2:after {
  content: "";
  background: #97d6d6;
  position: absolute;
  left: 20px;
  bottom: -2px;
  height: 3px;
  width: 60px;
}

section.checkout .payment-box {
  background: #f4f4f6;
  margin-bottom: 30px;
  padding: 15px;
}

section.checkout .payment-option label {
  font-size: 15px;
}

section.checkout .payment-option {
  padding: 3px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

section.checkout .payment-option .online-payment {
  padding: 12px 0 0 0;
  display: none;
}

section.checkout .cart-box .cart-list .image {
  width: 110px;
  border: solid 1px #ddd;
}

section.checkout .cart-list .image img {
  width: 110px;
  height: 120px;
}

section.checkout .cart-list .pro-details {
  padding: 0 0 0 20px;
  width: 68%;
}

section.checkout .pro-details h3 {
  font-size: 18px;
}

section.shop-cart .cart-box .cart-list .pro-details h4.qty {
  font-weight: 400;
  margin: 7px 0 18px 0;
  color: #434343;
  font-size: 16px;
}

section.shop-cart .order-summary {
  margin: 0;
}

section.shop-cart .delivery-type label {
  font-weight: 400;
  margin: 8px 0 0 0;
}

section.shop-cart .delivery-type select {
  float: right;
  width: 67.3%;
}

section.shop-cart .delivery-time label {
  font-weight: 400;
  margin: 8px 0 0 0;
  float: left;
}

section.shop-cart .delivery-time .delivery-time-frm {
  float: right;
  width: 70%;
}

section.shop-cart .delivery-time input {
  float: left;
  width: 46%;
  margin: 0 0 0 4%;
}


section.checkout .payment-option-row.radiobtn h4 {
  font-size: 15px;
  font-weight: 400;
  margin: 5px 0 0 0;
}

section.dashboard .addess-box {
  clear: both;
}

section.dashboard .address-list {
  padding: 20px;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin: 0 0 20px;
  position: relative;
}

section.dashboard .address-list .edit {
  position: absolute;
  top: 5px;
  right: 5px;
}

.address-list .edit a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #97d6d6;
  color: #fff;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
}
.address-list .edit a:hover,
.address-list .edit a:focus,
.address-list .edit a:focus-within{
  background-color: #74b2b2;
}

.address-list .edit a.remove {
  background-color: #ff3b33;
}
.address-list .edit a.remove:hover,
.address-list .edit a.remove:focus,
.address-list .edit a.remove:focus-within{
  background-color: #c02620;
}
.address-list .radiobtn h4 {
  margin: -6px 0 10px;
  font-size: 20px;
}

.address-list .edit a i {
  width: 24px;
  height: 24px;
}

.address-list .radiobtn p,
.address-list .radiobtn p>span {
  margin: 0;
  color: #979797;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  width: 100%;
}

section.dashboard .add-address {
  float: right;
}

section.dashboard .address-list .radiobtn {
  padding: 0;
}

.address-list .radiobtn span.mln-cta {
  display: block;
  margin-bottom: 4px;
}

.radiobtn label p {
  display: block;
}

section.dashboard .pursh-main .push-notification {
  padding: 16px;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  border: solid 1px #ddd;
  border-radius: 6px;
  position: relative;
}

/* section.dashboard .pursh-main .push-notification::before {
  content: "";
  position: absolute;
  height: 102%;
  border-right: solid 3px #97d6d6;
  right: 0;
  top: -1px;
  bottom: -1px;
} */

/* section.dashboard .pursh-main .push-left {
  float: left;
} */

section.dashboard .pursh-main .push-right {
  flex: 1 1 auto;
  padding-right: 150px;
}

section.dashboard .pursh-main .push-left {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #221f20;
  background-color: #97d6d6;
  border-radius: 100%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

section.dashboard .pursh-main .push-left .img-span {
  display: block;
  width: 100%;
  height: 100%;
}

section.dashboard .pursh-main .push-left .img-span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* section.dashboard .pursh-main .push-left span {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #97d6d6;
  color: #fff;
  height: 100%;
  font-size: 20px;
  font-weight: 600;
} */

/* section.dashboard .pursh-main .push-left span.img-span {
  width: 180px;
  height: 180px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
} */

section.dashboard .pursh-main .push-right h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #262626;
  margin: 0 0 4px;
}

section.dashboard .pursh-main .push-right p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #434343;
  padding-top: 0;
  margin-bottom: 0;
}

section.dashboard .pursh-main .push-right .date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  right: 16px;
  top: 16px;
  color: #262626;
  display: inline-block;
}

section.dashboard .pursh-main .push-left span.new {
  background-color: #abdede;
  height: 100%;
}

section.dashboard {
  padding: 20px 0 50px;
}

section.dashboard h2.dashboard-title {
  margin: 0 0 40px 0;
  text-align: left;
  line-height: 1;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  padding: 0 0 29px 0;
  position: relative;
  color: #221f20;
}

section.dashboard h2.dashboard-title:after {
  content: "";
  background: #97d6d6;
  position: absolute;
  left: 20px;
  bottom: -2px;
  height: 3px;
  width: 60px;
}

section.dashboard .sidbar .profile-pic {
  /* position: relative; */
  /* z-index: 9; */
  /* text-align: center; */
  background: #f4f4f6;
  border: solid 1px #ddd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 14px;
  padding: 16px 12px;
}

/* section.dashboard .sidbar .profile-pic:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 140px;
  background: #97d6d6;
  z-index: -1;
} */

section.dashboard .sidbar .user-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #221f20;
  text-transform: capitalize;
  padding: 0;
  margin-bottom: 2px;
}

section.dashboard .sidbar .user-email {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

section.dashboard .sidbar .profile-img {
  /* display: inline-block; */
  /* vertical-align: top; */
  position: relative;
  /* margin-top: 15px; */
}

section.dashboard .sidbar .profile-img-in {
  /* border: 10px solid #97d6d6; */
  /* background-color: #fff; */
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
}

.sidbar .profile-img-in img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

section.dashboard .sidbar .change-profile-pic {
  width: 26px;
  height: 26px;
  background: #87c0c0;
  position: absolute;
  bottom: 0;
  right: 0;
  /* content: ""; */
  border-radius: 100%;
  cursor: pointer;
}

/* section.dashboard .sidbar .attached {
  float: left;
  position: relative;
} */

.sidbar .profile-pic .attached img {
  width: 14px;
  /* margin: 8px 0 0 0; */
}

.sidbar .profile-pic input[type="file"] {
  width: 26px;
  height: 26px;
  left: 0;
  top: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  /* padding-left: 40px; */
  /* margin-right: -40px; */
  cursor: pointer;
}

.sidbar .profile-pic input[type="file"]+label {
  width: 26px;
  height: 26px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.dashboard .sidbar .side-link {
  background: #f4f4f6;
  margin: 10px 0 0;
  border-radius: 6px;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
}

.sidbar .side-link li {
  list-style-type: none;
  display: inline-block;
  width: 100%;
  /* border-bottom: 1px solid #dbdbdd; */
  position: relative;
}

.sidbar .side-link li:not(:last-child) {
  margin-bottom: 4px;
}

.sidbar .side-link li.active a {
  /* color: #fff; */
  background: #97d6d6;
}

.side-link li a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #221f20;
  padding: 10px 16px 10px 46px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.side-link li a:hover {
  background: #97d6d6;
  /* color: #fff; */
  transition: all 0.3s ease-in-out;
}

.side-link li a:before {
  position: absolute;
  left: 12px;
  top: 6px;
  content: "";
  width: 24px;
  height: 24px;
  background-color: #221f20;
}


.side-link li.my-profile a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -592px -108px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -592px -108px;
}

.side-link li.my-address a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -680px -196px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -680px -196px;
}

.side-link li.my-wallet a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -592px -196px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -592px -196px;
}

.side-link li.my-orders a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -64px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -64px -328px;
}

.side-link li.my-credit a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -636px -152px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -636px -152px;
}

.side-link li.my-booking a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -108px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -108px -328px;
}

.side-link li.refer-earn a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -196px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -196px -328px;
}

.side-link li.notification a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -196px -240px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -196px -240px;
}

.side-link li.wishlist a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -636px -108px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -636px -108px;
}

.side-link li.my-account-ownership a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -64px -284px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -64px -284px;
}

.side-link li.logout a:before {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -20px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -20px -328px;
}

.side-link li.last-child {
  border: 0;
}

section.dashboard .chanegs-pass {
  background: #f4f4f6;
  margin: 20px 0;
  padding: 15px;
  font-size: 18px;
  color: #221f20;
}

section.dashboard .table th, .common-table th {
  font-size: 16px;
  padding: 10px 15px;
  background: #97d6d6;
  border-bottom-width: 1px;
  border-color: #87c0c0;
  color: #fff;
  vertical-align: middle;
}

section.dashboard .table td, .common-table td {
  font-size: 15px;
  padding: 10px 15px;
  color: #424242;
}

section.dashboard .table td .pending, .common-table td .pending {
  color: #f13416;
  text-transform: uppercase;
}

section.dashboard .table td .shipped, .common-table td .shipped {
  color: #fba200;
  text-transform: uppercase;
}

section.dashboard .table td .delivered, .common-table td .delivered {
  color: #00a014;
  text-transform: uppercase;
}

section.dashboard .table-responsive .table, .common-table {
  margin: 0;
  border: 1px solid #b5b5b5;
}

section.dashboard .form-group label.choose-gender {
  display: block;
}

section.dashboard .form-group input.c-gender {
  margin: 15px 5px 0 0;
}

section.dashboard .form-group .radiobtn.gender label {
  padding: 0 25px;
}

section.dashboard .fav-list {
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: relative;
  margin: 0 0 16px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

section.dashboard .fav-list .image {
  border-radius: 6px;
  overflow: hidden;
}

section.dashboard .fav-list .image a {
  display: block;
}

.fav-list .image img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
}

/* section.dashboard .fav-list .pro-details {
  
} */

.fav-list .pro-details h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 4px;
  color: #221f20;
}

.fav-list .pro-details h3 a {
  display: block;
}

.fav-list .pro-details .sku {
  font-size: 15px;
  color: #434343;
  line-height: 18px;
  margin-bottom: 10px;
}

.fav-list .pro-details .power-all p {
  margin-bottom: 0;
  font-size: 15px;
  color: #434343;
}

.fav-list .pro-details h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #221f20;
  margin: 0;
}

.fav-list .pro-details .button-list {
  list-style-type: none;
  position: absolute;
  right: 16px;
  top: 16px;
}

.fav-list .pro-details li {
  display: inline-block;
}

.fav-list .pro-details li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #97d6d6;
  color: #fff;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
}

.fav-list .pro-details a img {
  width: 20px;
}

.fav-list .pro-details a.remove {
  border-color: #ff3b33;
  background: #ff3b33;
}

.my-order .table-responsive tbody td span.label {
  font-size: 14px;
  font-weight: 400;
}

.productlisttblview tbody tr {
  font-size: 15px !important;
}

.productlisttblview tbody tr th {
  padding: 10px;
}

.productlisttblview tbody tr td {
  padding: 10px;
}

.wallet-box-col {
  margin-bottom: 16px;
}

section.dashboard .wallet-box {
  background: #EBFFFF;
  padding: 12px;
  border: 1px solid #97D6D6;
  border-radius: 6px;
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}

.wallet-box .wallet-text p, .wallet-box .wallet-text .wallet-value {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #221f20;
  margin-bottom: 0;
  display: block;
}

.wallet-box .wallet-text .wallet-value {
  font-weight: 600;
  margin-top: 4px;
}

.wallet-box i {
  width: 24px;
  height: 24px;
}

section.dashboard .cust-row {
  display: flex;
  flex-wrap: wrap;
}

section.dashboard .wallet-box {
  width: 100%;
}

section.dashboard .table-responsive {
  border: 0;
}

.refer-earn .table-responsive img {
  width: 50% !important;
}

.cms-page ul {
  margin: 20px 0 25px 0;
}

.cms-page h4 {
  font-size: 18px;
  color: #343742;
  font-weight: 600;
  margin-top: 30px;
}

.cms-page ol li {
  list-style: inherit;
  padding-bottom: 10px;
  color: #343742;
}

.cms-page ul li {
  color: #635c5c;
  font-weight: 400;
  line-height: 28px;
  margin: 0 0 10px 0;
  position: relative;
  padding: 0 0 0 35px;
}

.cms-page ul li:before {
  position: absolute;
  top: 8px;
  left: 0;
  background: url(../images/right-arrow.png) no-repeat;
  background-size: auto;
  width: 15px;
  height: 15px;
  content: "";
  background-size: 100%;
}

.faq-main {
  margin-top: 30px;
}

.faq-main h4.faq-title {
  font-size: 19px;
  color: #343742;
  font-weight: 600;
  margin-bottom: 15px;
}

.faq-main .panel-group .panel {
  margin-bottom: 20px;
  box-shadow: none;
}

.faq-main .panel-default>.panel-heading {
  background: #f4f4f6;
  padding: 15px;
}

.faq-main .panel-title>a {
  display: block;
}

.faq-main .panel-title>a:before {
  float: right !important;
  font-family: "Glyphicons Halflings";
  content: "\2212";
  padding-right: 5px;
  font-size: 14px;
}

.faq-main .panel-title>a.collapsed:before {
  float: right !important;
  content: "\002b";
}

#notfound {
  position: relative;
  height: 55vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  text-align: center;
  line-height: 1.4;
}

.notfound .notfound-404 {
  height: 190px;
}

.notfound .notfound-404 h1 {
  font-family: Montserrat, sans-serif;
  font-size: 146px;
  font-weight: 700;
  margin: 0;
  color: #232323;
}

.notfound-404 h1>span {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-image: url(http://adasat.online/front/images/emoji.png);
  background-size: cover;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  z-index: -1;
}

.notfound h2 {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  color: #232323;
}

.notfound p {
  font-family: Montserrat, sans-serif;
  color: #787878;
  font-weight: 300;
}

.notfound a {
  font-family: Montserrat, sans-serif;
  display: inline-block;
  padding: 12px 30px;
  font-weight: 700;
  background-color: #5a7abb;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  opacity: 0.8;
}

section.lense-care {
  padding: 70px 0 70px 50%;
  margin-left: -585px;
  position: relative;
  z-index: 9;
}

section.lense-care:after {
  background: url(../images/lense-bg-pattern.png) center no-repeat;
  position: absolute;
  right: 0;
  bottom: -52px;
  width: 629px;
  height: 355px;
  content: "";
}

section.lense-care .lense-care-in {
  overflow: hidden;
}

section.lense-care .title {
  padding-bottom: 10px;
}

section.lense-care .lense-care-text {
  float: left;
  width: 390px;
}

section.lense-care .lense-care-right {
  overflow: hidden;
  margin: 0 -90px 0 0;
  padding: 0 0 0 30px;
}

section.lense-care .lense-video-list .lense-video-box {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  width: 212px;
}

section.lense-care .lense-video-list .lense-video-box img {
  width: 212px;
  height: 288px;
  object-fit: cover;
}

section.lense-care .lense-video-list .lense-video-box:after {
  background: url(../images/video-overlay.png) left bottom repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: "";
  opacity: 1;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

section.lense-care .lense-video-list .lense-video-box .video-title {
  position: absolute;
  left: 14px;
  bottom: 10px;
  right: 0;
  z-index: 9;
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  opacity: 1;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

section.lense-care .lense-video-list .lense-video-box .video-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  z-index: 9;
  opacity: 1;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

section.lense-care .lense-video-list .lense-video-box .video-icon a {
  background: #97d6d6 url(../images/video-icon.svg) center no-repeat;
  display: block;
  height: 50px;
  width: 50px;
  border: 2px solid #221f20;
  border-radius: 50%;
}

section.lense-care .lense-video-list .lense-video-box .video-icon a:hover {
  background-color: #72bebe;
}

section.lense-care .lense-video-list .lense-video-box:hover .video-title {
  opacity: 1;
}

section.lense-care .lense-video-list .lense-video-box:hover .video-icon {
  opacity: 1;
}

section.lense-care .lense-video-list .lense-video-box:hover:after {
  opacity: 1;
}

.subpage {
  padding: 0 0 20px 0;
}

.about-page .about-img {
  width: 40%;
  float: left;
  box-shadow: 10px 10px 0 0 #97d6d6;
  margin: 0 40px 20px 0;
  border-radius: 8px 100px 8px 100px;
  overflow: hidden;
}

.about-page h2 {
  margin: 0 0 10px 0;
  font-size: 27px;
  color: #343742;
  font-weight: 600;
}

.contact-right {
  margin-top: 15px;
}

.contact-right .cs-info {
  padding-left: 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.contact-right .cs-info>span {
  background-color: #97d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 5px;
  width: 55px;
  height: 55px;
  float: left;
  font-size: 18px;
}

.contact-right .cs-info .text {
  font-size: 15px;
  margin: 0 0 10px;
  padding: 0 0 0 70px;
  line-height: 22px;
  letter-spacing: 0.5px;
}

.contact-right .text h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #343742;
  font-weight: 600;
}

.contact-right .text a {
  font-size: 15px;
}

.contact-right .social h4 {
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #343742;
  font-weight: 600;
}

.contact-right .social li {
  display: inline-block;
  margin: 0 6px;
}

.contact-right .social li:first-child {
  margin-left: 0;
}

.contact-right .social li a {
  background: #97d6d6;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-right .social li a:focus,
.contact-right .social li a:hover {
  background: #333;
  color: #fff;
}

.contact-map {
  margin-top: 60px;
}

.video-page .lense-care-right {
  overflow: hidden;
}

.video-page .lense-video-list {
  margin: 0 -15px;
}

.video-page .lense-video-list .item {
  width: 20%;
  float: left;
  padding: 0 15px;
  margin-bottom: 30px;
}

.lense-video-list .lense-video-box {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  width: 212px;
}

.lense-video-list .lense-video-box img {
  height: 288px;
  width: 212px;
  object-fit: cover;
}

.lense-video-list .lense-video-box:after {
  background: url(../images/video-overlay.png) left bottom repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: "";
  opacity: 1;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

.lense-video-list .lense-video-box .video-title {
  position: absolute;
  left: 14px;
  bottom: 10px;
  right: 0;
  z-index: 9;
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  opacity: 1;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

.lense-video-list .lense-video-box .video-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  z-index: 9;
  opacity: 1;
  transition: 0.15s all ease-in;
  -o-transition: 0.15s all ease-in;
  -webkit-transition: 0.15s all ease-in;
  -ms-transition: 0.15s all ease-in;
  -moz-transition: 0.15s all ease-in;
}

.lense-video-box .video-icon a {
  background: #97d6d6 url(../images/video-icon.svg) center no-repeat;
  display: block;
  height: 50px;
  width: 50px;
  border: 2px solid #221f20;
  border-radius: 50%;
}

.lense-video-box .video-icon a:hover {
  background-color: #72bebe;
}

.lense-video-list .lense-video-box:hover .video-title {
  opacity: 1;
}

.lense-video-list .lense-video-box:hover .video-icon {
  opacity: 1;
}

.lense-video-list .lense-video-box:hover:after {
  opacity: 1;
}

a.view-more {
  font-size: 16px;
  color: #97d6d6;
  font-weight: 600;
  background-position: right 50%;
  padding: 0 23px 0 0;
}

.collectionsdiv ul li {
  padding-left: 10px;
}

/*#promotionspan {
    font-size: 12px;
    margin: 0 0 10px 0;
    display: inline-block;
    padding: 7px;
}*/
#stocksingle {
  font-size: 14px;
  padding-left: 0px;
}

.modal-backdrop.in {
  opacity: 0.8;
}

.modal-content {
  border-radius: 0;
}

.lense-modal-box h3 {
  text-align: center;
  color: #343742;
  margin: 0;
  font-size: 27px;
  padding: 10px 0 26px 0;
}

.lense-modal-box .video-box iframe {
  height: 400px;
}

button.close {
  background: #97d6d6;
  opacity: 1;
  width: 42px;
  height: 42px;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}

button.close:after {
  background: url(../images/close-icon.svg) center no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-size: 16px;
}

#login-form .modal-body {
  padding: 0;
}

section.login {
  padding: 0;
}

/* Login Popup */
#login-form .modal-dialog {
  width: 800px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 20px 0;
}

.login-in {
  position: relative;
  display: flex;
  height: 500px;
}

.login-form input {
  display: block;
}

.login-in .login-left {
  width: 40%;
  /* text-align: center; */
  padding: 30px 24px;
  background: #97d6d6;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
}

.login-in .login-left img {
  position: relative;
  z-index: 0;
  margin-top: auto;
}

.login-in .login-left .circle_pattern_one,
.login-in .login-left .circle_pattern_second {
  position: absolute;
  background: url(../images/circle_01.svg) no-repeat;
  width: 91px;
  height: 124px;
  display: block;
  bottom: 0;
  left: 0;
}

.login-in .login-left .circle_pattern_second {
  background: url(../images/circle_02.svg) no-repeat;
  width: 74px;
  height: 105px;
  top: 50px;
  right: 0;
  left: inherit;
}

.login-in .login-center {
  width: 31%;
  margin: -35px 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 12%;
  top: 0;
  bottom: 0;
}

.login-in .login-center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.login-in .login-right {
  padding: 30px 24px;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-in .section_info {
  margin: 0 0 20px 0;
  color: #343742;
  font-size: 16px;
  position: relative;
}

.login-in p:after {
  content: "";
  background: #95d3d3;
  position: absolute;
  left: -50px;
  top: 18px;
}

.login-in .login-form {
  padding: 0;
  width: 100%;
}

.login-in .btn {
  width: 100%;
  margin-top: 16px;
  display: block;
}

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

.choose-lence-block .desktop_responsive,
.choose-lence-block .desktop_btn_responsive {
  display: block;
}

.choose-lence-block .mobile_responsive {
  display: none;
}

.submit-btn .button-collapse {
  display: contents;
}

.submit-btn .button-collapse .btn {
  background: #97d6d6;
  color: #221f20;
  font-size: 16px;
  height: 43px;
  padding: 0 50px;
  border-radius: 0;
}

.submit-btn .button-collapse .btn:hover {
  background: #6bb2b2;
  color: #fff;
}

.login-in .forgot-pass-mark {
  float: right;
  padding: 12px 0 0 0;
}

.login-in .forgot-pass-mark a {
  display: block;
  color: #343742;
}

.login-in .forgot-pass-mark a:hover {
  text-decoration: underline;
}

.login-in .login-option {
  text-align: center;
  position: relative;
  margin: 40px 0 0 0;
  z-index: 0;
}

.login-in .login-option:before {
  border-top: 1px solid #d9d9d9;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  content: "";
  z-index: -1;
}

.login-in .login-option span {
  display: inline-block;
  vertical-align: top;
  /* border: 1px solid #d9d9d9; */
  padding: 2px 16px;
  border-radius: 20px;
  font-size: 15px;
  line-height: 22px;
  background: #fff;
}

.login-in .login-option-btn {
  text-align: center;
  padding: 25px 0 10px 0;
}

.login-option-btn ul {
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-in .login-option-btn li {
  display: inline-block;
  vertical-align: top;
}

.login-option-btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  /* padding: 8px 20px; */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  line-height: 26px;
  border-radius: 100%;
}

.login-option-btn li a svg {
  /*max-width: 16px;*/
}

.login-option-btn li.fb a {
  /*background: #3b5998;*/
}

.login-option-btn li.gp a {
  /*background: #dc4e41;*/
}

.login-in .login-option-btn li a:hover {
  /*background: #221f20;*/
  border: 1px solid #97d6d6;
}

.login-in .login-option-btn1 {
  text-align: center;
  padding: 25px 0 0 0;
}

.login-in .register-mark {
  text-align: center;
  padding: 30px 0 0 0;
}

.login-in .register-mark a {
  text-decoration: underline;
}

.login-in .register-mark a:hover {
  text-decoration: none;
}

.login-in .form-group {
  margin-bottom: 15px;
}

#login-form .form-group {
  margin-bottom: 0;
  padding-bottom: 15px;
}

.forgot-password-box,
.login-form-box,
.register-box {
  display: none;
}

.forgot-password-box.active,
.login-form-box.active,
.register-box.active {
  display: block;
}

.login-in .login-right .login-form #register-box #registerForm .form-group label.register-gender {
  display: block;
}

.login-in .login-right .login-form #register-box #registerForm .form-group .radiobtn.gender label {
  padding: 0 25px;
}

.login-in .login-right .login-form #register-box #registerForm .form-group input#male {
  margin: 15px 5px 0 0;
}

.login-in .login-right .login-form #register-box #registerForm .form-group input#female {
  margin: 15px 5px 0 0;
}

.fb_icon::before {
  content: "";
  display: block;
  background: url(../images/social_sprites.png) -43px -9px;
  width: 16px;
  height: 16px;
  transform: scale(1.15);
}

span.fb_icon {
  display: inline-block;
  /* padding-right: 5px;
  padding-top: 5px; */
}

.homecashback .login-right {
  padding: 0;
}

.homecashback .login-form {
  padding: 30px;
}

.homecashback .modal-body {
  padding: 0;
}

.login-option-btn1 ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-option-btn1 ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px !important;
}

.login-option-btn1 li a {
  display: block;
  line-height: normal;
}

.otp_email_edit {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  margin-bottom: 12px;
}

.otp_email_edit a {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: #f4f4f6;*/
}

.login-in .timershow {
  font-size: 14px;
  text-align: right;
  margin-bottom: 12px;
}

.login-in .client-dont-account {
  text-align: center;
}

.login-in .client-dont-account a {
  text-decoration: underline;
}

button.close {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  top: -15px;
  right: -15px;
}

button.close:after {
  background-size: 12px;
}

.verified-field {
  position: relative;
}

.verified-field img {
  position: absolute;
  right: 8px;
  transform: translateY(-2%);
  top: 50%;
}

.verified-field-mobile {
  position: relative;
}

.verified-field-mobile img {
  position: absolute;
  right: 8px;
  transform: translateY(-2%);
  top: 15%;
  z-index: 99;
}

.input-group-addon:not(:first-child):not(:last-child) {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: 0;
  border-color: #d9d9d9;
}

/* End Login Popup */
.list_sale_end {
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fdebeb;
  opacity: 1;
  text-align: center;
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  padding: 2px 6px;
  border-radius: 6px;
  width: auto;
  margin-bottom: 6px;
}

.modal.product-list-zoom .modal-body .custom-row {
  display: flex;
  align-items: center;
}

.modal.product-list-zoom .modal-zoom-content h3 {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.modal.product-list-zoom .modal-zoom-content h4 {
  margin: 0 0 10px 0;
  font-weight: 600;
  font-size: 16px;
  color: #737373;
}

.modal.product-list-zoom .modal-zoom-content a {
  color: #fff;
  font-size: 15px;
  line-height: 43px;
}

.modal.product-list-zoom {
  z-index: -111;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  display: block;
}

.product-list-zoom.in {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  top: 0;
}

.modal.product-list-zoom .modal-zoom-slider button.slick-prev {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: url(../images/back.svg) no-repeat;
  font-size: 0;
  background-position: center;
  position: absolute;
  left: -4%;
  z-index: 99;
  top: 50%;
  border: 0;
}

.modal.product-list-zoom .modal-zoom-slider button.slick-next {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: url(../images/next-arrow.svg) no-repeat;
  font-size: 0;
  background-position: center;
  position: absolute;
  right: 0;
  z-index: 99;
  top: 50%;
  border: 0;
}

.modal.product-list-zoom .modal-zoom-slider .slide img {
  padding: 0 20px;
}

.modal-header .close {
  margin-top: 0;
}

.cashsigntitle {
  text-align: center;
}

.cashbacktext {
  text-align: center;
}

.homecashback {
  top: 25%;
}

body.body-product-list {
  position: relative;
}

.bottom-button {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 99;
  left: 0;
  right: 0;
}

.bottom-button ul {
  list-style: none;
  display: inline-block;
  width: 100%;
  display: table;
}

.bottom-button ul li {
  width: 50%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.bottom-button ul li a {
  padding: 15px;
  color: #535766;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  position: relative;
  display: block;
  background: #fff;
}

.bottom-button ul li a.sort:after {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  width: 1px;
  height: 22px;
  background: #eaeaec;
}

.radiobtn.type-filter span:before {
  border: 1px solid #97d6d6;
}

.radiobtn.type-filter span:after {
  background: #97d6d6;
}

.radiobtn.type-filter label span {
  color: #4f5161;
  font-weight: 400;
}

.radiobtn.type-filter label input:checked~span {
  font-weight: 600;
}

.radiobtn.sort-radio label span:before {
  display: none;
}

.radiobtn.sort-radio label input:checked~span:after {
  display: none;
}

.radiobtn.sort-radio label input:checked~span .modal-sort-text h4 {
  font-weight: 700 !important;
}

.radiobtn.sort-radio label {
  padding: 0;
}

body.country-selection-body {
  display: flex;
  height: 100%;
  width: 100%;
}

section.country-selection {
  background: url(../images/country-bg.jpg) center no-repeat;
  background-size: cover;
  display: table;
  height: 100%;
  width: 100%;
  padding: 40px 0;
}

section.country-selection .country-left {
  width: 29%;
  text-align: center;
  padding: 0 40px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

section.country-selection .country-left-btm {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

section.country-selection .soc-icon {
  padding: 0 0 8px 0;
}

section.country-selection .soc-icon li {
  display: inline-block;
  vertical-align: top;
  padding: 0 9px;
}

section.country-selection .soc-icon li a {
  color: #221f20;
  font-size: 20px;
}

section.country-selection .soc-icon li a:hover {
  color: #fff;
}

section.country-selection .country-copyright {
  font-size: 15px;
  line-height: 25px;
  color: #000;
  font-weight: 600;
}

section.country-selection .country-right {
  width: 71%;
  display: table-cell;
  vertical-align: middle;
}

section.country-selection .country-sel-row {
  display: table;
  width: 100%;
  background: #fff;
}

section.country-selection .country-sel-image {
  display: table-cell;
  vertical-align: middle;
  width: 53%;
}

section.country-selection .country-selection-box {
  display: table-cell;
  vertical-align: middle;
  width: 47%;
  padding: 30px 0;
}

section.country-selection .country-sel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.country-selection .language-selection {
  padding: 0 40px;
}

section.country-selection .language-selection ul {
  background: #97d6d6;
  padding: 3px;
  display: inline-block;
  border-radius: 40px;
}

section.country-selection .language-selection ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 28px;
}

section.country-selection .language-selection ul li a {
  color: #221f20;
  display: block;
  padding: 9px 56px;
  border-radius: 40px;
  min-height: 46px;
}

section.country-selection .language-selection ul li a.arabic {
  font-size: 26px;
  line-height: 1;
}

section.country-selection .language-selection ul li a:hover {
  background: #6bb2b2;
  color: #fff;
}

section.country-selection .language-selection ul li a.active {
  background: #fff;
  color: #221f20;
}

section.country-selection .country-list {
  padding: 28px 0 0 0;
  height: 400px;
  overflow: auto;
}

section.country-selection .country-list li {
  font-size: 18px;
  color: #000;
  padding: 0 0 6px 0;
}

section.country-selection .country-list li.last-child {
  padding-bottom: 0;
}

section.country-selection .country-box label {
  display: block;
  font-weight: 400;
  margin: 0;
  cursor: pointer;
  position: relative;
  z-index: 9;
  padding: 8px 40px;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
}

section.country-selection .country-box label input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

section.country-selection .country-box .country-flag {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  border: 1px solid #97d6d6;
  margin: 0 10px 0 0;
  height: 38px;
}

section.country-selection .country-box span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
  line-height: 15px;
}

section.country-selection .country-box span.arabic-font {
  font-size: 24px;
  line-height: 1;
}

section.country-selection .country-box label:hover {
  background: #f4f4f6;
}

section.country-selection .country-box label .for-bgcolor {
  background: #97d6d6;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -ms-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
}

section.country-selection .country-box label input:checked~.for-bgcolor {
  opacity: 1;
}

section.country-selection .country-submit {
  padding: 45px 0 0 120px;
}

section.country-selection .country-submit .btn {
  background: #97d6d6;
  color: #221f20;
  height: 43px;
  border-radius: 0;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 42px;
}

section.country-selection .country-submit .btn:hover {
  background: #6bb2b2;
  color: #fff;
}

.selectpower label {
  width: 24%;
  cursor: pointer;
}

.collect-menu li a {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.collect-menu li .inner-dropdown li a {
  font-size: 14px;
  color: #434343;
  font-weight: 400;
}

.collect-menu li .inner-dropdown li a:hover {
  font-weight: 700;
  color: #000;
}

.inner-dropdown {
  padding: 10px 0 0 0;
}

.dropdown-categories li {
  margin-bottom: 8px;
}

.dropdown-categories .brand-logo-box {
  border: 2px solid #b4b4b4;
  padding: 5px;
  position: relative;
  margin-top: 10px;
}

.dropdown-categories .brand-logo-box img {
  width: 100%;
}

.brand-name a.subdrop {
  font-weight: 700;
  color: #000;
}

.brand-name a {
  font-weight: 400;
  color: #000;
}

section.home-banner-sec {
  padding: 35px 0 0 0;
  background: #97d6d6;
  color: #221f20;
  position: relative;
}

section.home-banner-sec .home-banner {
  float: left;
  margin: 0 0 -45px 0;
  width: 100%;
}

section.home-banner-sec .banner-box {
  position: relative;
  margin: 30px 0 0 0;
}

section.home-banner-sec .banner-box:before {
  background: url(../images/banner-shape.png) center no-repeat;
  position: absolute;
  right: 20px;
  top: -31px;
  width: 84px;
  height: 86px;
  content: "";
}

section.home-banner-sec .banner-text {
  float: left;
  width: 44%;
  padding: 0 170px 0 0;
}

section.home-banner-sec .banner-image {
  float: right;
  width: 56%;
  box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 9;
}

section.home-banner-sec .banner-image img {
  width: 100%;
}

section.home-banner-sec .banner-image:before {
  background: url(../images/banner-shape.png) center no-repeat;
  position: absolute;
  left: -45px;
  top: 110px;
  width: 84px;
  height: 86px;
  content: "";
  z-index: -1;
}

section.home-banner-sec .banner-image:after {
  background: url(../images/banner-shape2.png) center no-repeat;
  position: absolute;
  right: -53px;
  bottom: 45px;
  width: 83px;
  height: 46px;
  content: "";
  z-index: -1;
}

section.home-banner-sec h3 {
  margin: 0 0 16px 0;
  font-size: 38px;
  line-height: 46px;
  position: relative;
  padding: 0 0 20px 0;
}

section.home-banner-sec h3:after {
  background: #221f20;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 130px;
  height: 4px;
  content: "";
}

section.home-banner-sec p {
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 23px;
}

.banner-btn {
  padding: 6px 0 0 0;
}

.banner-btn a {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 30px;
  color: #221f20;
  padding: 9px 36px;
  border-radius: 50px;
  background: #fff;
  box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, 0.16);
}

.banner-btn a:hover {
  background: #6bb2b2;
  color: #fff;
}

section.home-banner-sec .slick-arrow {
  font-size: 0;
  height: 38px;
  width: 38px;
  background: #221f20;
  border: none;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -70px;
  bottom: 45px;
  z-index: 9;
}

section.home-banner-sec .slick-arrow.slick-prev {
  background: #221f20 url(../images/left-arrow.svg) center no-repeat;
  margin: 0 0 0 -108px;
}

section.home-banner-sec .slick-arrow.slick-next {
  background: #72bebe url(../images/right-arrow.svg) center no-repeat;
}

.banner-soc {
  clear: both;
  position: absolute;
  right: 50%;
  margin: 40px -655px 0 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.banner-soc h4 {
  margin: 0;
  font-size: 18px;
  color: #221f20;
  position: relative;
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  position: absolute;
  white-space: nowrap;
  left: -22px;
  top: -40px;
}

.banner-soc h4:before {
  background: #597576;
  position: absolute;
  left: -50px;
  top: 10px;
  content: "";
  width: 40px;
  height: 1px;
}

.banner-soc ul {
  padding: 63px 0 0 0;
}

.banner-soc ul li {
  padding: 3px 0;
  width: 30px;
}

.banner-soc ul li a {
  display: block;
  background: #72bebe;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 1px solid #221f20;
  color: #221f20;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}

.banner-soc ul li a:hover {
  background: #fff;
  border-color: #fff;
}

section.home-offer {
  padding: 80px 0 35px 0;
}

section.home-offer .home-offer-left {
  width: 40%;
  float: left;
  padding: 0 15px 0 0;
}

section.home-offer .home-offer-left img {
  width: 100%;
  height: 546px;
  object-fit: cover;
  -webkit-object-fit: cover;
}

section.home-offer .home-offer-right {
  float: left;
  max-width: 60%;
  padding: 0 0 0 15px;
}

section.home-offer h2 {
  margin: 0 0 10px 0;
  font-size: 27px;
  color: #343742;
  font-weight: 600;
}

section.home-offer p {
  margin: 0 0 20px 0;
}

section.home-offer .nav-tabs {
  border: none;
}

section.home-offer .nav-tabs>li {
  margin: 0;
  width: 33.33%;
  text-align: center;
}

section.home-offer .nav-tabs>li>a {
  border: none;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  background: #151213;
  background: #151213;
  padding: 7px 20px;
  margin: 0;
  border-radius: 16px 16px 0 0;
}

section.home-offer .nav-tabs>li>a:hover {
  background: #97d6d6;
  color: #221f20;
}

section.home-offer .nav-tabs>li.active>a,
section.home-offer .nav-tabs>li.active>a:focus,
section.home-offer .nav-tabs>li.active>a:hover {
  border: none;
  background: #97d6d6;
  color: #221f20;
  font-weight: 700;
}

section.home-offer .offer-brand-list ul {
  margin: 0 0 0 -20px;
  height: 410px;
  overflow-y: scroll;
}

section.home-offer .offer-brand-list ul li {
  float: left;
  width: 25%;
  padding: 12px 0 0 20px;
}

section.home-offer .brand-logo-box {
  border: 2px solid #b4b4b4;
  padding: 4px;
  position: relative;
}

section.home-offer .brand-logo-box img {
  width: 100%;
}

section.home-offer .brand-logo-box .offer-free {
  background: url(../images/offer-free-bg.png) center no-repeat;
  position: absolute;
  right: 7px;
  top: -2px;
  width: 40px;
  height: 53px;
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  padding: 4px 5px 0 5px;
  color: #fff;
  font-weight: 700;
}

section.home-offer .brand-logo-box .offer-free span {
  display: block;
}

section.top-collection {
  padding: 40px 0;
}

section.top-collection .title {
  float: left;
}

section.top-collection .more-btn {
  float: right;
}

.more-btn a {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #000;
  line-height: 23px;
  padding: 5px 18px;
  border: 1px solid #97d6d6;
}

.more-btn a:hover {
  background: #97d6d6;
}

.product-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.tab-list-wrapper {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.taglistclass {
  display: flex;
  align-items: center;
  gap: 4px;
}

.typetaglist, .brandtaglist, .collectionlist, .repllist, .collectionlist, .searchlist {
  display: flex;
  align-items: center;
  gap: 4px;
}

.typetaglistsep, .brandtaglist1,.colorlist1, .replacementlist, .collectiontaglist, .searchtaglistsep {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #221f20;
  background-color: #97d6d6;
  border-radius: 6px;
  padding: 2px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.typetaglistsep i, .brandtaglist1 i, .colorlist1 i, .replacementlist i, .collectiontaglist i, .searchtaglistsep i {
  width: 16px;
  height: 16px;
}

/* #brandtag {
  display: inline-block;
  margin: 0 0 25px 0;
} */

/* #collectiontag {
  display: inline-block;
  margin: 0 0 25px 0;
} */

/* #colortag {
  display: inline-block;
  margin: 0 0 25px 0;
} */

/* #repltag {
  display: inline-block;
  margin: 0 0 25px 0;
} */

section.collection-view {
  padding: 30px 0 60px 0;
}

.collection-page .collection-filter {
  margin: 0 0 20px 0;
}

.collection-page .collection-filter ul.category-list {
  display: block;
  text-align: center;
  margin: 0 0 20px 0;
}

.collection-page .collection-filter .category-list li {
  display: inline-block;
}

.collection-page .collection-filter .category-list li a {
  margin: 10px 30px;
  font-size: 18px;
  font-weight: 400;
  color: #221f20;
}

.collection-page .collection-filter .category-list li a:hover {
  color: #97d6d6;
  border-bottom: 2px solid #97d6d6;
}

.collection-page .collection-filter .category-list li.active a {
  font-weight: 700;
  color: #97d6d6;
}

.collection-page .collection-filter ul.letter-list {
  display: block;
  text-align: center;
}

.collection-page .collection-filter .letter-list li {
  display: inline-block;
}

.collection-page .collection-filter .letter-list li a {
  margin: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #221f20;
}

.collection-page .collection-filter .letter-list li a:hover {
  color: #97d6d6;
  border-bottom: 2px solid #97d6d6;
}

.collection-page .collection-filter .letter-list li.active a {
  font-weight: 700;
  color: #97d6d6;
}

.collection-page .collection-filter-view .filter-row {
  margin: 0 0 20px 0;
}

.collection-page .collection-filter-view .filter-row h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 700;
  color: #221f20;
}

.collection-page .collection-filter-view .filter-row .filter-brand-list h4 a {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.collection-page .collection-filter-view .filter-row .filter-brand-list h4 a:hover {
  color: #97d6d6;
}

.collection-page .collection-filter-view .filter-row .filter-brand-list ul li a {
  font-size: 14px;
  color: #434343;
}

.collection-page .collection-filter-view .filter-row .filter-brand-list ul li a:hover {
  color: #97d6d6;
}

.collection-box {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  margin: 0 -2px;
}

section.shop-cart form .checkout-address .checkout-address-form .checkbox input#defaultadd {
  margin: 6px 0 0 0;
}

.address-popup .modal-dialog .modal-content .modal-body form .checkout-address-form .checkbox input {
  margin: 6px 0 0 0;
}

.lblcatoffer {
  font-size: 9px;
}

.starval {
  color: red;
}

.xzoom-preview {
  border: 0 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.lefteyepower .radiobtn label {
  width: 100%;
}

.lefteyepower .radiobtn label span stock {
  font-size: 12px !important;
}

.righteyepower .radiobtn label {
  width: 100%;
}

.righteyepower .radiobtn label span stock {
  font-size: 12px !important;
}

.product-details-zoom.in {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  top: 0;
}

.gift-list-box {
  margin: 20px 0 0 0;
}

.gift-list-box .gift-item {
  width: 160px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

.gift-list-box .gift-item .gift-img {
  border: 2px solid#97d6d6;
  padding: 10px;
  position: relative;
  text-align: center;
  margin: 0 0 10px 0;
}

.gift-list-box .gift-item .gift-img a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  background: red url(../images/close.svg) no-repeat;
  background-position: center;
}

.gift-list-box .gift-item .gift-img img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

.gift-list-box .gift-item .gift-name {
  margin: 0;
  color: #000;
  font-weight: 400;
  font-size: 18px;
}

.gift-list-box .gift-item .gift-name h4 {
  font-size: 15px;
  font-weight: 400;
  color: #000;
  margin: 0;
}

.submenu .inner-dropdown {
  border: none;
}

.inner-menu a {
  font-weight: 700;
}

.inner-menu ul li a {
  font-weight: 400;
}

.product-details-zoom .modal-content {
  height: 100vh;
  overflow-y: auto;
}

:focus {
  outline: 0;
}

.product-details-zoom .modal-dialog .modal-content .modal-body .pro-slider .product-zoom-slide ul.slick-dots {
  display: none !important;
}

.inner-list.inner-open {
  display: block !important;
}

.modal_slider_show,
.pro-slider-mobile_show {
  display: none;
}

#dectext table {
  width: 100%;
}

#movileVefificationModel .modal-header a,
#MobileData .modal-header a {
  float: right;
}

@media all and (-ms-high-contrast: none) {

  section.product-page .pro-slider .product-slide .slick-arrow.slick-next,
  section.product-page .pro-slider .product-slide .slick-arrow.slick-prev {
    display: none !important;
  }

  .modal.modal-filter {
    padding-left: 0 !important;
  }

  .modal#modal_sort {
    top: auto;
  }
}

.item1 {
  padding: 0 0 30px 0;
}

.item2 {
  padding: 30px 0;
  border-top: 2px solid #dfdfdf;
}

.item3 {
  padding: 30px 0;
  border-top: 2px solid #dfdfdf;
}

.gift-text h2 {
  font-size: 22px;
}

.gift-text h2 sup {
  top: 0;
  font-size: 22px;
  left: 0.1em;
  color: #818181;
  font-weight: 100;
}

.gift-text label {
  font-size: 24px;
  font-weight: 600;
}

.gift-list {
  display: flex;
  padding: 30px 0;
}

.gift-list .gift-card {
  border-radius: 10px;
  width: 25%;
  padding: 0 15px;
}

.gift-list .gift-card>div {
  box-shadow: 0 1px 5px 5px rgb(0 0 0 / 15%);
  border-radius: 5px;
}

.gift-list .gift-card .gift-image {
  position: relative;
  min-height: 280px;
}

.gift-card .gift-image img {
  max-width: 100%;
  height: 100%;
  width: auto;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.gift-card .gift-tittle h4 {
  font-size: 18px;
}

.gift-card .gift-tittle p {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}

.gift-card .gift-tittle p a {
  font-size: 18px;
  color: #97d6d6;
}

/* .gift-card .gift-tittle p a:hover,
:focus {
  text-decoration: underline;
  color: #000;
} */

.gift-list .gift-card .gift-tittle {
  padding: 10px 20px;
  border-top: 1px solid #dfdfdf;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.close_filter {
  cursor: pointer;
}

.gift-list .gift-card .gift-image .new {
  position: absolute;
  right: 20px;
  top: 12px;
}

.gift-list .gift-card .gift-image .new .form-group {
  display: block;
  margin-bottom: 0;
}

.gift-list .gift-card .gift-image .new .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.gift-list .gift-card .gift-image .new .form-group label {
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}

.gift-list .gift-card .gift-image .new .form-group label:before {
  content: "";
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 3px solid #97d6d6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 14px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

.gift-list .gift-card .gift-image .new .form-group input:checked+ :after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 19px;
  width: 10px;
  height: 32px;
  border: solid #000;
  background-color: #fff;
  box-shadow: 3px 3px #fff;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
}

.viewmoregifts {
  width: 100%;
  text-align: center;
}

.viewmoregiftsfree {
  width: 100%;
  text-align: center;
}

#app-links {
  justify-content: space-between;
  background: #f7f7f7;
  color: #2f2f2f;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  padding: 12px;
  position: fixed;
  z-index: 2000;
}

#app-links,
#app-links .details {
  display: flex;
  align-items: center;
}

#app-links .details {
  font-size: 14px;
  padding: 0 10px;
  margin-left: 20px;
}

#app-links .details p {
  line-height: 1.3em;
}

#app-links .details img {
  flex-shrink: 0;
  margin-right: 12px;
  border-radius: 5px;
}

#app-links .details .info {
  padding: 0 5px;
  margin: 0;
}

#app-links .details .info p {
  margin: 0;
}

#app-links .link {
  display: block;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  background: #72bebe;
  border: 1px solid #72bebe;
  border-radius: 50px;
  padding: 5px 15px;
  color: #fff;
}

#app-links .link:hover {
  color: #72bebe;
  background-color: #fff;
}

#app-links .close {
  opacity: 1;
  text-decoration: none;
  color: #999;
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 22px;
  height: 100%;
  display: flex;
  align-items: center;
}

.offertext {
  font-size: 17px;
  user-select: none;
}

.offertext {
  display: inline-block;
  animation: float 0.2s ease-in-out infinite;
}

@keyframes float {

  0%,
  100% {
    transform: none;
  }

  33% {
    transform: translateY(-1px) rotate(-2deg);
  }

  66% {
    transform: translateY(1px) rotate(2deg);
  }
}

@keyframes bounce {

  0%,
  100% {
    transform: translate(0);
  }

  25% {
    transform: rotateX(20deg) translateY(2px) rotate(-3deg);
  }

  50% {
    transform: translateY(-20px) rotate(3deg) scale(1.1);
  }
}

.offertext:nth-child(4n-3) {
  color: #000;
  text-shadow: 1px 1px #97d6d6, 2px 2px #97d6d6, 3px 3px #97d6d6,
    4px 4px #97d6d6;
}

.offertext:nth-child(2) {
  animation-delay: 50ms;
}

.offertext:nth-child(3) {
  animation-delay: 0.1s;
}

.offertext:nth-child(4) {
  animation-delay: 0.15s;
}

.offertext:nth-child(5) {
  animation-delay: 0.2s;
}

.offertext:nth-child(6) {
  animation-delay: 0.25s;
}

.offertext:nth-child(7) {
  animation-delay: 0.3s;
}

.offertext:nth-child(8) {
  animation-delay: 0.35s;
}

.offertext:nth-child(9) {
  animation-delay: 0.4s;
}

.offertext:nth-child(10) {
  animation-delay: 0.45s;
}

.offertext:nth-child(11) {
  animation-delay: 0.5s;
}

.offertext:nth-child(12) {
  animation-delay: 0.55s;
}

.offertext:nth-child(13) {
  animation-delay: 0.6s;
}

.offertext:nth-child(14) {
  animation-delay: 0.65s;
}

.offertext:hover>a {
  color: #000 !important;
}

.header-country>a {
  display: flex;
  align-items: center;
  justify-content: center;
}

header.header .header-country a:hover,
header.header .header-country a:focus,
header.header .header-country a:focus-visible {
  color: #fff;
}

header.header .mobile-header-list .header-country a:hover,
header.header .mobile-header-list .header-country a:focus,
header.header .mobile-header-list .header-country a:focus-visible {
  color: #000;
}

.banner_tab_header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-bottom: 8px;
}

h1.main_title,
p.main_title {
  margin: 0;
  cursor: pointer;
}

.main_title.active,
.main_title.active {
  color: #97d6d6;
  font-weight: 800;
}

.section_sub_title span {
  font-size: 16px;
  line-height: 24px;
  color: #97d6d6;

}

@media (max-width: 1400px) {
  footer.footer .top-footer:before {
    width: 30%;
  }
}

@media (max-width: 1320px) {
  .banner-soc {
    margin: 40px -636px 0 0;
  }
}

.modal-zoom-content.product-details .description li {
  color: #97d6d6;
}

#email-verify .modal-dialog:hover,
:focus,
:active {
  text-decoration: none !important;
}

/*Start Landing Page Css*/
body {
  font-family: "Titillium Web", sans-serif;
}

.common_full_page {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: relative;
}

.common_full_page .container {
  position: relative;
  z-index: 2;
  overflow-y: auto;
}

.input_left,
.input_right {
  width: 50%;
  flex-shrink: 0;
  height: 100%;
  overflow: auto;
}

.input_left .image {
  height: 100vh;
}

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

.input_card {
  position: relative;
  background: url(../images/map.png) no-repeat;
  background-size: contain;
  background-position: top 150px center;
  width: 100%;
  height: 660px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  margin: 0 0 60px 0;
}

.flag_block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  list-style: none;
  gap: 24px;
  padding: 0;
  margin: 0;
  width: 100%;
}

.country_flag {
  margin: 0 0 25px 0;
  display: flex;
  justify-content: center;
  min-height: 30px;
}

.country_flag a img {
  max-width: 46px;
}

.country_name {
  text-align: center;
}

.country_name h2 {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #000000;
  margin: 0;
  transition: 0.4s;
}

.country_name h2:hover {
  color: #97d6d6;
  transition: 0.4s;
}

.selection_block {
  margin: 20px 0 0 0;
}

.selection_block span {
  display: block;
}

.selection_block span,
.selection_block p,
.selection_block h4 {
  font-size: 20px;
  line-height: normal;
  font-weight: 600;
  color: #000;
}

.selection_block p,
.selection_block h4 {
  margin: 20px 0 12px 0;
}

/*.form-group {
    margin-bottom: 0;
}*/
select.form-control {
  appearance: none;
  padding: 11px 26px 11px 12px;
  background-color: transparent;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  width: 100% !important;
  display: block !important;
  border-radius: 6px;
  min-width: 150px;
  background-image: url(../images/down_arrow.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
}

select.form-control:focus {
  box-shadow: none;
}

.form-inline {
  display: flex;
}

.form-inline button.btn {
  background-color: #97d6d6;
  border-radius: 0;
  padding: 2px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border: none;
  transition: 0.4s;
}

.btn:focus {
  outline: none;
  outline-offset: 0;
}

.btn:active:focus,
.btn:focus {
  outline: 0;
  outline-offset: 0;
}

/*End Landing Page Css*/

.list-sec {
  padding-top: 35px;
  padding-bottom: 60px;
}

.list-sec .row {
  display: flex;
  flex-wrap: wrap;
}

.list-sec .col-12 {
  float: none;
}

.blog-list-box {
  margin-bottom: 50px;
}

.blog-list-box .blog-img-box,
.blog-detail-sec .blog-img-box {
  display: block;
  border: 1px solid #e9e9e9;
  padding: 8px;
  height: 248px;
  position: relative;
  overflow: hidden;
}

.blog-list-box .blog-img-box.big-box {
  height: 378px;
}

.blog-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-list-box .blog-img-box::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.blog-list-box:hover .blog-img-box::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.blog-list-box .blog-detail-box {
  padding-top: 16px;
}

.blog-detail-box .author,
.blog-detail-sec .author {
  color: #8a8a8a;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.blog-detail-box .blog-heading {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 0;
  transition: all 0.4s ease-in-out;
}

.blog-detail-box a:hover {
  color: #97d6d6;
  transition: all 0.4s ease-in-out;
}

.blog-detail-box .short-desc {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  margin-bottom: 24px;
}

.btn.btn-blog {
  border-radius: 50px;
}

.blog-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

/* Detail page */
.blog-detail-sec {
  padding-top: 35px;
  padding-bottom: 60px;
  /* position: relative; */
}

.blog-detail-sec .blog-title {
  color: #97d6d6;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 24px;
}

.blog-detail-sec .blog-img-box {
  height: 480px;
  max-height: 500px;
  margin-bottom: 24px;
}

.share-blog-col {
  position: sticky;
  top: 35px;
}

.share-blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.share-blog p {
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.share-blog a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px solid #97d6d6;
  margin-bottom: 6px;
}

.share-blog a::before {
  content: "";
  display: block;
  background: url(https://adasat.online/front/images/social_sprites.png) no-repeat;
  width: 14px;
  height: 14px;
  margin: 0 auto;
}

.share-blog a.facebook::before {
  background-position: -10px -78px;
}

.share-blog a.twitter::before {
  background-position: -112px -10px;
}

.text-bold {
  font-weight: 700;
}

.blog-detail-sec p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 8px;
}

.blog-heading {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  color: #000;
  margin-top: 30px;
  margin-bottom: 10px;
}

.blog-detail-sec ul {
  margin-bottom: 10px;
}

.blog-detail-sec ul:last-child {
  margin-bottom: 0;
}

.blog-detail-sec ul li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 4px;
}

.blog-detail-sec ul li:last-child {
  margin-bottom: 0;
}

.blog-detail-sec ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #97d6d6;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 100%;
  display: block;
}

.section-heading {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #000;
  margin: 0 0 30px;
}

/*Toric Query*/
.text-black {
  color: #000;
}

.mb-16 {
  margin-bottom: 16px;
}

.full-width {
  width: 100%;
}

.select-pw-title {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 600;
  margin-bottom: 12px;
}

.toric_checkbox {
  transform: scale(1.4);
  margin-right: 10px !important;
}

/*.product-details .left_power {
    width: 80%;
    margin-bottom: 0px;
    margin-left: 48px;
}
.product-details .right_power {
    width: 80%;
    margin-bottom: 0px;
}*/
.product-details .toric-dropdown-both {
  height: auto;
  color: #000000;
  min-width: 255px;
  /*  margin-left: 50px;*/
}

.product-details select {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  padding: 8px 16px;
  color: #000000;
  background: #fff;
  width: 100%;
  appearance: none;
  background: url("../images/down-arrow-grey.svg") no-repeat;
  background-size: 24px;
  background-position: calc(100% - 16px) 50%;
  margin-bottom: 16px;
}

.product-details select:focus {
  border-color: #221f20;
  transition: border-color ease-in-out .15s;
}

.product-details .qty-body-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.product-details .qty-body-box .qty-list {
  width: 100%;
  padding: 0;
}

.product-details .quantity-count input.form-control {
  border: 0;
}

.product-details .border-left {
  border-left: 1px solid #e9e9e9;
}

.product-details .info-box {
  display: block;
  background: #e9e9e9;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
}

.uploaded-doc {
  background: #e9e9e9;
  border-radius: 6px;
  padding: 8px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.uploaded-doc .view-btn,
.uploaded-doc .remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #7f7f7f;
}

.uploaded-doc .remove-btn {
  background: #97d6d6;
}

.uploaded-doc span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-details .toric-gap {
  margin-top: 24px;
}

.product-details .toric-gap #bothqtydiv {
  width: 82%;
  padding: 0px;
  margin-left: 50px;
  margin-right: 10px;
  flex-shrink: 0;
  line-height: 1.1;
}

.product-details .toric-gap #leftqtydiv {
  width: 82%;
  padding: 0px;
  margin-left: 50px;
  padding: 0px 12px 0px 20px;
  border-right: 1px solid #81d1c9;
  margin-right: 10px;
  flex-shrink: 0;
  line-height: 1.1;
}

.product-details .toric-gap #rightqtydiv {
  width: 82%;
  padding: 0px;
  margin-left: -12px;
  padding: 0px 12px 0px 20px;
  margin-right: 10px;
  flex-shrink: 0;
  line-height: 1.1;
}

.product-details .toric-gap .both_toric {
  margin: 0px 0px 0px 50px;
  display: flex;
  gap: 4px;
}

.product-details .toric-gap .left_toric {
  margin: 0px -24px 0px 55px;
  /* display: flex; */
  display: flow;
  border-right: 1px solid #81d1c9;
}

.product-details .toric-gap .right_toric {
  margin: 0px 0px 0px 10px;
  /* display: flex; */
  display: flow;
}

.product-details .toric-gap .left_box_msg {
  margin: 0px -15px 0px 54px;
  background: #eee;
  display: flex;
}

.product-details .toric-gap .right_box_msg {
  margin: 0px 25px 0px 10px;
  background: #eee;
  display: flex;
}

.product-details #document_upload {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

/*Toric Query*/
/*Product Detail page*/
.buy-sale-label {
  display: inline-block;
  color: red;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  padding: 0;
}

.detail-offer-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  /*    margin-top: 40px;*/
}

.detail-offer-wrapper .list_sale_end {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
}

.stock .brand-title {
  margin-bottom: 0;
  font-weight: 600;
  color: #000;
}

.stock .brand-title span {
  color: #7f7f7f;
  font-weight: 400;
}

.brand-category {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
  color: #000;
}

.other-info-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.other-info-block p {
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #d9d9d9;
}

.other-info-block p:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

.rating-pill {
  background: #97d6d6;
  padding: 5px 10px;
  border-radius: 20px;
  position: absolute;
  display: flex;
  align-items: center;
  gap: 4px;
  top: 12px;
  right: 12px;
}

.rating-pill p {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}

.rating-pill img {
  width: 16px;
}

.rating-pill p.border-left {
  padding-left: 6px;
  border-left: 1px solid #7f7f7f;
}

.product-top-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 46px;
}

.product-top-box .share ul {
  display: flex;
  align-items: center;
}

.product-title h1 {
  margin: 0 0 12px;
  font-size: 24px;
  color: #000;
  line-height: 30px;
  font-weight: 600;
}

.product-title span {
  font-size: 24px;
  line-height: 30px;
  padding-left: 10px;
}

/*Product Detail New Design*/
.panel-heading a {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #333;
}

.panel-heading a::after {
  content: "";
  border: solid #7f7f7f;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  position: absolute;
  right: 8px;
  top: 4px;
  transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.panel-heading a[aria-expanded="true"]::after {
  transform: rotate(-135deg);
  top: 5px;
  transition: all 0.4s ease-in-out;
}

.panel-default {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
}

.panel-default>.panel-heading {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #e7e7e7;
}

.panel-body {
  padding: 15px 0;
}

.panel-group .panel {
  border-radius: 0;
}

.product-detail-info {
  margin-top: 30px;
}

.panel-heading {
  padding: 10px 0;
}

.panel-group .panel+.panel {
  margin-top: 0;
}

body .zbox-content {
  padding: 12px;
  position: fixed;
  border-radius: 0;
}

.zbox-screen {
  position: absolute;
}

body #zbox-magnifier {
  box-shadow: 5px 5px 5px 15px rgba(0, 0, 0, 0.02);
  border: 1px solid #97d6d6;
}

body #zbox-overlay {
  background-color: #000;
}

/*.modal-body iframe{
    width: auto;
}*/
#myModalviewVideo .modal-dialog {
  width: max-content;
}

.qty-input {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
  padding: 4px;
}

.product-img-col {
  position: sticky;
  top: 100px;
}

.w-full {
  width: 100%;
}

.choose-lence-block {
  margin: 16px 0;
  padding-top: 15px;
  border-top: 1px solid #e7e7e7;
}

.choose-lence-block p,
.choose-lence-block .control-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}

.choose-lence-block .control-label {
  font-weight: 400;
}

.product-details .other-details {
  margin-top: 16px;
}

.product-details .upload-doc-info {
  font-size: 12px;
  line-height: 15px;
}

.choose-lence-block .row {
  margin-left: -8px;
  margin-right: -8px;
}

/* .choose-lence-block .row .row {
  margin: 0 -8px;
} */
.choose-lence-block .row>div {
  padding: 0 8px;
  position: static;
}

input[type="checkbox"].toric_checkbox {
  margin-top: 0;
}

.checbox-group {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}

.checbox-group * {
  margin: 0;
  cursor: pointer;
}

.slider__counter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  pointer-events: none;
  background-color: #97d6d6;
  border-radius: 12px;
  padding: 2px 10px;
  width: auto;
  margin: 0 auto;
  max-width: fit-content;
}

.other-details form {
  margin-bottom: 24px;
}

/*Product Detail New Design*/

/*Product Listing New Design*/
.collection-sidebar-col {
  position: sticky;
  top: 96px;
}

/*.wishlist-icon.mobile-wishlist {
  display: none;
}*/
.product-box .mobile-wishlist {
  display: block;
  position: static;
}

.product-box .product-text .product-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sort-by-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.sort-by-row p {
  margin: 0;
}

.add-banner img {
  max-height: 88px;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

/*Product Listing New Design*/

/* Media Query */
@media (max-width: 1199px) {
  .list-sec .container {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 991px) {

  .blog-list-box .blog-img-box,
  .blog-list-box .blog-img-box.big-box {
    height: 230px;
  }

  .blog-detail-sec .blog-title {
    font-size: 32px;
  }
}

@media (max-width: 767px) {

  .blog-list-box .blog-img-box,
  .blog-list-box .blog-img-box.big-box {
    height: 260px;
  }

  .blog-detail-sec .blog-title {
    font-size: 28px;
    line-height: 40px;
  }

  .blog-detail-sec .blog-img-box {
    max-height: 260px;
    height: 260px;
  }

  .blog-detail-sec {
    padding-bottom: 40px;
  }
}

@media (max-width: 640px) {

  .blog-list-box .blog-img-box,
  .blog-list-box .blog-img-box.big-box {
    height: 200px;
  }

  .blog-detail-sec .blog-img-box {
    max-height: 200px;
    height: 200px;
  }
}

/*Booking Css*/
.text-sm {
  font-size: 14px;
  line-height: 18px;
}

.text-base {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text-lg {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.text-xl {
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
}

.text-grey {
  color: #7f7f7f;
}

.d-flex {
  display: flex;
}

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

.mb-0 {
  margin-bottom: 0;
}

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

.ic-clock {
  background: url("../images/ic_clock.svg") no-repeat;
  width: 16px;
  height: 17px;
  display: block;
}

.ic-location {
  background: url("../images/ic_location.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}

.ic-telephone {
  background: url("../images/telephone.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}

.ic-gps {
  background: url("../images/ic_gps.svg") no-repeat;
  width: 12px;
  height: 12px;
  display: block;
}

.ic-info {
  background: url("../images/ic_info.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.ic-check {
  background: url("../images/ic_check.svg") no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
}

.ic-check-canel {
  background: url("../images/icon_cancel.svg") no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
}

.ic-calendar {
  background: url("../images/ic_calendar.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.fw-semibold {
  font-weight: 600;
}

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

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

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

.book-calender-box {
  padding: 0px 0;
}

.book-calender-box h1 {
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 57.8px;
  margin: 0 0 24px;
}

.book-calender-box .time-info,
.location-info {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}

.location-info {
  justify-content: flex-start;
  gap: 2px;
}

.info-block-header {
  margin-bottom: 24px;
}

.info-list {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.info-list li {
  position: relative;
}

.info-list input {
  position: absolute;
  visibility: hidden;
}

.info-list label {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  margin-bottom: 0;
}

.info-list input:checked~label {
  border-color: #97d6d6;
  background-color: #97d6d6;
  transition: all 0.4s ease-in-out;
}

.info-list input:disabled~label {
  border-color: #f4f4f6;
  background-color: #f4f4f6;
  cursor: auto;
  color: #7f7f7f;
  transition: all 0.4s ease-in-out;
}

.book-calender-box button {
  font-weight: 600;
  margin-bottom: 14px;
}

.book-calender-box button:disabled {
  background-color: #e9e9e9;
  opacity: 1;
  color: #7f7f7f;
}

.info-block-body {
  padding-bottom: 50px;
  border-bottom: 10px solid #f4f4f6;
  margin-bottom: 24px;
}

.view-map-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 24.34px;
  text-align: left;
  color: #007aff;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  transition: all 0.4s ease-in-out;
}

.view-map-link span {
  text-decoration: underline;
  transition: all 0.4s ease-in-out;
}

.view-map-link:hover {
  color: #007aff;
}

.view-map-link:hover span.ic-gps {
  transform: translate(5px, -3px);
  transition: all 0.4s ease-in-out;
}

.info-text {
  position: relative;
  padding-left: 22px;
  margin-top: 16px;
}

.info-text span {
  position: absolute;
  left: 0;
  top: 5px;
  flex-shrink: 0;
}

.ui-state-disabled {
  opacity: 0.5;
  /* Faded disabled dates */
  pointer-events: none;
  /* Prevent clicking on disabled dates */
}

.unselectable a {
  background-color: #f0f0f0;
  /* Light gray background */
  color: #ccc;
  /* Light gray text */
  pointer-events: none;
  /* Disable pointer events */
}

.ui-widget {
  font-family: "Titillium Web", sans-serif;
}

.ui-widget.ui-widget-content {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 30px;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0;
  padding: 0 0 24px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border: 1px solid #7f7f7f;
  border-radius: 10px;
  width: 34px;
  height: 34px;
  opacity: 1;
}

.ui-widget-header .ui-icon {
  background-image: url("../images/ic_arrow_left.svg");
  background-size: contain;
  background-position: center;
}

.ui-icon-circle-triangle-e {
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
}

.ui-datepicker th {
  padding-top: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
  color: #000;
  padding: 0;
}

.ui-datepicker th span {
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto;
}

.ui-datepicker td {
  padding: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0;
  background: rgba(151, 214, 214, 0.2);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: #000;
  margin: 0 auto;
}

.ui-state-default,
.ui-widget-content .ui-state-disabled .ui-state-default {
  background: transparent;
}

.ui-datepicker-prev.ui-state-disabled {
  visibility: hidden;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  background-color: #97d6d6;
  color: #000;
}

.grey-box {
  background-color: #f4f4f6;
  border-radius: 8px;
  padding: 30px;
  max-width: 578px;
  margin: 0 auto 50px;
}

.grey-box ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.grey-box ul li {
  width: calc(50% - 24px);
}

.grey-box .location-info {
  margin-bottom: 0;
  padding-bottom: 0;
}

.grey-box .location-info li {
  width: auto;
}

.grey-box .border-bottom {
  border-bottom: 1px solid #e9e9e9;
}

.ic-heading {
  display: flex;
  align-items: center;
  gap: 6px;
}

.appointment-page-btn {
  max-width: 384px;
  margin: 0 auto;
}

/*End Booking Css*/
/* Start Google map CSS */
.form-control.map-group {
  position: relative;
  width: 100%;
  height: 400px;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

#map2D {
  width: 100%;
  height: 100%;
}

.map-group .pac-card {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  font: 400 14px Roboto, Arial, sans-serif;
}

.map-group #pac-container {
  padding: 8px 0;
}

.map-group #pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  padding: 6px 12px;
  text-overflow: ellipsis;
  width: 300px;
}

.map-group #pac-input:focus {
  border-color: #4d90fe;
  outline: none;
}

.map-group #title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 4px 4px 0 0;
}

/* End Google map CSS */
/* Promocode/Coupon code CSS */
.coupon-list {
  height: 350px;
  overflow-y: auto;
  padding-right: 8px;
  /* Optional: adds space to avoid clipping */
  display: flex;
  flex-direction: column;
  gap: 15px;
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: #ccc transparent;
  overflow-x: hidden;
}

/* Webkit scrollbar styling (Chrome, Edge, Safari) */
.coupon-list::-webkit-scrollbar {
  width: 6px;
}

.coupon-list::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 4px;
}

.coupon-list::-webkit-scrollbar-track {
  background: transparent;
}

.coupon-item {
  transition: all 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border: 2px dashed #00c1c1;
  border-radius: 8px;
  padding: 12px;
  margin: 12px 0;
}

.coupon-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.coupon-checkmark {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid #7cd4d8;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 4px;
  box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
}

.coupon-item.checked .coupon-checkmark {
  background-color: #7cd4d8;
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.2l-4.2-4.2L3 13.8l6 6L21 7.8l-1.8-1.8z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.coupon-code {
  background: #cceff0;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: bold;
}

.coupon-item-apply-btn {
  border: 1px solid rgb(151, 214, 214);
  padding: 6px 14px;
}

/* === Initial Promo Code Input Style === */
.promo-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 10px;
  margin-top: 10px;
}

.promo-wrapper:has(> input:focus) {
  border-color: #221f20;
  transition: border-color ease-in-out .15s;
}

.promo-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  background: transparent;
  color: #333;
}

.promo-btn {
  border: none;
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 14px;
  transition: background 0.3s;
}



/* === Applied Promo Code Style === */
.promocode.applied-unified .promo-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: 1px dashed #ccc;
  padding: 10px 12px;
  border-radius: 10px;
  background-color: #f9f9f9;
  margin-top: 40px;
}

.promo-code {
  font-weight: bold;
  background-color: #e1f6f7;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 16px;
  color: #000;
}

.promo-remove {
  background-color: transparent;
  color: red;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid red;
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
}

.promo-saving-note {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 500;
  color: green;
  float: left;
}

/* END Promocode/Coupon code CSS */
/*Product details changes*/
.title-bar-power p {
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
}

.title-bar-power {
   margin-bottom: 16px; 
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  justify-content: space-between;
}
.title-bar-power.title-bar-power-between {
  justify-content: space-between;
}

.title-bar-power .btn-notify-me {
  /* height: 35px; */
  /* padding: 8px 25px; */
  border-radius: 0;
  color: #000;
  font-weight: 600;
  text-decoration: underline;
  display: block;
}

.product-details .text-black {
  justify-content: center;
}

.product-details .total-center span {
  color: #000;
  font-weight: 600;
}

.product-details .total-center {
  display: flex;
  justify-content: center;
}

.product-details .showpricedefault {
  justify-content: flex-start;
}

.product-details .desktop-responsive-view {
  display: block;
}

.product-details .mobile-responsive-view {
  display: none;
}

.product-details .single-power-width {
  max-width: 227px;
  margin: 0 auto;
}

/* Mobile First */
.mob-full {
  width: 100%;
}

.mob-half {
  width: 50%;
}

.single-power-width {
  display: inline-block;
  max-width: 200px;
  margin: 0 auto;
  width: 100%;
}

.coupon-item.applied {
  border: 2px solid #7cd4d8;
}

.coupon-status {
  display: none;
}

.coupon-item.applied .coupon-status {
  display: block;
}

.apply-btn {
  background: transparent;
  transition: all 0.3s ease;
}

.promo-section {
  margin: 10px 0;
}

.applied-promo-box {
  border: 1px dashed #ccecec;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
}

.applied-promo-box .promo-code {
  background: #e1f5f5;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 14px;
}

.applied-promo-box .promo-save {
  color: green;
  font-weight: 600;
}

.disabled-coupon {
  opacity: 0.5;
  pointer-events: none;
}

/*End Product details changes*/
/*Start Cart list changes*/
.order-total .list-unstyled span strike {
  font-size: 14px;
  font-weight: 400;
  text-decoration-color: red;
  color: #7f7f7f;
}

li.total.last-child,
li.total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prices {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  /* Adjust space between original & discounted price */
  margin-left: 22%;
}

.prices strike {
  color: #999;
}

.prices .discount {
  font-weight: bold;
  color: #000;
  /* Or your brand color */
}

.price .checkout-price {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  /* Adjust space between original & discounted price */
}

.price .checkout-price strike {
  font-size: 14px;
  font-weight: 400;
  text-decoration-color: red;
  color: #7f7f7f;
}

/*End Cart list changes*/
/*Start Product Details bullet UI*/
.desc-section p {
  position: relative;
  margin: 6px 0;
  line-height: 1.6;
}

/* English (LTR) */
.desc-section p {
  padding-left: 20px;
  direction: ltr;
  text-align: left;
}

.desc-section p::before {
  content: "●";
  /* Circle bullet */
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
}
#collapseTwo .col-md-12 ul li, .product-detail-tab-content ul li {
  position: relative;
  padding-left: 22px; /* space for bullet */
}
 
#collapseTwo .col-md-12 ul li::before, .product-detail-tab-content ul li::before {
  content: "●";        /* SAME bullet as .desc-section */
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
}
/*End Product Details bullet UI*/
/* 6/11/2025 */
.top-header .container::before,
.top-header .container::after,
.navbar:before,
.navbar:after,
.container:before,
.container::after {
  display: none;
}

.navbar.navbar-default .container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.navbar.navbar-default .dropdown-menu .container {
  display: block;
}

.collapse.navbar-collapse {
  padding: 0;
}

.banner-inner .slick-slide img {
  min-height: 480px;
  object-fit: cover;
}

.colored_banner_section {
  padding-top: 0;
}

.colored_section {
  padding: 70px 0 30px;
}

.colored_banner_section .section_banner {
  margin-top: 0;
  margin-bottom: 12px;
}

.slick-dots li {
  height: auto;
  width: auto;
  margin: 0 4px;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.product-list ul li {
  padding: 0;
}

.productlistul hr {
  background-color: #97d6d6;
  height: 10px;
  margin: 0;
  border: none;
}

.setup-content .col-md-5 {
  display: flex;
  flex-direction: column;
}

.setup-content .col-md-5 .slick-slider {
  flex: 1;
}

.setup-content .col-md-5 .slick-list.draggable,
.setup-content .col-md-5 .slick-track,
.setup-content .col-md-5 .slick-slide img {
  height: 100%;
}

.banner-link-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.banner-link-container .left_banner_heading {
  margin: 0;
}

.banner-link-container .btn.btn-home-viewall {
  display: none;
}

.btn.btn-home-viewall {
  position: absolute;
  right: 20px;
  top: -35px;
}

.product-name a {
  text-wrap: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.breadcrumb-nav ul {
  display: flex;
  flex-wrap: wrap;
}

.buy-exclusive {
  margin-top: 10px;
}

.buy-exclusive .label-highlight {
  background-color: #e5e5e5 !important;
  color: #000;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 14px;
}

.xzoom-gallery {
  border: 2px solid #dbdbdb;
}

.xzoom-gallery.xactive {
  border-color: #97d6d6;
}

.panel-group {
  margin-bottom: 0;
}

.product-details .quantity-count input.form-control:focus,
.quantity-count input.form-control:focus {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.header-search input.form-control::placeholder {
  font-size: 14px;
}

.header {
  position: fixed;
  background: white;
  z-index: 100;
  width: 100%;
  top: 0;
  border-radius: 0;
  transition: all 300ms ease;
}

.header.smaller .top-header {
  display: none;
}

.site-content {
  padding-top: 121px;
}

.mobile-menu__panel-footer {
  margin: 10px;
}

.mobile-menu__panel-footer .btn {
  width: 100%;
  margin-bottom: 0;
}

.banner_tab_header h1 {
  display: inline-flex;
  gap: 12px;
}

.bottom-foot a:focus,
.bottom-foot a:hover {
  text-decoration: underline;
}

.empty-cart-img {
  max-width: 80px;
}

.quantity-count input.form-control {
  border: none;
}

.cart-item-detail {
  display: flex;
  align-items: center;
  gap: 16px;
}

.detail-inner p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

.detail-inner a {
  font-weight: 600;
  transition: all 0.3s ease;
}

.detail-inner a:hover,
.detail-inner a:focus,
.detail-inner a:focus-visible {
  color: #97d6d6;
}

.qty-side {
  flex-shrink: 0;
  max-width: 130px;
}

/*Start add color effect in product list and details*/
.product-box .buy-exclusive {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.color-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.color-list li {
  width: 50%;
}

.brand.color-list li .checkbox {
  margin-top: 0;
  margin-bottom: 12px;
}

.common-checkbox.common-checkbox-color label:before {
  display: none;
}

.common-checkbox.common-checkbox-color label {
  padding-left: 0;
  display: flex;
  align-items: center;
}

.common-checkbox.common-checkbox-color input:checked~label:after {
  border-color: #ffffff;
}

.common-checkbox.common-checkbox-color label:after {
  width: 5px;
  height: 11px;
  top: -3px;
}

.color-circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  border: 0 solid #e5e7eb;
}

.fav-list .buy-exclusive {
  display: flex;
  gap: 0;
  flex-direction: column;
  align-items: start;
}

.fav-list .label-highlight,
.product-box .buy-exclusive {
  margin-bottom: 12px;
}

.fav-list .color-circle,
.product-box .label-highlight {
  margin: 0;
}

.stock .brand-title {
  margin-bottom: 10px;
  padding: 0;
  font-weight: 600;
  color: #000;
}

.other-info-block {
  display: flex;
  align-items: center;
  /* background: #f5f5f5; */
  padding: 0;
  /* border-radius: 8px; */
  /* margin-top: 8px; */
  margin: 0;
}

.product-details .product-share-list li.last-child {
  margin: 0;
}




.product-details .share li.open>.product-share-list {
  display: block;
}

.detail-inner .quantity-count a.quantity-btn {
  font-size: 21px;
  line-height: 28px;
  align-items: start;
}

section.shop-cart .cart-box .cart-list:last-of-type {
  margin-bottom: 0;
}

.coupen-search-container {
  position: relative;
  display: flex;
}

.coupen-search-container .btn {
  position: absolute;
  right: 0;
  border-radius: 0;
  padding: 8px 25px;
}

.coupen-search-container input.form-control {
  padding-right: 102px;
}

.coupon-code-badge {
  font-weight: 700;
}

.promo-section .promo-code-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 4px;
}

.promo-section .promo-code-container label {
  font-weight: 600;
  margin-bottom: 0;
}

.promo-code-box-container {
  display: flex;
  align-items: center;
}

.btn.btn-danger {
  background-color: red;
  border: 1px solid red;
  color: #fff;
  box-shadow: none;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:focus-visible {
  background-color: transparent;
  color: red;
  box-shadow: none;
  outline: none;
}

.sa-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.order-summery .error_msg {
  margin-bottom: 6px;
  display: block;
}

.price-detail-col {
  position: sticky;
  top: 100px;
}

.checkout-address-form .checkbox.common-checkbox {
  margin-top: 0;
}

.checkout-address .process-checkout {
  margin-top: 10px;
}

/* .form-group .input-group-addon:first-child {
  border-radius: 0;
} */

.add-button {
  margin-bottom: 16px;
  text-align: right;
}

.process-checkout .btn,
.submit-btn-col {
  margin-top: 16px;
  width: 100%;
}

.address-list .default-text {
  margin-bottom: 10px;
}

.address-popup .modal-header,
.address-popup .modal-body {
  padding: 12px 16px;
}

.address-popup .modal-body #addressForm .row {
  margin: 0;
}

.submit-btn-col {
  text-align: center;
}

.checkout-payment.cashback-summary .payment-option {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: 12px;
  padding: 0;
}

.checkout-payment.cashback-summary .payment-option-row {
  flex: 1;
}

.checkout-payment.cashback-summary .payment-option-row label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0;
}

.checkout-payment.cashback-summary .payment-option-row label span {
  font-weight: 600;
}

.payment-img img {
  max-width: 140px;
}

.checkout-details .process-checkout .btn {
  margin-top: 0;
}

section.dashboard.checkout-details .address-list {
  margin-bottom: 30px;
}

.subpage.thankyou .container {
  max-width: 500px;
  padding: 26px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.color-eye {
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 50%;
  overflow: hidden;
}

.color-base {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.eye-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  /* adjust transparency */
  pointer-events: none;
}

/* Review Start */
.icon-start {
  background: url("../images/yellow-star.svg") no-repeat center / cover;
  width: 10px;
  height: 10px;
  display: block;
}

.icon-star-grey {
  background: url("../images/icon-star-grey.svg") no-repeat center / cover;
  width: 10px;
  height: 10px;
  display: block;
}

.review-link {
  background: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  right: 4px;
  top: 8px;
  padding: 4px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 800;
  color: #000;
  border: 1px solid #97d6d6e6;
  transition: 0.3s all ease;
}

.product-ratings-count {
  display: flex;
  align-items: center;
  gap: 4px;
  border-right: 1px solid #97d6d6e6;
  padding-right: 4px;
}

.product-rating-modal .modal-header {
  padding: 15px;
}

.product-rating-modal .modal-header p,
#myModalorderView .modal-header h4 {
  color: #3e4152;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
}

.product-rating-modal .modal-body,
.myModalorderView .modal-body {
  overflow-y: auto;
  max-height: 80vh;
  position: relative;
}

.product-rating-modal .modal-dialog,
.modal.in.product-rating-modal .modal-dialog,
.myModalorderView .modal-dialog,
.modal.in.myModalorderView .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

.review-star-rating {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 6px;
}

.person-name {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 8px;
}

.review-block:not(:last-of-type) {
  border-bottom: 1px solid #efefef;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.review-block p:last-of-type {
  margin-bottom: 0;
}

.product-details .review-link {
  position: static;
  background: transparent;
  color: #000;
  padding: 6px;
  border: 1px solid #d9d9d9;
  margin-bottom: 12px;
  display: inline-flex;
  font-weight: 400;
}

.product-details .product-ratings-count {
  border-color: #d9d9d9;
}

.product-details .icon-start {
  height: 12px;
  width: 12px;
}

.product-details .review-link:hover,
.product-details .review-link:focus,
.product-details .review-link:focus-within {
  border-color: #000;
}

.verify-link {
  margin-top: 4px;
  cursor: pointer;
  color: #007bff;
  display: inline-block;
  text-decoration: underline;
  font-weight: 600;
}

.updateprofileForm .error_msg {
  display: block;
}

.table-actions img {
  max-width: 20px;
}

.ratenow-link {
  margin-top: 4px;
  display: block;
}

.ratenow-link a {
  color: #97d6d6;
}

.productlisttblview .stars {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.productlisttblview tbody tr td,
.productlisttblview tbody tr th {
  text-wrap: nowrap;
}

.star-container {
  display: flex;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  text-decoration: underline;

}

/* Ratings Start */
.reviews-container {
  margin-top: 24px;
}

.review-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.viewall-link {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #72bebe;
  margin-top: 16px;
  display: inline-block;
}

.review-start-container {
  display: flex;
  gap: 30px;
  margin: 24px 0;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 24px;
}

.review-count {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #d9d9d9;
  padding-right: 30px;
}

.review-count .title {
  font-size: 40px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.review-count .title .icon-start {
  height: 18px;
  width: 18px;
}

.review-count .text {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0px;
}

.rating-list {
  flex-grow: 1;
}

.rating-list li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 21px;
  color: #85868c;
}

.progress {
  width: 120px;
  height: 4px;
  margin: 0;
  border-radius: 0;
  background-color: #f5f5f6;
}

.rating-list .total-count{
  font-weight: 600;
  color: #000;
}

.review-detail-container{
  padding: 30px 0;
}
.review-detail-container .product-detail-col{
  position: sticky;
  top: 120px;
}
.review-detail-container .img_producto_container{
  margin-bottom: 12px;
  text-align: center;
}
.review-detail-container .img_producto_container img{
  max-height: 300px;
}
.review-detail-container .product-detail-col p{
  margin-bottom: 0;
}
.review-detail {
      border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
}
.review-detail-container .reviews-container{
  margin: 0;
}
.ratings{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    background: #14958f;
    color: #fff;
    font-weight: 700;
    padding: 0 3px;
    line-height: 18px;
}
.ratings .icon-star-grey{
      background: #fff;
    mask-image: url(../images/icon-star-grey.svg);
    mask-size: 10px;
}
.review-ratings-container{
      display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
}
.review-block .person-name{
  padding-left: 34px;
}
.four-star,
.three-star{
  background-color: #72bfbc;
}

.two-star{
  background-color: #fcb301;
}
.one-star{
  background-color: #f16565;
}
.product-share-list .foot-soc li button::before{
  filter: brightness(0);
}
.panel-body p {
  font-size: 14px;
  line-height: 21px;
}
.empty-state{
      justify-content: center;
    align-items: center;
    width: 100%;
} 
.empty-state li{
  text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    font-weight: 600;
}
.empty-state li img{
      max-width: 300px;
    margin: auto;
}
.product-page .similar-product .product-list.slick-slider .slick-list .slick-track .slick-slide {
    padding: 0px 10px;
}
.my-order-details dl {
  margin-bottom: 12px;
}
.my-order-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

/*Toggle switch in product details*/
.toggle-switch-group{
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: row-reverse;
  gap: 8px;
}
.toggle-switch-group p{
  margin-bottom: 0;
}
.switch_toggle {
  display: none;
}
.switch_toggle_label {
  cursor: pointer;
  display: block;
  border: 1px solid #e9e9e9;
  border-radius: 11px;
  background-color: #DDD;
  width: 40px;
  height: 20px;
  position: relative;
  transition: all 0.2s;
}
.switch_toggle_label:after {
  content: '';
  background-color: #FFF;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s;
}
.switch_toggle:checked + .switch_toggle_label {
  background-color: #97d6d6;
  border-color: #97d6d6;
}
.switch_toggle:checked + .switch_toggle_label:after {
  left: 20px;
  border-color: #97d6d6;
}

i {
  display: inline-block;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.icon-my-profile {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -592px -108px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -592px -108px;
  background-color: #221f20;
}

.icon-my-address {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -680px -196px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -680px -196px;
  background-color: #221f20;
}

.icon-my-wallet {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -592px -196px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -592px -196px;
  background-color: #221f20;
}

.icon-my-orders {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -64px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -64px -328px;
  background-color: #221f20;
}

.icon-my-credit {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -636px -152px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -636px -152px;
  background-color: #221f20;
}

.icon-my-booking {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -108px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -108px -328px;
  background-color: #221f20;
}

.icon-refer-earn {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -196px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -196px -328px;
  background-color: #221f20;
}

.icon-notification {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -196px -240px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -196px -240px;
  background-color: #221f20;
}

.icon-wishlist {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -636px -108px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -636px -108px;
  background-color: #221f20;
}

.icon-logout {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -20px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -20px -328px;
  background-color: #221f20;
}

.icon-terms-conditons {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -504px -284px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -504px -284px;
  background-color: #221f20;
}

.icon-my-account-ownership {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -64px -284px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -64px -284px;
  background-color: #221f20;
}

.icon-earned {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -152px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -152px -328px;
  background-color: #221f20;
}

.icon-edit {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -680px -152px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -680px -152px;
  background-color: #221f20;
}

.icon-delete {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -20px -196px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -20px -196px;
  background-color: #ffffff;
}

.icon-cross-filter {
  mask-image: url(../images/icon-cross.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url(../images/icon-cross.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  background-color: #221f20;
}

.icon-cart {
  mask-image: url(../images/icons_sprite.svg);
  mask-repeat: no-repeat;
  mask-position: -240px -328px;
  -webkit-mask-image: url(../images/icons_sprite.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -240px -328px;
  background-color: #221f20;
}

.review-main-container{
  padding: 0 16px;
}
.product-review-card-container{
  display: flex;
  gap:24px;

  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 16px;
  padding-bottom:16px;
}
.product-review-cards-container .product-review-card-container:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom:0;
}
.review-main-container .img_producto_container img{
  max-height: 140px;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
.review-main-container .product-detail-col {
  flex-shrink: 0;
  position: static;
}
.review-main-container .img_producto_container{
  margin: 0;
}
.review-main-container h4{
     margin: 0 0 4px 0;
     font-weight: 600;
}
.review-main-container .brand{
  margin-bottom: 12px;
}
.review-main-container .plistdiv{
  flex:1;
}
.review-main-container .star-container label.star{
  font-size: 6px;
}
.review-main-container .review-wrapper{
  margin-top: 4px;
  width: 100%;
}
.review-main-container textarea{
  display: block;
  width: 100%;
}
.product-switch-container{
  margin-bottom: 24px;
}
.product-details .bothqtydiv.single-power-width{
  max-width: 100%;
  margin: 0 0 20px 0;
}
.share-btn-container{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  padding-top: 24px;
  border-top: 1px solid;
  border-image: linear-gradient(90deg, rgba(233, 233, 233, 0.5) 0%, #838383 50.96%, rgba(233, 233, 233, 0.5) 98.56%) 1;
}
.share-btn-container a{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  gap: 10px;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  padding: 11px;
  transition: all 0.3s ease;
}
.share-btn-container a:hover{
  font-weight: 600;
  border-color: #97d6d6;
}
.login-in .login-option{
  margin-top: 24px;
}
.login-in .login-option-btn{
  padding-top: 16px;
}
.login-option-btn ul{
  gap: 26px;
}
.login-option-btn li a{
      height: 44px;
  width: 44px;
  box-shadow: 0px 0px 2px 1px #0000001c;

}
.power-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E9E9E9;
  padding: 3px;
  border-radius: 100px;
  margin-bottom: 16px;
}
.power-tab-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
  border-radius: 100px;
  background-color: transparent;
  text-align: center;
  padding: 6px;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.power-tab-link.active {
  background-color: #97D6D6;
  transition: all 0.3s ease-in-out;
}
.power-tab-content {
  display: none; 
  opacity: 0;
  transform: translateY(15px);
  animation: fadeIn 0.5s ease 1 forwards;
  margin-bottom: 16px;
}
.power-tab-content.active {
  display: block;
}
@keyframes fadeIn {
  100% {
    opacity: 1;
    transform: none;
  }
}
.xzoom-lens img {
  max-height: 477px;
}
section.product-page .pro-slider .product-slide {
  max-height: 477px;
}
section.product-page .pro-slider .product-slide #showhidedivimg, section.product-page .pro-slider .product-slide #showhidedivimg .slide {
  height: 100%;
}
.pro-slider .product-slide .img {
  max-height: 477px;
}
.product-slide .xzoom {
  max-height: 477px;
}
.secondary-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #E9E9E9;
  width: 100%;
  overflow-y: hidden;
  white-space: nowrap;
}
.secondary-tab-link {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
  padding: 0 12px 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.secondary-tab-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.secondary-tab-link.active::before {
  background-color: #97D6D6;
  transition: all 0.3s ease-in-out;
}
.secondary-tab-content {
  display: none; 
  opacity: 0;
  transform: translateY(15px);
  animation: fadeIn 0.5s ease 1 forwards;
  margin: 16px 0;
}
.secondary-tab-content.active {
  display: block;
}
.product-detail-tab-content p {
  font-size: 14px;
  line-height: 21px;
}
/* ===== Wrapper ===== */
.custom-power-dropdown {
    position: relative;
    width: 100%;
    font-family: inherit;
}

/* ===== Trigger ===== */
.power-trigger {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #6b7280;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.power-trigger:hover {
    border-color: #78c2c2;
}

.power-trigger.active {
    border-color: #78c2c2;
    box-shadow: 0 0 0 3px rgba(120,194,194,0.15);
}
.power-trigger {
    cursor: pointer;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    padding: 8px 16px;
    color: #000000;
    background: #fff;
    width: 100%;
    appearance: none;
    background: url(../images/down-arrow-grey.svg) no-repeat;
    background-size: 24px;
    background-position: calc(100% - 16px) 50%;
    margin-bottom: 16px;
}
/* ===== Dropdown ===== */
.power-dropdown-menu {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    border: 1px solid #f1f5f9;
    overflow: hidden;
    z-index: 999;
    animation: dropdownFade 0.2s ease;
}

@keyframes dropdownFade {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== Header ===== */
.dropdown-main-title {
    text-align: center;
    padding: 16px;
    font-weight: 600;
    border-bottom: 1px solid #f3f4f6;
}

/* ===== Columns ===== */
.power-columns {
    display: flex;
    height: 320px;
}

.power-col {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.power-col.full-width {
    width: 100%;
}

.power-col:first-child {
    border-right: 1px solid #f1f5f9;
}

/* ===== Column Title ===== */
.col-title {
    text-align: center;
    padding: 10px 6px;
    position: sticky;
    top: 0;
    background: #fff;
}

.col-title span {
    background: #78c2c2;
    color: #000;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 4px 8px;
    border-radius: 50px;
    font-weight: 700;
}

/* ===== Scroll Area ===== */
.col-body {
    overflow-y: auto;
    flex: 1;
}

/* Custom Scrollbar */
.col-body::-webkit-scrollbar {
    width: 4px;
}

.col-body::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 10px;
}

/* ===== Options ===== */
.power-option {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #4b5563;
    cursor: pointer;
    transition: all 0.15s ease;
}

.power-option:hover {
    background: #f8fafc;
    color: #78c2c2;
}

/* ===== Disabled ===== */
.power-option.disabled {
    color: #ef4444;
    background: #fff5f5;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.7;
}

/* ===== Selected Highlight ===== */
.power-option.selected {
    background-color: #78c2c2;
    color: #fff;
}

.power-option.disabled {
    color: red;
    pointer-events: none;
    opacity: 0.6;
}
.custom-power-dropdown.open-up .power-dropdown-menu {
    top: auto;
    bottom: 100%;
}
.global-message {
    background-color: #97d6d6; /* light yellow (alert style) */
    color: #221f20;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    /*margin-bottom: 10px;*/
    /*border-bottom: 1px solid #ffeeba;*/
    border: 1px solid #97d6d6;
}

.global-message p {
    margin: 0;
}
.brand-message {
    background-color: #97d6d6;
    color: #221f20;
    padding: 10px 15px;
    font-size: 14px;
    margin-bottom: 10px;
    border: 1px solid #97d6d6;
}

.message-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand-message p {
    margin: 0;
}
.message-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.slider-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #221f20;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slider-btn .arrow {
    font-size: 16px;
    color: #221f20;
    line-height: 1;
}

/* Hover effect (matches modern UI feel) */
.slider-btn:hover {
    background-color: #221f20;
}
.slider-btn:hover svg path {
    stroke: #ffffff;
}