* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
}

html {
  background-color: #f8f8f8;
}

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

a {
  text-decoration: none;
  color: #007aff;
  transition: 0.3s ease all;
}
a:hover {
  color: #006adb;
}

.pmpro_card_actions {
  background-color: #fff !important;
}

.select {
  position: relative;
  cursor: pointer;
}
.select select {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.select .selected {
  display: block;
  width: 212px;
  height: 40px;
  padding: 10px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgb(183, 184, 190);
  font-size: 13px;
  font-weight: 500;
  color: rgb(137, 137, 137);
  position: relative;
}
.select .selected::after {
  content: "";
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/arrow-down-select.svg);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.btn {
  display: inline-block;
  min-width: 120px;
  border-radius: 8px;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  transition: 0.3s ease all;
  cursor: pointer;
  outline: none;
  line-height: 1.1;
  text-align: center;
}
.btn--blue {
  background-color: #007aff;
  border: 1px solid #007aff;
  color: #fff;
}
.btn--blue:hover {
  background-color: #0067d6;
  color: #fff;
}
.btn--blue:disabled {
  background-color: #ccc;
  opacity: 0.7;
  cursor: not-allowed;
}
.btn--blue:disabled:hover {
  background-color: #ccc;
}
.btn--red {
  background-color: #df1010;
  border: 1px solid #df1010;
  color: #fff;
}
.btn--red:hover {
  background-color: #c10a0a;
  color: #fff;
}
.btn--red:disabled {
  background-color: #ccc;
  opacity: 0.7;
  cursor: not-allowed;
}
.btn--red:disabled:hover {
  background-color: #ccc;
}

p {
  font-size: 16px;
}

h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  h2 {
    font-size: 20px;
  }
}

h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  h3 {
    font-size: 18px;
  }
}

ul {
  margin-left: 14px;
}
ul li {
  margin-bottom: 10px;
}

.default-page p {
  margin-bottom: 20px;
}
.default-page h1,
.default-page h2 {
  margin-bottom: 30px;
}
.default-page h3,
.default-page h4 {
  margin-bottom: 15px;
}
.default-page h5,
.default-page h6 {
  margin-bottom: 10px;
}
.default-page ul {
  margin-left: 15px;
  margin-bottom: 20px;
}
.default-page ul li {
  margin-bottom: 5px;
}
.default-page ol {
  margin-left: 15px;
  margin-bottom: 20px;
}
.default-page ol li {
  margin-bottom: 5px;
}
.default-page table {
  margin-bottom: 20px;
}

.layout {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 100%;
}
.layout--align-top {
  align-items: flex-start;
}
.layout--align-center {
  align-items: center;
}
.layout__body {
  flex: 1;
}
.layout__sidebar {
  width: 350px;
  padding: 30px 20px;
  border-radius: 12px;
  background-color: #fff;
}
@media screen and (max-width: 850px) {
  .layout__sidebar {
    width: 100%;
  }
}

.listing__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;
}
.listing__header h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: #000;
  width: auto;
  display: inline-block;
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .listing__header h2 {
    font-size: 20px;
  }
}
.listing__header h2.offer-icon {
  position: relative;
}
.listing__header h2.offer-icon::after {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  margin-left: 10px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/offers.svg");
  position: relative;
  top: 4px;
}
@media screen and (max-width: 640px) {
  .listing__header h2.offer-icon::after {
    width: 20px;
    height: 20px;
    top: 2px;
  }
}
.listing__header a {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #fc9b34;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-width: 90px;
  position: relative;
  top: 10px;
}
@media screen and (max-width: 640px) {
  .listing__header a {
    font-size: 16px;
    top: 3px;
  }
}
.listing__header a::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/next-arrow.svg");
  transition: 0.3s ease all;
}
.listing__header a:hover::after {
  transform: translateX(5px);
}
.listing__body {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.listing__footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .listing__footer {
    margin-top: 20px;
  }
}

.range-selector__container {
  position: relative;
  width: 100%;
  margin: 18px 0;
  height: 16px;
}
.range-selector__container .slider-track {
  position: absolute;
  height: 5px;
  background: #49454f;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
  left: 0;
  border-radius: 4px;
}
.range-selector__container .slider-track span {
  position: absolute;
  display: inline-block;
  height: 100%;
  background: #007bff;
  top: 0;
  z-index: 1;
  width: 100%;
  left: 0;
  border-radius: 4px;
}
.range-selector__container input[type=range] {
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  pointer-events: none;
  z-index: 2;
}
.range-selector__container input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 16px;
  height: 16px;
  background: #fc9b34;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
}
.range-selector__price-inputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
.range-selector__price-inputs input {
  width: calc((100% - 40px) / 2);
  padding: 5px;
  text-align: center;
  border: 0;
  border-radius: 6px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

header {
  background-color: #fff;
  padding: 20px 0 10px;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media screen and (max-width: 1180px) {
  header {
    padding: 10px 0px;
  }
}
header .top-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0;
  gap: 25px 30px;
}
@media screen and (max-width: 1100px) {
  header .top-header {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
@media screen and (max-width: 580px) {
  header .top-header {
    gap: 10px;
    padding-bottom: 0;
  }
}
header .top-header .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  flex-grow: 1;
}
@media screen and (max-width: 1100px) {
  header .top-header .left {
    width: 100%;
    border-bottom: 1px solid #007aff;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 580px) {
  header .top-header .left {
    gap: 15px;
  }
  header .top-header .left a {
    font-size: 14px;
  }
}
@media screen and (max-width: 360px) {
  header .top-header .left {
    flex-wrap: wrap;
  }
}
header .top-header .right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
@media screen and (max-width: 1100px) {
  header .top-header .right {
    width: 100%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 580px) {
  header .top-header .right {
    gap: 15px;
  }
  header .top-header .right a {
    font-size: 14px;
  }
  header .top-header .right a.glink.gt_switcher-popup span {
    display: none;
  }
}
header .top-header .right a.glink img {
  height: 27px;
  width: 27px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 580px) {
  header .top-header .right a.glink img {
    height: 20px;
    width: 20px;
  }
}
header .top-header__logo {
  display: flex;
  align-items: center;
}
header .top-header__logo img {
  height: 30px;
  width: auto;
}
@media screen and (max-width: 580px) {
  header .top-header__logo img {
    height: 20px;
  }
}
header .top-header a {
  line-height: 1;
}
header .top-header .marketplace {
  height: 30px;
  background: linear-gradient(99deg, #dcffdb 0%, #34c421 100%);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
  border-radius: 8px;
  padding: 2px 2px 2px 8px;
  overflow: hidden;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  header .top-header .marketplace {
    height: 20px;
    padding: 2px 2px 2px 5px;
  }
}
header .top-header .marketplace img {
  height: 14px;
  width: 14px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 5px;
}
@media screen and (max-width: 580px) {
  header .top-header .marketplace img {
    height: 10px;
    width: 10px;
  }
}
header .top-header .marketplace__text {
  font-style: italic;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: #393939;
  display: inline-flex;
  flex-direction: column;
}
@media screen and (max-width: 580px) {
  header .top-header .marketplace__text {
    font-size: 8px;
  }
}
header .top-header .marketplace__text span {
  line-height: 1;
}
header .top-header .marketplace__text span:first-child {
  font-weight: 500;
  font-size: 7px;
  font-style: italic;
}
@media screen and (max-width: 580px) {
  header .top-header .marketplace__text span:first-child {
    font-size: 6px;
  }
}
@keyframes slideUpIn {
  0% {
    transform: translate(-50%, 0%);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
  }
}
header .top-header .marketplace__icon {
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  color: #23ac22;
  padding: 5px;
  border-radius: 6px;
  background-color: #fff;
  margin-left: 5px;
  overflow: hidden;
  position: relative;
  height: 27px;
  width: 44px;
  text-align: center;
}
@media screen and (max-width: 580px) {
  header .top-header .marketplace__icon {
    font-size: 10px;
    height: 18px;
    width: 30px;
  }
}
header .top-header .marketplace__icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}
header .top-header .marketplace__icon span.sell {
  color: #f71818;
}
header .top-header .marketplace__icon span.coming_soon {
  color: #f71818;
  font-size: 10px;
  line-height: 1.2;
}
@media screen and (max-width: 580px) {
  header .top-header .marketplace__icon span.coming_soon {
    font-size: 6px;
  }
}
header .top-header .marketplace__icon span.active {
  animation: slideUpIn 0.3s ease-in-out forwards;
  opacity: 1;
  visibility: visible;
}
header .top-header .location_select {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  header .top-header .location_select span {
    display: none;
  }
}
header .top-header .location_select img {
  height: 27px;
  width: 27px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 580px) {
  header .top-header .location_select img {
    height: 20px;
    width: 20px;
  }
}
header .top-header .login_ctc {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  header .top-header .login_ctc span {
    display: none;
  }
}
header .top-header .login_ctc img {
  height: 27px;
  width: 27px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (max-width: 580px) {
  header .top-header .login_ctc img {
    height: 20px;
    width: 20px;
  }
}
header .bottomHeader .closeMenu {
  width: 35px;
  height: 35px;
  position: fixed;
  left: min(100% - 75px, 345px);
  top: 40px;
  z-index: 3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/close-icon.svg);
  transition: 0.3s ease all;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: pointer;
}
header .bottomHeader .closeMenu:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1180px) {
  header .bottomHeader .closeMenu.active {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transition: opacity 0.3s ease 0.5s;
  }
}
@media screen and (max-width: 1180px) {
  header .bottomHeader .menu-main-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translateX(-100%);
    transition: 0.5s ease all;
    background: #fff;
    height: 100dvh;
    padding: 100px 0px 40px;
    max-width: 420px;
    width: 100%;
    box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.1411764706);
  }
  header .bottomHeader .menu-main-menu-container.active {
    transform: translateX(0%);
  }
}
header .bottomHeader .menu-main-menu-container .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 0 12px;
  border-bottom: 1px solid #007aff;
  gap: 6px 15px;
}
@media screen and (max-width: 1180px) {
  header .bottomHeader .menu-main-menu-container .menu {
    flex-direction: column;
    overflow: auto;
    justify-content: flex-start;
    align-items: unset;
    flex-wrap: nowrap;
    border-bottom: none;
    height: 100%;
  }
}
header .bottomHeader .menu-main-menu-container .menu .menu-item-has-children > a {
  position: relative;
}
header .bottomHeader .menu-main-menu-container .menu .menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/arrow-down.svg);
}
header .bottomHeader .menu-main-menu-container .menu a {
  color: #393939;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 1180px) {
  header .bottomHeader .menu-main-menu-container .menu a {
    width: 100%;
    padding: 10px 16px 10px 30px;
  }
}
header .bottomHeader .menu-main-menu-container .menu a img {
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
}
header .bottomHeader .menu-main-menu-container .menu a:hover {
  color: #007aff;
}
@media screen and (max-width: 1180px) {
  header .bottomHeader .menu-main-menu-container .menu a:hover {
    background-color: rgba(0, 122, 255, 0.2);
  }
}
header .bottomHeader ul {
  list-style: none;
  margin: 0;
}
header .bottomHeader ul li {
  margin: 0;
}
header .bottomHeader .sub-menu {
  display: none;
}
@media screen and (min-width: 1181px) {
  header .bottomHeader .sub-menu {
    position: absolute;
    background: #fff;
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2588235294);
  }
  header .bottomHeader .sub-menu a {
    padding: 8px 24px;
    width: 100%;
  }
}

footer {
  background-color: #bedbfa;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/footer-bg.png);
  padding: 40px 0px 30px;
}
footer .footer-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 993px) {
  footer .footer-top {
    gap: 30px;
  }
}
footer .footer-top .left {
  width: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-right: 30px;
}
@media screen and (max-width: 993px) {
  footer .footer-top .left {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  footer .footer-top .left {
    flex-wrap: wrap;
  }
}
footer .footer-top .left .footerMenu .logo {
  height: 30px;
  margin-bottom: 30px;
}
footer .footer-top .left .footerMenu .menu {
  list-style: none;
  margin: 0;
}
footer .footer-top .left .footerMenu .menu li {
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  footer .footer-top .left .footerMenu .menu li {
    margin-bottom: 14px;
  }
}
footer .footer-top .left .footerMenu .menu li a {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  footer .footer-top .left .footerMenu .menu li a {
    font-size: 16px;
  }
}
footer .footer-top .left .imgSec {
  height: 250px;
  width: 50%;
}
footer .footer-top .left .imgSec img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 480px) {
  footer .footer-top .left .imgSec {
    height: 180px;
    width: 100%;
  }
}
footer .footer-top .right {
  width: 50%;
  padding-left: 30px;
}
@media screen and (max-width: 993px) {
  footer .footer-top .right {
    width: 100%;
    padding-left: 0;
  }
}
footer .footer-top .right .newsletter .heading {
  font-weight: 600;
  font-size: 26px;
  color: #007aff;
  margin: 0;
  margin-bottom: 14px;
}
@media screen and (max-width: 480px) {
  footer .footer-top .right .newsletter .heading {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
footer .footer-top .right .newsletter form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
footer .footer-top .right .newsletter form input[type=email] {
  border-radius: 12px;
  height: 50px;
  flex-grow: 1;
  background: #fff;
  border: none;
  padding: 14px 16px;
  font-weight: 300;
  font-size: 17px;
  color: #007aff;
  outline: none;
}
@media screen and (max-width: 480px) {
  footer .footer-top .right .newsletter form input[type=email] {
    height: 40px;
    padding: 12px 14px;
  }
}
footer .footer-top .right .newsletter form input[type=email]::-moz-placeholder {
  color: #007aff;
}
footer .footer-top .right .newsletter form input[type=email]::placeholder {
  color: #007aff;
}
footer .footer-top .right .newsletter form input[type=submit] {
  border-radius: 12px;
  width: 161px;
  height: 50px;
  background: #007aff;
  padding: 15px;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  transition: 0.3s ease all;
}
@media screen and (max-width: 480px) {
  footer .footer-top .right .newsletter form input[type=submit] {
    height: 40px;
    padding: 12px 14px;
  }
}
footer .footer-top .right .newsletter form input[type=submit]:hover {
  background-color: #0062ff;
}
footer .footer-top .right .social .heading {
  font-weight: 600;
  font-size: 18px;
  color: #007aff;
  margin: 0;
  margin-bottom: 14px;
}
footer .footer-top .right .social .social-links a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
footer .footer-top .right .social .social-links a:hover {
  transform: scale(1.02);
}
footer .footer-top .right .social .social-links a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
footer .footer-center {
  margin-bottom: 40px;
}
footer .footer-center h3,
footer .footer-center p {
  color: #007aff;
}
footer .footer-center h3 {
  margin-bottom: 16px;
}
footer .footer-bottom {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #007aff;
  font-weight: 600;
  gap: 10px 30px;
}
footer .footer-bottom .menu {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 30px;
}
footer .footer-bottom .menu li {
  margin: 0;
  position: relative;
}
footer .footer-bottom .menu li::after {
  content: "";
  width: 2px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translate(50%, -50%);
  background-color: #007aff;
  border-radius: 1px;
}
footer .footer-bottom .menu li:last-child::after {
  display: none;
}
footer .footer-bottom .menu li a {
  font-weight: 600;
}

.no-banner-body {
  padding: 50px 0;
}

.pmpro_card {
  box-shadow: none !important;
  border: none !important;
}

.select2-container .select2-selection--multiple {
  min-height: 40px !important;
  border: 1px solid #eee !important;
}
.select2-container .select2-selection--multiple:hover, .select2-container .select2-selection--multiple:focus {
  border: 1px solid #007aff !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
}

.select2-dropdown .select2-results__option {
  margin-bottom: 0px;
}

.account-wrapper .banner {
  border-radius: 12px;
  padding: 50px;
  background: linear-gradient(90.74deg, #ffffff -7.48%, #ffeaa6 116.15%);
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 375px) {
  .account-wrapper .banner {
    padding: 30px;
  }
}
.account-wrapper .banner .dw_avatar-block {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.account-wrapper .banner .dw_avatar-block .dw_profile-data h3 {
  margin-bottom: 3px;
}
.account-wrapper .banner .dw_avatar-block .dw_profile-data .row {
  margin-bottom: 3px;
}
.account-wrapper .banner .dw_avatar-block .dw_profile-data .row:first-child {
  font-size: 14px;
}
.account-wrapper .banner .dw_avatar-block .dw_profile-data .row:last-child {
  font-size: 13px;
}
.account-wrapper .banner .dw_avatar-block img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.account-wrapper .banner__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-wrapper .banner__top > img {
  display: none;
}
@media screen and (min-width: 993px) {
  .account-wrapper .banner__top > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    max-width: 300px;
  }
}
.account-wrapper .banner__top .profile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.account-wrapper .banner__top .profile .account_menu {
  position: absolute;
  right: 15px;
  top: 15px;
}

.table-container {
  width: 100%;
  overflow: auto;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-height: 550px;
}
.table-container table {
  width: 100%;
  border-collapse: collapse;
}
.table-container table th,
.table-container table td {
  padding: 12px 15px;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #ddd;
}
.table-container table th a,
.table-container table td a {
  color: #fff;
}
.table-container table th:last-child,
.table-container table td:last-child {
  text-align: center;
}
.table-container table th {
  background-color: #007aff;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.table-container table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.table-container table tr:hover {
  background-color: rgba(0, 123, 255, 0.2588235294);
  cursor: pointer;
}
.table-container table td {
  font-size: 14px;
  color: #555;
}
.table-container table td:hover {
  color: #000;
}

@media (max-width: 768px) {
  .table-container table th,
  .table-container table td {
    padding: 8px;
    font-size: 12px;
  }
}
.not-found-page {
  text-align: center;
  padding: 50px 0;
}
.not-found-page img {
  width: 150px;
  height: 150px;
}
.not-found-page .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.default_page {
  padding: 40px 0;
}

.common-banner {
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  position: relative;
  background-image: url("../images/location-bg.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
  .common-banner {
    padding: 30px 15px;
    min-height: 190px;
  }
}
.common-banner::before {
  content: "";
  position: absolute;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.5;
  background-color: rgb(255, 255, 255);
}
.common-banner h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: #000;
  text-align: center;
  position: relative;
  z-index: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .common-banner h1 {
    font-size: 28px;
  }
}

.deals-page {
  margin-bottom: 40px;
}

.favourites-page .sec1,
.favourites-page .sec2,
.favourites-page .sec3 {
  margin-bottom: 40px;
  width: 100%;
}

.gt_white_content {
  height: auto !important;
  width: auto !important;
}
.gt_white_content .gt_languages {
  gap: 15px;
}

.page-wrapper {
  padding-top: 13px;
  padding-bottom: 70px;
}

@media print {
  .no-print {
    display: none !important;
  }
}
.footerMenuMobile {
  position: fixed;
  background: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0392156863);
}
@media screen and (min-width: 581px) {
  .footerMenuMobile {
    display: none;
  }
}
.footerMenuMobile ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  list-style: none;
}
.footerMenuMobile ul li {
  flex: 1;
  text-align: center;
  padding: 0;
  margin: 0;
}
.footerMenuMobile ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 9px;
  font-weight: 600;
  padding: 10px 0;
  text-decoration: none;
}
.footerMenuMobile ul li a img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 3px;
}
.footerMenuMobile ul li a:hover {
  color: #007aff;
  background-color: rgba(0, 123, 255, 0.0901960784);
}

body {
  padding-bottom: 52px;
}
@media screen and (min-width: 581px) {
  body {
    padding-bottom: 0;
  }
}

.global-search {
  position: relative;
  width: 100%;
  max-width: 566px;
}
.global-search input {
  width: 100%;
  height: 45px;
  background-color: #e5e5e5;
  padding: 12px 45px 12px 67px;
  outline: none;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  font-size: 16px;
}
@media screen and (min-width: 1181px) {
  .global-search input {
    padding: 12px 45px 12px 12px;
  }
}
@media screen and (max-width: 580px) {
  .global-search input {
    height: 30px;
    padding: 5px 30px 5px 45px;
    font-size: 14px;
  }
}
.global-search .search-icon {
  height: 45px;
  width: 45px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 580px) {
  .global-search .search-icon {
    height: 30px;
    width: 30px;
  }
}
.global-search .search-icon img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 580px) {
  .global-search .search-icon img {
    height: 20px;
    width: 20px;
  }
}
.global-search .toggleMenu {
  position: absolute;
  left: 10px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  height: 45px;
  cursor: pointer;
}
@media screen and (max-width: 580px) {
  .global-search .toggleMenu {
    width: 30px;
    height: 30px;
    gap: 3px;
  }
}
.global-search .toggleMenu span {
  height: 2px;
  width: 18px;
  background-color: #333;
  display: block;
  transition: 0.3s ease all;
}
@media screen and (max-width: 580px) {
  .global-search .toggleMenu span {
    width: 14px;
  }
}
.global-search .toggleMenu:hover span {
  background-color: #007aff;
}
@media screen and (min-width: 1181px) {
  .global-search .toggleMenu {
    display: none;
  }
}
.global-search .search-results__container {
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
  z-index: 2;
  display: none;
}
.global-search .search-results__container--show {
  display: block;
}
.global-search .search-results__container .search-result {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #000;
  cursor: pointer;
  transition: 0.3s ease all;
}
.global-search .search-results__container .search-result:last-child {
  border-bottom: none;
}
.global-search .search-results__container .search-result:hover {
  background-color: #f5f5f5;
  color: #007aff;
}
.global-search .search-results__container .search-result img {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #eee;
}

.create_business_form h1 {
  text-align: center;
  margin-bottom: 20px;
}

.create_business_form .form-group {
  margin-bottom: 15px;
}

.create_business_form label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.create_business_form input,
.create_business_form select,
.create_business_form textarea,
.create_business_form button[type=submit] {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.create_business_form button[type=submit],
.create_business_form .addBranch {
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
  border: none;
}

.create_business_form button[type=submit]:hover,
.create_business_form .addBranch:hover {
  background-color: #0056b3;
}

.create_business_form button.delete_business {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: red;
  margin-top: 20px;
  transition: 0.3s ease all;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
}
.create_business_form button.delete_business:hover {
  color: #e60000;
  background-color: transparent;
}

.create_business_form .preview {
  margin-top: 10px;
  max-height: 100px;
  max-width: 100px;
}

.create_business_form .preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.create_business_form .error {
  color: red;
  font-size: 12px;
}

.create_business_form .addBranch {
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Basic table styles */
.create_business_form .branches {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* Ensures proper layout */
  margin-bottom: 20px;
}

/* Table header and cell styles */
.create_business_form .branches th,
.create_business_form .branches td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
}

.create_business_form .branches th {
  background-color: #f4f4f4;
}

/* Make table scrollable horizontally on small screens */
.branchesContainer {
  overflow-x: auto; /* Horizontal scroll on small screens */
  -webkit-overflow-scrolling: touch;
  margin-bottom: 15px;
}

/* Adjust input fields inside the table */
.create_business_form .branches input,
.create_business_form .branches select,
.create_business_form .branches textarea {
  width: 100%; /* Ensure inputs take up the full cell width */
  box-sizing: border-box;
}

.create_business_form .branches td button.deleteBranch {
  background-color: #ff4d4d;
  color: white;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.create_business_form .branches td button.deleteBranch:hover {
  background-color: #e60000;
}

.create_business_form .message {
  text-align: center;
  margin: 20px 0;
  font-size: 16px;
}

.create_business_form .message.success {
  color: #00e600;
}

.create_business_form .message.error {
  color: #e60000;
}

/* Responsive behavior for smaller screens */
@media (max-width: 768px) {
  .create_business_form .branches {
    display: block;
    width: 100%;
  }
  .create_business_form .branches thead {
    display: none; /* Hide headers on small screens */
  }
  .create_business_form .branches tbody {
    width: 100%;
    display: block;
  }
  .create_business_form .branches tr {
    display: block;
    margin-bottom: 10px;
  }
  .create_business_form .branches td {
    display: block;
    padding-left: 50%; /* Space for labels */
    position: relative;
  }
  .create_business_form .branches td:before {
    content: attr(data-label); /* Add the label for each cell */
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
  }
  .create_business_form .branches td:last-child {
    padding-bottom: 10px;
  }
}
.flyer-item {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  width: 200px;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease all;
}
@media screen and (max-width: 480px) {
  .flyer-item {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 375px) {
  .flyer-item {
    width: 100%;
  }
}
.flyer-item--ended::after {
  content: "EXPIRED";
  position: absolute;
  width: 100%;
  height: calc(100% - 70px);
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 30px;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.25);
}
.flyer-item__image {
  display: block;
  width: 100%;
  min-height: 280px;
  aspect-ratio: 200/280;
  -o-object-fit: cover;
  object-fit: cover;
}
.flyer-item__content {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.flyer-item__content h3 {
  width: 100%;
  margin: 0;
  padding: 5px 17px 5px 84px;
  line-height: 1.3;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  background-color: #007aff;
}
.flyer-item__content h4 {
  font-size: 8px;
  font-weight: 700;
  line-height: 1.3;
  padding: 4px 17px 4px 84px;
  color: #fc9b34;
}
.flyer-item__logo {
  display: block;
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 10px;
  transform: translateY(calc(-50% + 10px));
  border: 1px solid rgba(252, 155, 52, 0.5);
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
}
.flyer-item__footer {
  padding: 10px 13px 13px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #007aff;
}
.flyer-item__time {
  font-size: 9px;
  line-height: 1.3;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
}
.flyer-item__time img {
  width: 9px;
  height: 9px;
  -o-object-fit: contain;
  object-fit: contain;
}
.flyer-item__edit_options {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6392156863);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  transition: 0.3s ease all;
}
.flyer-item__page-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/page-number.svg");
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  color: #fff;
  font-weight: 900;
  font-size: 10px;
  line-height: 100%;
  padding: 6px;
  border-radius: 0 12px 0 0;
}

div.flyer-item:hover .flyer-item__edit_options {
  opacity: 1;
  visibility: visible;
}

.flyer-form-wrapper,
.edit-flyer-form-wrapper {
  position: fixed;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  padding: 100px 15px;
  overflow: auto;
  display: none;
}
.flyer-form-wrapper--show,
.edit-flyer-form-wrapper--show {
  display: block;
}

.flyer-form,
.edit-flyer-form {
  max-width: 580px;
  background: #fff;
  margin: 0 auto;
  padding: 30px;
  border-radius: 30px;
  position: relative;
}
.flyer-form__field,
.edit-flyer-form__field {
  width: 100%;
  margin-bottom: 20px;
}
.flyer-form__field.message,
.edit-flyer-form__field.message {
  text-align: center;
  margin: 20px 0;
  font-size: 13px;
}
.flyer-form__field.message.error,
.edit-flyer-form__field.message.error {
  color: #f00;
}
.flyer-form__field.message.success,
.edit-flyer-form__field.message.success {
  color: #0f0;
}
.flyer-form__field-group,
.edit-flyer-form__field-group {
  padding: 10px;
  background-color: #f0f0f0;
}
.flyer-form__label,
.edit-flyer-form__label {
  font-size: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .flyer-form__label,
  .edit-flyer-form__label {
    font-size: 14px;
  }
}
.flyer-form input,
.flyer-form select,
.flyer-form textarea,
.edit-flyer-form input,
.edit-flyer-form select,
.edit-flyer-form textarea {
  height: 40px;
  border-radius: 4px;
  padding: 8px 16px;
  outline: none;
  border: 1px solid #eee;
  transition: 0.3s ease all;
  resize: none;
}
.flyer-form input:focus, .flyer-form input:hover,
.flyer-form select:focus,
.flyer-form select:hover,
.flyer-form textarea:focus,
.flyer-form textarea:hover,
.edit-flyer-form input:focus,
.edit-flyer-form input:hover,
.edit-flyer-form select:focus,
.edit-flyer-form select:hover,
.edit-flyer-form textarea:focus,
.edit-flyer-form textarea:hover {
  border: 1px solid #007aff;
}
.flyer-form textarea,
.edit-flyer-form textarea {
  height: 120px;
}
.flyer-form__input,
.edit-flyer-form__input {
  width: 100%;
}
.flyer-form__buttons,
.edit-flyer-form__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .flyer-form__buttons,
  .edit-flyer-form__buttons {
    gap: 10px;
  }
}
.flyer-form__buttons button,
.edit-flyer-form__buttons button {
  border: none;
}
.flyer-form__close,
.edit-flyer-form__close {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: #eee;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  border-radius: 50%;
}
.flyer-form .flyer-image__preview,
.edit-flyer-form .flyer-image__preview {
  margin-top: 10px;
  font-size: 13px;
  color: #f00;
}
.flyer-form .flyer-pdf-file__preview,
.edit-flyer-form .flyer-pdf-file__preview {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
}
.flyer-form .flyer-image-files__preview,
.edit-flyer-form .flyer-image-files__preview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
}
.flyer-form .flyer-image-files__preview .flyer-image-item,
.edit-flyer-form .flyer-image-files__preview .flyer-image-item {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  border: 1px solid #eee;
  position: relative;
}
.flyer-form .flyer-image-files__preview .flyer-image-item img,
.edit-flyer-form .flyer-image-files__preview .flyer-image-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.flyer-form .flyer-image-files__preview .flyer-image-item .remove-image,
.edit-flyer-form .flyer-image-files__preview .flyer-image-item .remove-image {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
.flyer-form .remove-flyer-pdf-file,
.edit-flyer-form .remove-flyer-pdf-file {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: #eee;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 10px;
  color: #f00;
  cursor: pointer;
}

.favourite-button {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
.favourite-button .heart-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  line-height: 1;
}
.favourite-button .heart-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.favourite-button .heart-icon .heart-icon__fill {
  transition: 0.3s ease all;
}
.favourite-button .heart-icon.favourite .heart-icon__fill {
  fill: #fc9b34;
}
.favourite-button:hover .heart-icon .heart-icon__fill {
  fill: #fc9b34;
}
.favourite-button:hover .heart-icon.favourite .heart-icon__fill {
  fill: transparent;
}
.favourite-button .favourite-label {
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  color: #007aff;
}

.add-products-wrapper {
  padding: 50px 15px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.add-products-wrapper--show {
  display: block;
}
.add-products-wrapper__inner {
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  width: 100%;
  max-width: 680px;
}
.add-products-wrapper .add-products-search {
  width: 100%;
  padding: 30px 20px;
  background-color: #eee;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}
.add-products-wrapper .add-products-search input {
  width: 100%;
  min-height: 40px;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  border: 1px solid #ddd;
  padding: 5px 15px;
  font-size: 14px;
}
.add-products-wrapper .add-products-search .results-container {
  position: absolute;
  left: 20px;
  top: 70px;
  width: calc(100% - 40px);
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 0;
  max-height: 450px;
  overflow: auto;
  display: none;
}
.add-products-wrapper .add-products-search .results-container--show {
  display: block;
}
.add-products-wrapper .add-products-search .results-container .product-result {
  padding: 8px 15px;
  font-size: 14px;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid #eee;
  transition: 0.3s ease all;
  display: flex;
  align-items: center;
  gap: 10px;
}
.add-products-wrapper .add-products-search .results-container .product-result img {
  width: 35px;
  height: 35px;
  border: 1px solid #eee;
  border-radius: 2px;
  -o-object-fit: contain;
  object-fit: contain;
}
.add-products-wrapper .add-products-search .results-container .product-result:last-child {
  border-bottom: 1px solid #eee;
}
.add-products-wrapper .add-products-search .results-container .product-result:hover {
  background-color: #eee;
}
.add-products-wrapper .add_product {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 15px;
  max-height: 80vh;
  overflow: auto;
  width: 100%;
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.add-products-wrapper .add_product__inner {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  max-width: 420px;
  width: 100%;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.25);
  margin: 50px auto;
}
.add-products-wrapper .add_product__header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}
.add-products-wrapper .add_product__header img {
  width: 70px;
  height: 70px;
  border: 1px solid #eee;
  border-radius: 8px;
  -o-object-fit: contain;
  object-fit: contain;
}
.add-products-wrapper .add_product__header .content h4 {
  margin-bottom: 5px;
}
.add-products-wrapper .add_product__header .content p {
  font-size: 14px;
}
.add-products-wrapper .add_product__body {
  width: 100%;
}
.add-products-wrapper .add_product__field {
  margin-bottom: 15px;
}
.add-products-wrapper .add_product__field label {
  font-size: 14px;
}
.add-products-wrapper .add_product__field input {
  width: 100%;
  font-size: 14px;
  height: 40px;
  padding: 6px 15px;
  border: 1px solid #eee;
  outline: none;
}
.add-products-wrapper .add_product__field input.error {
  border: 1px solid #f00;
}
.add-products-wrapper .add_product__field-highlight {
  padding: 20px;
  border-radius: 4px;
  background-color: #fff1d1;
}
.add-products-wrapper .add_product__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.add-products-wrapper .add-products-listing {
  margin-bottom: 30px;
}
.add-products-wrapper .add-products-listing .product {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.add-products-wrapper .add-products-listing .product__details {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 300px;
  padding-right: 15px;
  border-right: 1px solid #eee;
}
.add-products-wrapper .add-products-listing .product__details img {
  width: 60px;
  height: 60px;
  border: 1px solid #eee;
  border-radius: 4px;
  -o-object-fit: contain;
  object-fit: contain;
}
.add-products-wrapper .add-products-listing .product__content h4 {
  margin-bottom: 5px;
}
.add-products-wrapper .add-products-listing .product__content p {
  font-size: 13px;
  margin-bottom: 5px;
}
.add-products-wrapper .add-products-listing .product__pricing {
  flex-grow: 1;
  padding-right: 15px;
  border-right: 1px solid #eee;
}
.add-products-wrapper .add-products-listing .product__pricing .product__price {
  font-size: 18px;
  margin-bottom: 8px;
}
.add-products-wrapper .add-products-listing .product__pricing .old {
  color: #ccc;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.add-products-wrapper .add-products-listing .product__flyer-page {
  font-size: 13px;
}
.add-products-wrapper .add-products-listing .product__buttons {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.add-products-wrapper .add-products-listing .product__buttons button {
  min-width: 26px;
  min-height: 26px;
  padding: 4px;
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
}
.add-products-wrapper .add-products-listing .product__buttons button.btn--blue {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuNSwyNGgxNUEzLjUxLDMuNTEsMCwwLDAsMjIsMjAuNDg3VjEyLjk1YTEsMSwwLDAsMC0yLDB2Ny41MzdBMS41MDgsMS41MDgsMCwwLDEsMTguNSwyMkgzLjVBMS41MDgsMS41MDgsMCwwLDEsMiwyMC40ODdWNS41MTNBMS41MDgsMS41MDgsMCwwLDEsMy41LDRIMTFhMSwxLDAsMCwwLDAtMkgzLjVBMy41MSwzLjUxLDAsMCwwLDAsNS41MTNWMjAuNDg3QTMuNTEsMy41MSwwLDAsMCwzLjUsMjRaIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuNDU1LDEwLjU0NGwtLjc4OSwzLjYxNGExLDEsMCwwLDAsLjI3MS45MjEsMS4wMzgsMS4wMzgsMCwwLDAsLjkyLjI2OWwzLjYwNi0uNzkxYTEsMSwwLDAsMCwuNDk0LS4yNzFsOS4xMTQtOS4xMTRhMywzLDAsMCwwLDAtNC4yNDMsMy4wNywzLjA3LDAsMCwwLTQuMjQyLDBsLTkuMSw5LjEyM0ExLDEsMCwwLDAsOS40NTUsMTAuNTQ0Wm0xMC43ODgtOC4yYTEuMDIyLDEuMDIyLDAsMCwxLDEuNDE0LDAsMS4wMDksMS4wMDksMCwwLDEsMCwxLjQxM2wtLjcwNy43MDdMMTkuNTM2LDMuMDVabS04LjksOC45MTQsNi43NzQtNi43OTEsMS40LDEuNDA3LTYuNzc3LDYuNzkzLTEuNzk1LjM5NFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+");
}
.add-products-wrapper .add-products-listing .product__buttons button.btn--red {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQuMiwxMi4xOTMsMjMuOCwyNC4zYTMuOTg4LDMuOTg4LDAsMCwxLTQsMy44NTdIMTIuMmEzLjk4OCwzLjk4OCwwLDAsMS00LTMuODUzTDcuOCwxMi4xOTNhMSwxLDAsMCwxLDItLjA2NmwuNCwxMi4xMWEyLDIsMCwwLDAsMiwxLjkyM2g3LjZhMiwyLDAsMCwwLDItMS45MjdsLjQtMTIuMTA2YTEsMSwwLDAsMSwyLC4wNjZabTEuMzIzLTQuMDI5YTEsMSwwLDAsMS0xLDFINy40NzhhMSwxLDAsMCwxLDAtMmgzLjFhMS4yNzYsMS4yNzYsMCwwLDAsMS4yNzMtMS4xNDgsMi45OTEsMi45OTEsMCwwLDEsMi45ODQtMi42OTRoMi4zM2EyLjk5MSwyLjk5MSwwLDAsMSwyLjk4NCwyLjY5NCwxLjI3NiwxLjI3NiwwLDAsMCwxLjI3MywxLjE0OGgzLjFBMSwxLDAsMCwxLDI1LjUyMiw4LjE2NFptLTExLjkzNi0xaDQuODI4YTMuMywzLjMsMCwwLDEtLjI1NS0uOTQ0LDEsMSwwLDAsMC0uOTk0LS45aC0yLjMzYTEsMSwwLDAsMC0uOTk0LjlBMy4zLDMuMywwLDAsMSwxMy41ODYsNy4xNjRabTEuMDA3LDE1LjE1MVYxMy44YTEsMSwwLDAsMC0yLDB2OC41MTlhMSwxLDAsMCwwLDIsMFptNC44MTQsMFYxMy44YTEsMSwwLDAsMC0yLDB2OC41MTlhMSwxLDAsMCwwLDIsMFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+");
}

.category-item {
  padding: 20px 15px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.15);
  background: linear-gradient(134deg, #ffcdce 0%, #997b7b 100%);
  color: #a54143;
}
.category-item span {
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
}
@media screen and (max-width: 640px) {
  .category-item span {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .category-item span {
    font-size: 14px;
  }
}
.category-item img {
  width: 110px;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 640px) {
  .category-item img {
    width: 80px;
    height: 60px;
  }
}
@media screen and (max-width: 480px) {
  .category-item img {
    width: 60px;
    height: 45px;
  }
}

.product-card {
  width: 195px;
  min-height: 290px;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: 0.3s ease all;
}
.product-card:hover {
  transform: translateY(-5px);
}
@media screen and (max-width: 480px) {
  .product-card {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 375px) {
  .product-card {
    width: 100%;
  }
}
.product-card__image {
  height: 175px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 4px;
}
.product-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-card__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #000;
  margin-bottom: 6px;
}
.product-card__price {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  margin-bottom: 7px;
  margin-top: auto;
}
.product-card__retailer {
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
  justify-self: flex-end;
}
.product-card__retailer-images {
  display: flex;
  align-items: center;
}
.product-card__retailer-images img {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-left: -6px;
  border-style: solid;
  border-width: 0.2px;
  border: rgba(252, 155, 52, 0.5);
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.25);
}
.product-card__retailer-images img:first-child {
  margin-left: 0;
}
.product-card__retailer-content {
  font-weight: 600;
  font-size: 13px;
  line-height: 130%;
  color: #fc9b34;
}
.product-card .favourite-button {
  position: absolute;
  top: 13px;
  right: 13px;
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.product-card .favourite-button .heart-icon {
  width: 100%;
  height: 100%;
}

.location-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  align-items: center;
  padding: 40px 20px;
}
.location-wrapper::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/location-bg-1.jpg);
  background-position: center;
  background-size: cover;
  opacity: 0.25;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .location-wrapper::before {
    background-image: url(../images/location-bg-mobile.jpg);
  }
}
.location-wrapper .location-inner {
  width: 100%;
  height: auto;
  max-height: 100vh;
  overflow: auto;
}
.location-wrapper .location-container {
  max-width: 820px;
  min-height: 530px;
  width: 100%;
  margin: 0 auto;
  background-color: rgba(0, 122, 255, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 375px) {
  .location-wrapper .location-container {
    padding: 10px;
    border-radius: 8;
  }
}
.location-wrapper .location-container h5 {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 18px;
}
.location-wrapper .location-container .choose-location {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.location-wrapper .location-container .location-map {
  height: 155px;
  margin-bottom: 20px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.location-wrapper .location-container .logo {
  height: 28px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: auto;
}

.checkout-wrapper ul {
  margin-top: 20px;
}

.confirmation-wrapper p {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}
.confirmation-wrapper .pmpro_heading-with-avatar img {
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
  object-fit: cover;
}

.account-wrapper .account-container {
  padding: 20px 0;
}
.account-wrapper .account-container h2 {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.account-wrapper .account-container #memberships .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.account-wrapper .account-container #memberships .memeberships_level {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px;
}
.account-wrapper .account-container #dashboard p {
  margin-bottom: 24px;
}
.account-wrapper .account-container #dashboard h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 480px) {
  .account-wrapper .account-container #dashboard .logout {
    display: none;
  }
}
.account-wrapper .account-container .tab-container {
  display: flex;
  width: 100%;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  min-height: 500px;
}
@media (max-width: 768px) {
  .account-wrapper .account-container .tab-container {
    flex-direction: column;
  }
}
.account-wrapper .account-container .tabs {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  background: linear-gradient(180deg, #4c5c96, #283360);
  color: #ffffff;
  overflow-x: auto; /* Enable horizontal scroll */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  white-space: nowrap; /* Prevent text wrapping */
  flex-shrink: 0; /* Prevent shrinking on mobile */
}
@media (max-width: 768px) {
  .account-wrapper .account-container .tabs {
    display: none; /* Hide the horizontal tab container on mobile */
  }
}
.account-wrapper .account-container .tab {
  padding: 15px 20px;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #ffffff;
  text-align: left;
  font-size: 14px;
  transition: background 0.3s ease-in-out;
  white-space: nowrap; /* Prevent text wrapping */
  flex-shrink: 0; /* Prevent tabs from shrinking */
}
.account-wrapper .account-container .tab:hover, .account-wrapper .account-container .tab.active {
  background: rgba(255, 255, 255, 0.2);
  outline: none;
}
@media (max-width: 768px) {
  .account-wrapper .account-container .tab {
    text-align: center;
    flex: 1;
  }
}
.account-wrapper .account-container .tab-content {
  flex: 1;
  padding: 20px 30px;
  background: #ffffff;
  border-left: 1px solid #eceff1;
}
@media (max-width: 768px) {
  .account-wrapper .account-container .tab-content {
    border-left: none;
    border-top: 1px solid #eceff1;
  }
}
@media (max-width: 480px) {
  .account-wrapper .account-container .tab-content {
    padding: 10px 10px;
  }
  .account-wrapper .account-container .tab-content p,
  .account-wrapper .account-container .tab-content li,
  .account-wrapper .account-container .tab-content a,
  .account-wrapper .account-container .tab-content label,
  .account-wrapper .account-container .tab-content input {
    font-size: 14px !important;
  }
  .account-wrapper .account-container .tab-content h2 {
    font-size: 17px;
  }
}
.account-wrapper .account-container .content {
  display: none;
}
.account-wrapper .account-container .content:not(.hidden) {
  display: block;
}
@media (max-width: 768px) {
  .account-wrapper .account-container .content {
    display: block; /* Always display all content on mobile */
    margin-bottom: 50px;
  }
  .account-wrapper .account-container .content .tab {
    margin-bottom: 10px;
    background: linear-gradient(180deg, #4c5c96, #283360);
    color: #ffffff;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 8px;
  }
  .account-wrapper .account-container .content .tab:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .account-wrapper .account-container .content .tab-content {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
  }
}
.account-wrapper .account-container #logout p {
  margin-bottom: 20px;
}
.account-wrapper .account-container .pmpro_card_content {
  padding: 0 !important;
}
.account-wrapper .account-container #business .no-business {
  margin-bottom: 20px;
}
.account-wrapper .account-container #business .back_to_listing {
  margin-bottom: 20px;
  display: none;
}
.account-wrapper .account-container #business .create_business_form_wrapper,
.account-wrapper .account-container #business .edit_business_form_wrapper {
  padding: 30px 0;
  display: none;
}
.account-wrapper .account-container #business .create_business_form_wrapper--show,
.account-wrapper .account-container #business .edit_business_form_wrapper--show {
  display: block;
}
.account-wrapper .account-container #business .business_listing {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.account-wrapper .account-container #business .business_listing .business_item {
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
  transition: 0.3s ease all;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 420px) {
  .account-wrapper .account-container #business .business_listing .business_item {
    width: calc(50% - 7.5px);
  }
}
.account-wrapper .account-container #business .business_listing .business_item img {
  height: 150px;
  width: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 420px) {
  .account-wrapper .account-container #business .business_listing .business_item img {
    width: 100%;
    max-height: 100px;
  }
}
.account-wrapper .account-container #business .business_listing .business_item:hover {
  box-shadow: 0px 0px 8px #ddd;
}
.account-wrapper .account-container #business .business_listing .business_item__title {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .account-wrapper .account-container #business .business_listing .business_item__title {
    font-size: 14px;
  }
}
.account-wrapper .account-container #flyers h2 {
  display: flex;
  align-items: center;
  gap: 20px;
}
.account-wrapper .account-container #flyers .flyer-listing {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
  .account-wrapper .account-container #flyers .flyer-listing {
    gap: 20px;
  }
}
.account-wrapper .account-container #flyers .loadmore-my-flyers {
  margin-top: 40px;
}
@media screen and (max-width: 480px) {
  .account-wrapper .account-container #flyers .loadmore-my-flyers {
    margin-top: 20px;
  }
}

.home-wrapper .banner .item {
  aspect-ratio: 1330/420;
  width: 100%;
  border-radius: 22px;
}
.home-wrapper .banner .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.home-wrapper .banner .slick-dots {
  position: absolute;
  list-style: none;
  bottom: 20px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(37, 37, 37, 0.55);
  border-radius: 50px;
  padding: 8px 12px;
  line-height: 1;
  gap: 8px;
}
@media screen and (max-width: 480px) {
  .home-wrapper .banner .slick-dots {
    bottom: 10px;
    padding: 3px 5px;
    gap: 4px;
  }
}
.home-wrapper .banner .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0;
}
.home-wrapper .banner .slick-dots li button {
  font-size: 0;
  line-height: 1;
  margin: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  opacity: 0.3;
  transition: 0.3s ease all;
  cursor: pointer;
}
.home-wrapper .banner .slick-dots li.slick-active button {
  opacity: 1;
}
.home-wrapper .banner::after {
  content: "";
  width: 100vw;
  height: 50%;
  display: block;
  background-color: #95c8ff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.home-wrapper .retailers {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: auto;
  scroll-behavior: smooth; /* Adds smooth scrolling behavior */
  -webkit-overflow-scrolling: touch; /* Enables momentum-based scrolling on iOS */
  padding: 20px;
  scrollbar-width: none; /* Disables scrollbar */
  -ms-overflow-style: none; /* Disables scrollbar */
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.home-wrapper .retailers:-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 640px) {
  .home-wrapper .retailers {
    gap: 20px;
  }
}
.home-wrapper .retailers .item {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  border-color: rgba(52, 132, 240, 0.4);
  box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .home-wrapper .retailers .item {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}
.home-wrapper .retailers .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}
.home-wrapper .sec2 {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .home-wrapper .sec2 {
    margin-bottom: 20px;
  }
}
.home-wrapper .sec2::after {
  content: "";
  width: 100vw;
  height: 100%;
  display: block;
  background-color: #95c8ff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.home-wrapper .sec3 {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}
.home-wrapper .sec3 .flyer-item:hover {
  transform: translateY(-5px);
  box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 640px) {
  .home-wrapper .sec3 {
    margin-bottom: 20px;
  }
}
.home-wrapper .sec3 .flyer-item--more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 8px 15px;
  gap: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: #fc9b34;
}
@media screen and (max-width: 640px) {
  .home-wrapper .sec3 .flyer-item--more {
    font-size: 16px;
  }
}
.home-wrapper .sec4 {
  margin-bottom: 40px;
}
.home-wrapper .sec4 .listing__body {
  gap: 10px;
}
@media screen and (min-width: 640px) {
  .home-wrapper .sec4 .listing__body {
    gap: 20px;
  }
}
.home-wrapper .sec4 .listing__body .category-item {
  width: 100%;
}
.home-wrapper .sec4 .listing__body .category-item:hover {
  transform: translateY(-5px);
  box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 375px) {
  .home-wrapper .sec4 .listing__body .category-item {
    width: calc((100% - 10px) / 2);
    gap: 15px 8px;
  }
}
@media screen and (min-width: 640px) {
  .home-wrapper .sec4 .listing__body .category-item {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 993px) {
  .home-wrapper .sec4 .listing__body .category-item {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (min-width: 1024px) {
  .home-wrapper .sec4 .listing__body .category-item {
    width: calc((100% - 60px) / 4);
  }
}
.home-wrapper .sec5 {
  margin-bottom: 40px;
}
.home-wrapper .sec5 .listing__body {
  gap: 10px;
}
@media screen and (min-width: 640px) {
  .home-wrapper .sec5 .listing__body {
    gap: 20px;
  }
}

.login-wrapper .login-container {
  max-width: 500px;
  margin: 0 auto;
}
.login-wrapper .login-container h1 {
  margin-bottom: 15px;
}
.login-wrapper .login-container p {
  margin-bottom: 20px;
}

.taxonomy-retailer-page {
  padding: 13px 0;
}
.taxonomy-retailer-page .banner {
  position: relative;
  border-radius: 22px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 30px;
}
.taxonomy-retailer-page .banner .bg-image {
  position: absolute;
  border-radius: 22px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
  background-image: url("../images/location-bg.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.taxonomy-retailer-page .banner .brand {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.taxonomy-retailer-page .banner .brand__logo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fff;
  border: 3px solid rgba(0, 122, 255, 0.35);
  box-shadow: 2px 4px 12px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 11px;
}
@media screen and (max-width: 640px) {
  .taxonomy-retailer-page .banner .brand__logo {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 360px) {
  .taxonomy-retailer-page .banner .brand__logo {
    width: 60px;
    height: 60px;
  }
}
.taxonomy-retailer-page .banner .brand h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: #000;
}
@media screen and (max-width: 640px) {
  .taxonomy-retailer-page .banner .brand h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 360px) {
  .taxonomy-retailer-page .banner .brand h1 {
    font-size: 22px;
  }
}
.taxonomy-retailer-page .banner .appLinks h4 {
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  color: #000;
  margin: 0;
  margin-bottom: 10px;
}
.taxonomy-retailer-page .banner .appLinks__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 20px;
}
.taxonomy-retailer-page .banner .appLinks__icons img {
  height: 24px;
}
.taxonomy-retailer-page .banner .appLinks__link {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  color: #000;
  transition: 0.3s ease all;
  word-break: break-word;
}
.taxonomy-retailer-page .banner .appLinks__link:hover {
  color: #007aff;
}
.taxonomy-retailer-page .banner .contact {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.taxonomy-retailer-page .banner .contact .column h5 {
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  color: #000;
  margin-bottom: 10px;
}
.taxonomy-retailer-page .banner .contact .column .social {
  display: flex;
  gap: 12px;
}
.taxonomy-retailer-page .banner .contact .column .social__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.taxonomy-retailer-page .banner .contact .column .social__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.taxonomy-retailer-page .banner .contact .column.branches {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  color: #000;
}
.taxonomy-retailer-page .banner .contact .column.branches .branch-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/location.svg);
  position: relative;
  top: 2px;
}
.taxonomy-retailer-page .sec1 {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}
.taxonomy-retailer-page .sec1 .flyer-item:hover {
  transform: translateY(-5px);
  box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.15);
}
.taxonomy-retailer-page .sec1 .listing__footer {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .taxonomy-retailer-page .sec1 {
    margin-bottom: 20px;
  }
}
.taxonomy-retailer-page .sec2 {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}
.taxonomy-retailer-page .sec2 .flyer-item:hover {
  transform: translateY(-5px);
  box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 640px) {
  .taxonomy-retailer-page .sec2 {
    margin-bottom: 20px;
  }
}
.taxonomy-retailer-page .sec3 {
  margin-bottom: 40px;
}
.taxonomy-retailer-page .sec4 {
  margin-bottom: 40px;
}
.taxonomy-retailer-page .sec4 .stores-listing {
  max-height: 550px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.taxonomy-retailer-page .sec4 .stores-listing::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
}
.taxonomy-retailer-page .sec4 .stores-listing::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #d9d9d9;
}
.taxonomy-retailer-page .sec4 .stores-listing::-webkit-scrollbar-thumb {
  background: #007aff;
  border-radius: 4px;
}
.taxonomy-retailer-page .sec4 .stores-listing .store {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: rgba(0, 122, 255, 0.1);
  border-radius: 12px;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__right {
  width: 100px;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__right a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  color: #000;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__right a img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__number {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  color: #fff;
  border-radius: 50%;
  background-color: #fc9b34;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__name h3 {
  font-weight: 600;
  font-size: 15px;
  color: #000;
  margin-bottom: 0px;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__name p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  color: #000;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__footer {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-left: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #000;
}
.taxonomy-retailer-page .sec4 .stores-listing .store__footer a {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #000;
}

.search-wrapper .search {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search {
    padding: 0px;
    margin-bottom: 30px;
  }
}
.search-wrapper .search__sidebar {
  width: 280px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__sidebar {
    width: 100%;
    flex-direction: row;
  }
}
.search-wrapper .search__body {
  flex-grow: 1;
  width: calc(100% - 280px - 20px);
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__body {
    width: 100%;
  }
}
.search-wrapper .search__body-products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  min-height: 450px;
}
.search-wrapper .search__body .search__no-results {
  padding: 20px 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .search-wrapper .search__body .search__no-results {
    min-height: 500px;
  }
}
.search-wrapper .search__body .search__no-results h4 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 17px;
}
.search-wrapper .search__body .search__no-results p {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 17px;
}
.search-wrapper .search__body-ads {
  margin-top: 30px;
  width: 100%;
}
.search-wrapper .search__body-featured-ads {
  margin-top: 30px;
  display: none;
  flex-direction: column;
  gap: 15px;
}
.search-wrapper .search__body-featured-ads a {
  display: block;
  width: 100%;
}
.search-wrapper .search__body-featured-ads a img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__body-featured-ads {
    display: flex;
  }
}
.search-wrapper .search__body-most-viewed {
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
  width: 100%;
}
.search-wrapper .search__body-most-viewed-title {
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  color: #000;
  padding-left: 21px;
  position: relative;
  white-space: nowrap;
}
.search-wrapper .search__body-most-viewed-title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/trend.svg");
  transform: translateY(-50%);
}
.search-wrapper .search__body-most-viewed a {
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  color: #fc9b34;
  display: inline-block;
  margin-right: 10px;
  white-space: nowrap;
}
.search-wrapper .search__body-most-viewed a:last-child {
  margin-right: 0;
}
.search-wrapper .search__body-most-viewed a:hover {
  color: #007bff;
}
.search-wrapper .search__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 30px;
}
.search-wrapper .search__pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.search-wrapper .search__pagination ul li {
  padding: 0;
  margin: 0;
}
.search-wrapper .search__pagination ul li a {
  display: inline-flex;
  padding: 5px 10px;
  width: 35px;
  height: 35px;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #007aff;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  transition: 0.3s ease all;
  justify-content: center;
  align-items: center;
}
.search-wrapper .search__pagination ul li a:hover {
  border-color: #fc9b34;
}
.search-wrapper .search__pagination ul li a.pagination__link--prev {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/arrow-prev.svg");
}
.search-wrapper .search__pagination ul li a.pagination__link--next {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/arrow-next.svg");
}
.search-wrapper .search__pagination ul li.active a {
  border-color: #fc9b34;
}
.search-wrapper .search__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  overflow: hidden;
  font-size: 13px;
  color: #898989;
}
.search-wrapper .search__breadcrumbs a {
  font-size: 13px;
  color: #898989;
  transition: 0.3s ease all;
}
.search-wrapper .search__breadcrumbs a:hover {
  color: #007bff;
}
.search-wrapper .search__categories {
  margin-bottom: 20px;
}
.search-wrapper .search__categories h4 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__categories h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.search-wrapper .search__categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__categories ul {
    padding: 10px 0;
  }
}
.search-wrapper .search__categories ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__categories ul li {
    margin-bottom: 10px;
  }
}
.search-wrapper .search__categories ul li:last-child {
  margin-bottom: 0;
}
.search-wrapper .search__categories ul li a {
  color: #141414;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  transition: 0.3s ease all;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__categories ul li a {
    font-size: 14px;
    font-weight: 500;
  }
}
.search-wrapper .search__categories ul li a:hover, .search-wrapper .search__categories ul li a.active {
  color: #007bff;
}
.search-wrapper .search__price-range h4 {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 17px;
}
.search-wrapper .search__price-range .apply-range-filter {
  padding: 5px 15px;
  width: 100%;
}
.search-wrapper .search__ads {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.search-wrapper .search__ads a {
  display: block;
  width: 100%;
}
.search-wrapper .search__ads a img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__ads {
    display: none;
  }
}
.search-wrapper .search__filter-wrapper {
  position: relative;
}
.search-wrapper .search__filter-wrapper .search__filter-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .search-wrapper .search__filter-wrapper .search__filter-toggle {
    display: none;
  }
}
.search-wrapper .search__filter-wrapper .search__filter-toggle svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
.search-wrapper .search__filter-wrapper-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .search-wrapper .search__filter-wrapper-inner {
    background: #fff;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    display: none;
    position: absolute;
    right: 0;
    z-index: 999;
    width: calc(100vw - 30px);
  }
  .search-wrapper .search__filter-wrapper-inner.active {
    display: flex;
  }
}
.search-wrapper .search__result-summary {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 15px;
  color: #898989;
}
.search-wrapper .search__result-summary span {
  font-weight: 800;
}
.search-wrapper .search__body-retailers {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  margin-bottom: 24px;
}
.search-wrapper .search__body-retailers a {
  line-height: 0;
  height: 30px;
}
.search-wrapper .search__body-retailers img {
  height: 30px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.single-flyer__body .single-flyer-content {
  margin-bottom: 40px;
  padding: 30px 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.single-flyer__body .single-flyer-content__image {
  width: calc((100% - 20px) / 2);
  padding: 0;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
  border: 0;
  position: relative;
  height: 520px;
}
@media screen and (max-width: 768px) {
  .single-flyer__body .single-flyer-content__image {
    width: 100%;
    height: 400px;
  }
}
.single-flyer__body .single-flyer-content__image::after {
  content: "View Flyer";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.single-flyer__body .single-flyer-content__image:hover::after {
  opacity: 1;
}
.single-flyer__body .single-flyer-content__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.single-flyer__body .single-flyer-content__content {
  width: calc((100% - 20px) / 2);
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .single-flyer__body .single-flyer-content__content {
    width: 100%;
    padding: 0;
  }
}
.single-flyer__body .single-flyer-content__content h1 {
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: 700;
  color: #141414;
  font-size: 36px;
}
@media screen and (max-width: 640px) {
  .single-flyer__body .single-flyer-content__content h1 {
    font-size: 24px;
  }
}
.single-flyer__body .single-flyer-content__content p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #141414;
  margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  .single-flyer__body .single-flyer-content__content p {
    font-size: 14px;
  }
}
.single-flyer__body .single-flyer-content__content .single-flyer-content__retailer {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
  color: #141414;
}
.single-flyer__body .single-flyer-content__content .single-flyer-content__retailer a {
  color: #fc9b34;
  font-size: 14px;
  transition: 0.3s ease all;
  font-weight: 600;
}
.single-flyer__body .single-flyer-content__content .single-flyer-content__retailer a:hover {
  color: #141414;
}
.single-flyer__body .single-flyer-content__content .single-flyer-content__date {
  margin-bottom: 20px;
}
.single-flyer__body .single-flyer-content__content .single-flyer-content__date span {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  background-color: #fc9b34;
  border-radius: 4px;
  padding: 4px 6px;
  display: inline-block;
}
.single-flyer__body .single-flyer-content__content .single-flyer-content__button {
  margin-top: 15px;
  margin-bottom: 15px;
}
.single-flyer__body .single-flyer-content__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
.single-flyer__body .single-flyer-content__table tr {
  border-collapse: collapse;
}
.single-flyer__body .single-flyer-content__table tr th {
  font-size: 14px;
  border-collapse: collapse;
  line-height: 1.4;
  font-weight: 600;
  color: #141414;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 10px 15px;
  text-align: left;
  background-color: #f5f5f5;
}
.single-flyer__body .single-flyer-content__table tr td {
  font-size: 14px;
  line-height: 1.4;
  border-collapse: collapse;
  font-weight: 400;
  color: #141414;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 15px;
}
.single-flyer__body .single-flyer-content__favourite .favourite-button .heart-icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-flyer__body .single-flyer-content__favourite .favourite-label {
  font-size: 14px;
  margin-left: 5px;
}
.single-flyer__body .sec1 {
  margin-bottom: 40px;
}

.single-product .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  overflow: hidden;
  font-size: 13px;
  color: #898989;
}
.single-product .breadcrumbs a {
  font-size: 13px;
  color: #898989;
  transition: 0.3s ease all;
}
.single-product .breadcrumbs a:hover {
  color: #007bff;
}
.single-product .sec1 {
  padding: 30px 0 40px 0;
}
@media screen and (max-width: 768px) {
  .single-product .sec1 {
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 1240px) {
  .single-product .sec1 .layout__sidebar {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .single-product .sec1 .layout__body {
    max-width: 100%;
  }
}
.single-product .sec1 .product {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px;
  gap: 30px;
}
.single-product .sec1 .product__img {
  width: 450px;
  position: relative;
}
@media screen and (max-width: 920px) {
  .single-product .sec1 .product__img {
    width: 380px;
  }
}
@media screen and (max-width: 768px) {
  .single-product .sec1 .product__img {
    width: 100%;
  }
}
.single-product .sec1 .product__img-main {
  width: 100%;
  height: 400px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 8px;
}
.single-product .sec1 .product__img-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 8px;
}
.single-product .sec1 .product__img-main .slick-list {
  height: 100%;
}
.single-product .sec1 .product__img-main .slick-list .slick-track {
  height: 100%;
}
.single-product .sec1 .product__img-thumbs img {
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  cursor: pointer;
  margin: 0 5px;
  padding: 5px;
  border: 1px solid #eee;
  background-color: #fff;
}
.single-product .sec1 .product__img .product__favourite {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 25px;
  height: 25px;
}
.single-product .sec1 .product__img .product__favourite .heart-icon {
  width: 25px;
  height: 25px;
}
.single-product .sec1 .product__content {
  width: calc(100% - 450px - 30px);
  padding: 20px 0;
  padding-left: 30px;
}
@media screen and (max-width: 920px) {
  .single-product .sec1 .product__content {
    padding-left: 0;
    width: calc(100% - 380px - 30px);
  }
}
@media screen and (max-width: 768px) {
  .single-product .sec1 .product__content {
    width: 100%;
  }
}
.single-product .sec1 .product__content button {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #fc9b34;
  border-radius: 12px;
  border: 1px solid #fc9b34;
  transition: 0.3s ease all;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.single-product .sec1 .product__content button:hover {
  background-color: #f48a19;
}
.single-product .sec1 .product__content button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-product .sec1 .product__title h5 {
  margin: 0;
  margin-bottom: 5px;
}
.single-product .sec1 .product__title h5 a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #898989;
}
.single-product .sec1 .product__title h5 a:hover {
  color: #007bff;
}
.single-product .sec1 .product__title h1 {
  margin: 0;
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 28px;
  font-weight: 600;
}
.single-product .sec1 .product__rating {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.single-product .sec1 .product__rating span {
  color: #898989;
  font-weight: 500;
  font-size: 11px;
}
.single-product .sec1 .product__rating img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-product .sec1 .product__description {
  color: #000000;
  font-size: 14px;
  font-weight: 14px;
}
.single-product .sec1 .product__description ul,
.single-product .sec1 .product__description ol {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  margin-bottom: 20px;
}
.single-product .sec1 .product__description ul li,
.single-product .sec1 .product__description ol li {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.single-product .sec1 .product__description p {
  margin-bottom: 20px;
}
.single-product .sec1 .store-offers .store-offer {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .single-product .sec1 .store-offers .store-offer {
    width: calc(50% - 10px);
  }
}
.single-product .sec5 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .single-product .sec5 {
    margin-bottom: 0;
  }
}

.store-offer {
  padding: 10px 15px;
  border-radius: 12px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 10px;
  flex-wrap: wrap;
  background-color: #fff;
  position: relative;
  transition: 0.3s ease all;
}
.store-offer.popup {
  border-color: #eee;
}
.store-offer__left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.store-offer__logo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1.5px solid rgba(0, 122, 255, 0.35);
  box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.1);
}
.store-offer__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.store-offer__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.store-offer__content h3 {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  color: #000;
}
.store-offer__date {
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: #fc9b34;
}
.store-offer__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 30px;
  margin-top: 5px;
}
.store-offer__stores {
  font-weight: 600;
  font-size: 10px;
  line-height: 150%;
  color: #000;
  display: flex;
  align-items: center;
  gap: 5px;
}
.store-offer__stores img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
.store-offer__flyers {
  font-weight: 600;
  font-size: 10px;
  line-height: 150%;
  color: #000;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.3s ease all;
  cursor: pointer;
}
.store-offer__flyers:hover {
  color: #007bff;
}
.store-offer__flyers img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
.store-offer__right {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  color: #000;
}
.store-offer__right span {
  color: rgba(0, 0, 0, 0.7411764706);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}
.store-offer__badge {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 5px 15px;
  border-radius: 0px 11px 0px 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  color: #fff;
  background-color: #fc9b34;
}

.product-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease all;
  opacity: 0;
  visibility: hidden;
  padding: 10px;
}
.product-popup.active {
  opacity: 1;
  visibility: visible;
}
.product-popup__content {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  max-width: 500px;
  position: relative;
}
.product-popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.product-popup__header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 1;
}
.product-popup__header .close-popup {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  border: 0;
  cursor: pointer;
  transition: 0.3s ease all;
}
.product-popup__header .close-popup:hover {
  background-color: #eee;
}
.product-popup__header .close-popup:hover img {
  transform: scale(1.1);
}
.product-popup__header .close-popup img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-popup__body {
  max-height: 60vh;
  overflow-y: auto;
}
.product-popup__body label {
  display: block;
  margin-bottom: 10px;
}
.product-popup__body label .store-offer {
  cursor: pointer;
}
.product-popup__body label .store-offer:last-child {
  margin-bottom: 0;
}
.product-popup__body label .store-offer:hover {
  border: 1px solid #007bff;
}
.product-popup__body input[type=radio] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.product-popup__body input[type=radio]:checked + .store-offer {
  border: 1px solid #007bff;
}
.product-popup__footer {
  padding: 10px 0;
  margin-top: 20px;
  border-top: 1px solid #eee;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.product-popup__footer input[type=number] {
  width: 80px;
  height: 30px;
  border: 1px solid #007aff;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
}
.product-popup__footer-btns {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 5px 10px;
}
.product-popup__footer-btns button {
  padding: 10px 20px;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  transition: 0.3s ease all;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
  background-color: #007aff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.product-popup__footer-btns button:disabled {
  background-color: #ccc;
  opacity: 0.7;
  cursor: not-allowed;
}
.product-popup__footer-btns button:disabled:hover {
  background-color: #ccc;
}
.product-popup__footer-btns button:hover {
  background-color: #0067d6;
}
.product-popup__footer-btns button svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-popup__footer-btns button.cancel {
  background-color: #f00;
}
.product-popup__footer-btns button.cancel:hover {
  background-color: #d00;
}
.product-popup__message {
  font-size: 10px;
  font-weight: 600;
  color: #f00;
  width: 100%;
  text-align: right;
  position: absolute;
  bottom: -10px;
  right: 5px;
}
.product-popup__message p {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
}
.product-popup__message.success {
  color: #0f0;
}

.shopping-list-page .sec1 {
  margin: 40px 0;
}
.shopping-list-page .sec1 .shopping-list {
  border-radius: 12px 12px 12px 12px;
  background-color: #fff;
  padding-bottom: 20px;
  overflow: hidden;
}
.shopping-list-page .sec1 .shopping-list__header {
  background: linear-gradient(111deg, #fee998 9.7%, #efc569 78.91%);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shopping-list-page .sec1 .shopping-list__header h1 {
  margin: 0;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  color: #a7812e;
}
@media screen and (max-width: 768px) {
  .shopping-list-page .sec1 .shopping-list__header h1 {
    font-size: 16px;
  }
}
.shopping-list-page .sec1 .shopping-list__header h6 {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .shopping-list-page .sec1 .shopping-list__header h6 {
    font-size: 12px;
  }
}
.shopping-list-page .sec1 .shopping-list__header p {
  font-weight: 600;
  font-size: 10px;
  line-height: 120%;
  color: #000;
  margin-bottom: 30px;
}
.shopping-list-page .sec1 .shopping-list__header-left {
  width: 70%;
}
@media screen and (max-width: 360px) {
  .shopping-list-page .sec1 .shopping-list__header-left {
    width: 100%;
  }
}
.shopping-list-page .sec1 .shopping-list__header-right {
  width: 30%;
}
.shopping-list-page .sec1 .shopping-list__header-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 360px) {
  .shopping-list-page .sec1 .shopping-list__header-right img {
    display: none;
  }
}
.shopping-list-page .sec1 .shopping-list__header-total {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #000;
}
.shopping-list-page .sec1 .shopping-list__header-total img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
  object-fit: contain;
}
.shopping-list-page .sec1 .shopping-list__header-total span {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #000;
}
.shopping-list-page .sec1 .shopping-list__row {
  padding: 6px 30px;
  min-height: 57px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row {
    padding: 6px 10px;
  }
}
.shopping-list-page .sec1 .shopping-list__row.has-children {
  cursor: pointer;
  border-top: 1px solid #f2f2f2;
  background-color: rgba(246, 212, 124, 0.1215686275);
}
.shopping-list-page .sec1 .shopping-list__row.has-children::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("../images/arrow-down.svg") no-repeat;
  background-size: 17px;
  background-position: center;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  right: 30px;
  transition: 0.3s ease all;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row.has-children::after {
    right: 6px;
  }
}
.shopping-list-page .sec1 .shopping-list__row h2 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000;
  display: inline-flex;
  align-items: center;
}
.shopping-list-page .sec1 .shopping-list__row h2 img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: 10px;
}
.shopping-list-page .sec1 .shopping-list__row-header {
  display: flex;
  align-items: center;
  gap: 15px;
}
.shopping-list-page .sec1 .shopping-list__row-header img {
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row-header img {
    width: 30px;
    height: 30px;
  }
}
.shopping-list-page .sec1 .shopping-list__row-header h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #000;
  margin: 0;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row-header h3 {
    font-size: 16px;
    margin-bottom: 3px;
  }
}
.shopping-list-page .sec1 .shopping-list__row-header h3 a {
  color: #000;
  text-decoration: none;
}
.shopping-list-page .sec1 .shopping-list__row-header p {
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  color: #fc9b34;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row-header p {
    font-size: 14px;
  }
}
.shopping-list-page .sec1 .shopping-list__row-total {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  background-color: rgba(246, 212, 124, 0.5);
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row-total {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__row-total {
    font-size: 14px;
    width: 100%;
    padding-left: 50px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: 0.3s ease all;
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar {
  position: absolute;
  border-radius: 12px;
  width: 10px;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar {
    width: 5px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar-thumb {
  background-color: #007aff;
  border-radius: 12px;
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  border-radius: 12px;
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar-thumb:hover {
  background-color: #007aff;
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar-thumb:active {
  background-color: #007aff;
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar-button {
  display: none;
}
.shopping-list-page .sec1 .shopping-list__childrens::-webkit-scrollbar-corner {
  display: none;
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 20px 6px 30px;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row {
    padding: 6px 5px 6px 10px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-count {
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-count {
    width: 32px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-count span {
  padding: 3px;
  display: inline-block;
  border: 1px solid #fc9b34;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #fc9b34;
  min-width: 22px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-count span {
    font-size: 12px;
    min-width: 18px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-content {
    flex-grow: 1;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-content img {
  width: 46px;
  height: 46px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-content img {
    width: 30px;
    height: 30px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-price {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  color: #000;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-price {
    font-size: 14px;
    width: 100%;
    padding-left: 50px;
    justify-content: space-between;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-quantity {
  white-space: nowrap;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-quantity {
    font-size: 14px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-delete {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  transition: 0.3s ease all;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-delete {
    width: 24px;
    height: 24px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-delete:hover {
  background-color: #eee;
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-delete img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row-delete img {
    width: 14px;
    height: 14px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row h4 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #000;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row h4 {
    font-size: 14px;
  }
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row h4 a {
  color: #000;
  text-decoration: none;
}
.shopping-list-page .sec1 .shopping-list__childrens .shopping-list__row p {
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: #fc9b34;
}
.shopping-list-page .sec1 .shopping-list__group.active .shopping-list__childrens {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: 0.3s ease all;
}
.shopping-list-page .sec1 .shopping-list__group.active .shopping-list__row.has-children {
  cursor: pointer;
}
.shopping-list-page .sec1 .shopping-list__group.active .shopping-list__row.has-children::after {
  transform: translateY(-50%) rotate(0deg);
}

@media screen and (max-width: 1340px) {
  .discounts-page .sec1 .layout__sidebar {
    width: 100%;
  }
  .discounts-page .sec1 .layout__body {
    width: 100%;
  }
}

.discount-coupon {
  display: flex;
  padding: 10px;
  border-radius: 12px;
  background-color: #fff;
  width: calc((100% - 20px) / 2);
  position: relative;
}
@media screen and (max-width: 950px) {
  .discount-coupon {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .discount-coupon {
    flex-direction: column;
  }
}
.discount-coupon__type {
  position: absolute;
  top: 13px;
  right: 17px;
  font-weight: 700;
  font-size: 10px;
  line-height: 120%;
}
.discount-coupon__type .offer-promo {
  color: #fc9b34;
}
.discount-coupon__type .offer-sale {
  color: #32b344;
}
.discount-coupon__type .offer-offer {
  color: #c9002e;
}
.discount-coupon__image {
  width: 180px;
  min-width: 180px;
  aspect-ratio: 1/1;
  border-radius: 12px 0px 0px 12px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .discount-coupon__image {
    width: 100%;
    border-radius: 12px 12px 0px 0px;
  }
}
.discount-coupon__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.discount-coupon__content {
  padding: 6px 7px 6px 20px;
  flex-grow: 1;
}
@media screen and (max-width: 480px) {
  .discount-coupon__content {
    padding: 10px;
  }
}
.discount-coupon__logo {
  margin-bottom: 10px;
}
.discount-coupon__logo img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 20px;
}
.discount-coupon__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  margin-bottom: 10px;
}
.discount-coupon__description {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  color: #000;
}
.discount-coupon__full-description {
  position: relative;
  margin-top: 10px;
  margin-bottom: 5px;
}
.discount-coupon__full-description .show-full-description {
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #007aff;
  padding: 0;
  outline: none;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}
.discount-coupon__full-description .show-full-description::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("../images/arrow-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.discount-coupon__full-description .full-description {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease all;
  padding: 10px;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1294117647);
  z-index: 10;
}
.discount-coupon__full-description .full-description.active {
  opacity: 1;
  visibility: visible;
}
.discount-coupon__coupon {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 3px;
}
.discount-coupon__code {
  min-width: 150px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 22px 7px 22px;
  border: 1px dashed #000;
  border-radius: 2px;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  line-height: 120%;
  color: #000;
  transition: 0.3s ease all;
  position: relative;
}
.discount-coupon__code-value {
  word-break: break-word;
}
.discount-coupon__code-copy {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
.discount-coupon__code-copy .copy-icon {
  width: 11px;
  height: 11px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/copy.svg");
  transition: 0.3s ease all;
}
.discount-coupon__code-copy .copy-text {
  font-weight: 600;
  font-size: 5px;
  line-height: 120%;
  color: #000;
  transition: 0.3s ease all;
}
.discount-coupon__code.copied {
  color: #2db000;
  background: #efffe9;
  border-color: #2db000;
}
.discount-coupon__code.copied .copy-icon {
  background-image: url("../images/copy-success.svg");
}
.discount-coupon__code.copied .copy-text {
  color: #2db000;
}
.discount-coupon__code.blur {
  position: relative;
}
.discount-coupon__code.blur .discount-coupon__code-value {
  filter: blur(5px);
}
.discount-coupon__code.blur:hover a {
  opacity: 1;
  visibility: visible;
}
.discount-coupon__code.blur a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #007aff;
  transition: 0.3s ease all;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.discount-coupon__code--sale {
  border-style: solid;
}
.discount-coupon__code--deal {
  border-style: solid;
  border: #2db000 1px solid;
  color: #2db000;
  background-color: #efffe9;
  position: relative;
}
.discount-coupon__coupon-description {
  font-weight: 600;
  font-size: 8px;
  line-height: 100%;
  color: #2db000;
  min-width: 150px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.discount-coupon__coupon-description .used-count {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.discount-coupon__coupon-description .used-count::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/approved.png");
}
.discount-coupon__coupon-description .used-count--no-need {
  color: #f3c804;
}
.discount-coupon__coupon-description .used-count--no-need::before {
  background-image: url("../images/lightbulb.svg");
}
.discount-coupon__coupon-description a {
  font-weight: 600;
  font-size: 8px;
  line-height: 100%;
  color: #2db000;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.discount-coupon__coupon-description a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -13px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("../images/share.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.discount-coupon a.discount-coupon__code {
  color: #000;
}
.discount-coupon a.discount-coupon__code:hover {
  border-color: #007aff;
  color: #007aff;
}
.discount-coupon__footer {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.discount-coupon__footer a,
.discount-coupon__footer .discount-coupon__expiry {
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #007aff;
}

.about-page {
  background-color: #fff;
}
.about-page .banner {
  background: linear-gradient(90deg, #cde8ff 0%, #ffeedc 100%);
  position: relative;
}
.about-page .banner .left {
  width: 50%;
  padding: 70px 10px 100px 0px;
}
@media screen and (max-width: 768px) {
  .about-page .banner .left {
    width: 100%;
    padding: 50px 0px 50px 0px;
  }
}
.about-page .banner .left h1 {
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: #000;
  margin-bottom: 28px;
}
@media screen and (max-width: 480px) {
  .about-page .banner .left h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 320px) {
  .about-page .banner .left h1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 280px) {
  .about-page .banner .left h1 {
    font-size: 18px;
  }
}
.about-page .banner .left p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #000;
  margin-bottom: 20px;
}
.about-page .banner .left p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .about-page .banner .left p {
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .about-page .banner .left p {
    font-size: 14px;
  }
}
.about-page .banner .right {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .about-page .banner .right {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
    padding: 0;
  }
}
.about-page .banner .right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-page .cards_section {
  padding: 70px 0px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/cards-bg.svg);
}
.about-page .cards_section .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .about-page .cards_section .cards {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .about-page .cards_section .cards {
    margin-bottom: 40px;
  }
}
.about-page .cards_section .cards .card {
  max-width: 325px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-page .cards_section .cards .card img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .about-page .cards_section .cards .card img {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 320px) {
  .about-page .cards_section .cards .card img {
    width: 70px;
    height: 70px;
  }
}
.about-page .cards_section .cards .card h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: #fc9b34;
  margin-bottom: 18px;
}
@media screen and (max-width: 480px) {
  .about-page .cards_section .cards .card h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 320px) {
  .about-page .cards_section .cards .card h3 {
    font-size: 20px;
  }
}
.about-page .cards_section .cards .card p {
  font-weight: 400;
  font-size: 17px;
  line-height: 148%;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 480px) {
  .about-page .cards_section .cards .card p {
    font-size: 16px;
  }
}
.about-page .cards_section .counters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
}
.about-page .cards_section .counters .counter h3 {
  font-weight: 800;
  font-size: 35px;
  line-height: 100%;
  text-align: center;
  color: #fc9b34;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .about-page .cards_section .counters .counter h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 320px) {
  .about-page .cards_section .counters .counter h3 {
    font-size: 25px;
  }
}
.about-page .cards_section .counters .counter p {
  font-weight: 400;
  font-size: 25px;
  line-height: 100%;
  text-align: center;
  color: #007aff;
}
@media screen and (max-width: 480px) {
  .about-page .cards_section .counters .counter p {
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  .about-page .cards_section .counters .counter p {
    font-size: 18px;
  }
}

.page-template-about-us .page-wrapper {
  background-color: #fff;
  padding-bottom: 0;
}

.contact-page .contact-card {
  display: flex;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-card {
    flex-direction: column-reverse;
  }
}
.contact-page .contact-card .left {
  min-width: 460px;
  padding: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .left {
    min-width: 320px;
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact-page .contact-card .left {
    min-width: 100%;
  }
}
.contact-page .contact-card .left > img {
  height: 30px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 8px;
}
.contact-page .contact-card .left p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .left p {
    font-size: 16px;
  }
}
.contact-page .contact-card .left ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .left ul {
    gap: 20px;
  }
}
.contact-page .contact-card .left ul li {
  margin: 0;
  padding: 0;
}
.contact-page .contact-card .left ul li a:hover img {
  transform: translateY(-5px);
}
.contact-page .contact-card .left ul li img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.contact-page .contact-card .right {
  flex-grow: 1;
  padding: 50px 50px 70px 40px;
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .right {
    padding: 30px 20px 70px 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact-page .contact-card .right {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact-page .contact-card .right {
    padding: 20px 10px 70px 10px;
  }
}
.contact-page .contact-card .right h1 {
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: #000;
  margin-bottom: 15px;
}
.contact-page .contact-card .right > p {
  font-weight: 400;
  font-size: 17px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 15px;
}
.contact-page .contact-card .right form {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
  position: relative;
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .right form {
    gap: 20px 30px;
  }
}
.contact-page .contact-card .right .form-group {
  width: 100%;
  position: relative;
}
.contact-page .contact-card .right .form-group.w-50 {
  width: calc((100% - 60px) / 2);
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .right .form-group.w-50 {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 420px) {
  .contact-page .contact-card .right .form-group.w-50 {
    width: 100%;
  }
}
.contact-page .contact-card .right input {
  width: 100%;
  padding: 15px 20px 15px 65px;
  border: 1px solid #898989;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #000;
}
.contact-page .contact-card .right .icon-user {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/images/user.svg");
}
.contact-page .contact-card .right .icon-email {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/images/icon-email.svg");
}
.contact-page .contact-card .right .icon-phone {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/images/icon-phone.svg");
}
.contact-page .contact-card .right textarea {
  width: 100%;
  border: 1px solid #898989;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #000;
  padding: 15px 20px 15px 20px;
  height: 270px;
  resize: none;
}
@media screen and (max-width: 900px) {
  .contact-page .contact-card .right textarea {
    height: 200px;
  }
}
.contact-page .contact-card .right button {
  width: 100%;
  border-radius: 0px;
  font-weight: 700;
  font-size: 25px;
  line-height: 100%;
  text-align: center;
  color: #fff;
  padding: 15px 20px;
}
.contact-page .contact-card .right .form-message {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  width: 100%;
  text-align: center;
}
/*# sourceMappingURL=main.css.map */