@charset "UTF-8";
@font-face {
  font-family: "Yekanbakh";
  src: url("inc/fonts/Yekanbakh.woff2") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekanbakh";
  src: url("inc/fonts/Yekanbakh-Bold.woff2") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekanbakh";
  src: url("inc/fonts/Yekanbakh-Extera-Bold.woff2") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.container {
  width: 80%;
}

.cover {
  position: absolute !important;
  margin-top: 0 !important;
}

.container-2 {
  margin: 0 auto;
  width: 95%;
}

.both {
  clear: both;
  display: block;
}

body.home {
  overflow-x: hidden;
}

body {
  direction: rtl;
  font-family: Yekanbakh;
  background: #ffffff;
}
body:before {
  content: " ";
  position: absolute;
  width: 50%;
  height: 4px;
  right: 0px;
  top: 0px;
  background: #00c09b;
  z-index: 999999;
}
body:after {
  content: " ";
  position: absolute;
  width: 50%;
  height: 4px;
  left: 0px;
  top: 0px;
  background: #0865fe;
  z-index: 999999;
}

body.with-padding {
  padding-top: 155px;
}

.row.no-margin {
  margin-bottom: 0px !important;
}

.row .col {
  float: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  font-size: initial;
}

.section {
  padding: 0rem;
}

.border-left {
  border-left: 1px solid #e5ecf1;
}

.border-right {
  border-right: 1px solid #e5ecf1;
}

.border-top {
  border-top: 1px solid #e5ecf1;
}

.border-bottom {
  border-bottom: 1px solid #e5ecf1;
}

.btn .loader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.btn .loader .img img {
  width: 46px;
}

.btn.have-loader {
  position: relative;
  overflow: hidden;
  background: #485967 !important;
  cursor: no-drop;
  transition: all 0.2s;
}
.btn.have-loader span {
  filter: blur(3px);
  opacity: 0.2;
  transition: all 0.2s;
}
.btn.have-loader .loader {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s;
}

.btn.type-1-footer {
  background: transparent;
  box-shadow: initial;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
  height: 48px;
  font-family: Yekanbakh;
  line-height: 48px;
  background-image: url("/wp-content/themes/theme-paytakhteketab/static/inc/img/go-up-bg-2.svg");
  background-size: 100% 100%;
}
.btn.type-1-footer .inner {
  display: inline-block;
  margin: 0px 107px;
  height: 24px;
  line-height: 28px;
}
.btn.type-1-footer .inner .img {
  float: left;
  margin-right: 8px;
}
.btn.type-1-footer .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
}

.btn.type-1 {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  background: transparent;
  box-shadow: initial;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
  height: 48px;
  font-family: Yekanbakh;
  line-height: 48px;
}
.btn.type-1:hover {
  background-color: #0865fe;
  box-shadow: initial;
  color: #ffffff;
}
.btn.type-1:hover .img svg path {
  fill: red;
}
.btn.type-1:focus {
  background-color: #0865fe;
}
.btn.type-1 img {
  margin-top: 10px;
  margin-right: 6px;
}
.btn.type-1 span {
  display: inline-block;
}
.btn.type-1 span .img {
  margin-left: 9px;
  line-height: 58px;
}
.btn.type-1 .img {
  float: right;
  line-height: 63px;
  margin-left: 9px;
  height: 46px;
}
.btn.type-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: #0865fe;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 46px;
  box-shadow: initial;
  transition: all 0.2s;
}
.btn.type-2:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
}
.btn.type-2 span {
  display: inline-block;
  transition: all 0.2s;
}
.btn.type-2 span .img {
  margin-left: 9px;
  line-height: 58px;
}

.btn.type-3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #333333;
  background: #ffffff;
  height: 46px;
  border-radius: 12px;
  line-height: 46px;
  box-shadow: initial;
  transition: all 0.2s;
}
.btn.type-3:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: rgba(8, 101, 254, 0.05);
}
.btn.type-3 .img {
  float: right;
  line-height: 63px;
  margin-left: 7px;
}

.btn.type-4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: #00c09b;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 46px;
  box-shadow: initial;
  transition: all 0.2s;
}
.btn.type-4:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
}

.btn.type-5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 400;
  color: #0865fe;
  background: #e4eeff;
  box-shadow: initial;
  line-height: 40px;
  height: 46px;
  border-radius: 12px;
  box-shadow: initial;
  border: 4px solid #ffffff;
  transition: all 0.2s;
  padding: 0px 35px;
}
.btn.type-5:hover {
  transition: all 0.2s;
  background-color: #f8fafc;
  box-shadow: initial;
}
.btn.type-5:focus {
  background-color: #0865fe;
  color: #fff;
}
.btn.type-5 .img {
  float: left;
  width: 9px;
  line-height: 41px;
  margin: 0px !important;
  height: 14px;
  float: left;
}
.btn.type-5 .img img {
  margin-right: 6px;
  width: 100% !important;
  margin-top: 10px;
}

.btn.type-6 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  background: transparent;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 40px;
  box-shadow: initial;
  border: 4px solid #ffffff;
  transition: all 0.2s;
  margin-top: 1px;
}
.btn.type-6:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
}
.btn.type-6 .img {
  float: right;
  width: 14px;
  height: 7px;
  margin-top: 3px;
  margin-left: 10px;
}

.btn.type-7 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: #8ca0b2;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 46px;
  box-shadow: initial;
  transition: all 0.2s;
}
.btn.type-7:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
}
.btn.type-7 span {
  display: inline-block;
}
.btn.type-7 span .img {
  margin-left: 9px;
  line-height: 58px;
}

.btn.type-soon {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: rgba(255, 168, 0, 0.7215686275);
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 46px;
  box-shadow: initial;
  transition: all 0.2s;
}
.btn.type-soon:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: rgba(255, 168, 0, 0.9607843137);
}
.btn.type-soon span {
  display: inline-block;
}
.btn.type-soon span .img {
  margin-left: 9px;
  line-height: 58px;
}

.btn.type-8 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  background: #f8fafc;
  box-shadow: initial;
  transition: all 0.2s;
  height: 46px;
  line-height: 46px;
}
.btn.type-8 .inner {
  display: inline-block;
}
.btn.type-8 .inner .badge {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  max-width: 24px;
  min-width: 24px;
  background: #0865fe;
  border-radius: 100%;
  margin-top: 10px;
  margin-right: 10px;
  display: none;
}
.btn.type-8 .inner .badge.active {
  display: initial;
}
.btn.type-8 .inner .img {
  line-height: 59px;
  height: 46px;
  margin-left: 2px;
}
.btn.type-8:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #ffffff;
}

.btn.type-9 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: transparent;
  box-shadow: initial;
  transition: all 0.2s;
  height: 46px;
  line-height: 46px;
  transition: all 0.2s;
}
.btn.type-9 .img {
  line-height: 66px;
  height: 46px;
  margin-right: 6px;
  float: left;
  width: 26px;
  transition: all 0.2s;
}
.btn.type-9 .img img {
  width: 100%;
  transition: all 0.2s;
}
.btn.type-9 .img svg {
  height: 46px;
  width: 100%;
  transition: all 0.2s;
}
.btn.type-9:hover {
  transition: all 0.2s;
  box-shadow: initial;
  color: #e71353;
  background: #ffffff;
}
.btn.type-9:hover .img {
  transition: all 0.2s;
}
.btn.type-9:hover .img svg {
  transition: all 0.2s;
}
.btn.type-9:hover .img svg path {
  fill: #e71353;
  transition: all 0.2s;
}

.btn.type-10 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  height: 44px;
  background: #0865fe;
  border-radius: 12px;
  height: 44px;
  line-height: 44px;
  box-shadow: initial;
  min-width: 200px;
}

.btn.type-11 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  height: 44px;
  background: #ffffff;
  color: #0865fe;
  border-radius: 12px;
  height: 44px;
  line-height: 44px;
  box-shadow: initial;
  min-width: 200px;
  border: 1px solid #e5ecf1;
}
.btn.type-12 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 44px;
  letter-spacing: -0.02em;
  height: 44px;
  min-width: 200px;
  color: #ffffff; 
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25),
    rgba(200, 200, 200, 0.15)
  );
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.btn.type-12:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.15);
}

.link.left .btn.header-btn img {
    vertical-align: middle; 
    position: relative;
    top: 0px; 
}
.btn.header-btn {
  font-size: 15px;
  letter-spacing: -0.02em;
  box-shadow: initial;
  background: transparent;
  color: #333333;
}
.btn.header-btn .img {
  line-height: 52px;
  margin-right: 8px;
}

.btn.landing-social-media {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: initial;
  height: 50px;
  line-height: 50px;
  padding: 0px 36px;
}
.btn.landing-social-media span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-right: 8px;
}
.btn.landing-social-media .img {
  line-height: 65px;
}

.shop-sidebar-switch label .lever {
  background: #e5ecf1;
  height: 24px;
  width: 44px;
}
.shop-sidebar-switch label .lever:before {
  left: 2px;
  top: 2px;
}
.shop-sidebar-switch label .lever:after {
  left: 2px;
  top: 2px;
  box-shadow: initial;
  background-color: #ffffff;
}
.shop-sidebar-switch label input[type=checkbox]:checked + .lever {
  background-color: rgba(8, 101, 254, 0.4);
}
.shop-sidebar-switch label input[type=checkbox]:checked + .lever :before {
  left: 21px;
}
.shop-sidebar-switch label input[type=checkbox]:checked + .lever:after {
  left: 21px;
  background-color: #0865fe;
}

.header-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  z-index: 200;
  visibility: hidden;
  transition: all 0.1s;
}

.header-overlay.active {
  visibility: visible;
  opacity: 0.6;
  transition: all 0.1s;
}

.search-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  z-index: 200;
  visibility: hidden;
  transition: all 0.1s;
}

.search-overlay.active {
  visibility: visible;
  opacity: 0.6;
  transition: all 0.1s;
}

.add-to-card-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  z-index: 200;
  visibility: hidden;
  transition: all 0.1s;
}

.add-to-card-overlay.active {
  visibility: visible;
  opacity: 0.6;
  transition: all 0.1s;
  z-index: 999;
}

.best-publication-section-card.type-1 {
  padding: 21px 24px;
  background-color: #ffffff;
  box-shadow: 0px 30px 60px -40px #c2cfe2;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  transition: all 0.3s;
  min-width: 200px;
}
.best-publication-section-card.type-1 .best-section-img .img {
  width: 70px;
  height: 69px;
}
.best-publication-section-card.type-1 .best-section-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.best-publication-section-card.type-1 .best-section-description {
  margin-right: 25px;
  margin-top: 6px;
  overflow: hidden;
}
.best-publication-section-card.type-1 .best-section-description h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 725;
}
.best-publication-section-card.type-1 .best-section-description .details .details-child {
  margin-top: 12px;
}
.best-publication-section-card.type-1 .best-section-description .details .details-child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.best-publication-section-card.type-1 .best-section-description .details .go {
  margin-top: -23px;
}
.best-publication-section-card.type-1 .best-section-description .details .go .inner {
  display: inline-block;
}
.best-publication-section-card.type-1 .best-section-description .details .go .inner .img {
  float: left;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  width: 20px;
  height: 20px;
}
.best-publication-section-card.type-1 .best-section-description .details .go .inner .img svg {
  width: 100%;
  height: 100%;
}
.best-publication-section-card.type-1 .best-section-description .details .go .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin-left: 4px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.best-publication-section-card.type-1:hover {
  border: 1px solid #0865fe;
  transition: all 0.3s;
}
.best-publication-section-card.type-1:hover .best-section-description .details .details-child {
  transform: rotateX(90deg);
  position: absolute;
}
.best-publication-section-card.type-1:hover .best-section-description .details .details-child h5 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.best-publication-section-card.type-1:hover .best-section-description .details .go {
  margin-top: 12px;
}
.best-publication-section-card.type-1:hover .best-section-description .details .go .inner .img {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.best-publication-section-card.type-1:hover .best-section-description .details .go .inner span {
  transition: all 0.3s;
  opacity: 1;
  visibility: visible;
}

.best-publication-section-card.type-2 {
  padding: 16px;
  padding-left: 20px;
  background: #ffffff;
  border: 1px solid #e5ecf1;
  box-shadow: 0px 30px 60px -40px #c2cfe2;
  border-radius: 20px;
  min-width: 250px;
}
.best-publication-section-card.type-2 .row {
  margin: 0;
}
.best-publication-section-card.type-2 .row .best-section-img .img {
  width: 60px;
  height: 80px;
  margin: 0 auto;
}
.best-publication-section-card.type-2 .row .best-section-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.best-publication-section-card.type-2 .row .best-section-description {
  margin-right: 5px;
  margin-top: 13px;
  padding-left: 25px;
}
.best-publication-section-card.type-2 .row .best-section-description h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 725;
}
.best-publication-section-card.type-2 .row .best-section-description .details .details-child {
  margin-top: 8px;
}
.best-publication-section-card.type-2 .row .best-section-description .details .details-child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.best-publication-section-card.type-2 .row .best-section-description .details .go {
  margin-top: -23px;
}
.best-publication-section-card.type-2 .row .best-section-description .details .go .inner {
  display: inline-block;
}
.best-publication-section-card.type-2 .row .best-section-description .details .go .inner .img {
  float: left;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  width: 20px;
  height: 20px;
}
.best-publication-section-card.type-2 .row .best-section-description .details .go .inner .img svg {
  width: 100%;
  height: 100%;
}
.best-publication-section-card.type-2 .row .best-section-description .details .go .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin-left: 4px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.best-publication-section-card.type-2:hover {
  border: 1px solid #0865fe;
  transition: all 0.3s;
}
.best-publication-section-card.type-2:hover .best-section-description .details .details-child {
  transform: rotateX(90deg);
  position: absolute;
}
.best-publication-section-card.type-2:hover .best-section-description .details .details-child h5 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.best-publication-section-card.type-2:hover .best-section-description .details .go {
  margin-top: 8px;
}
.best-publication-section-card.type-2:hover .best-section-description .details .go .inner .img {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.best-publication-section-card.type-2:hover .best-section-description .details .go .inner span {
  transition: all 0.3s;
  opacity: 1;
  visibility: visible;
}

.modal-overlay {
  opacity: 0.6 !important;
}

.modal {
  max-height: initial;
  top: 50% !important;
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%) !important;
  border-radius: 20px;
}
.modal .modal-close {
  position: absolute;
  right: 52px;
  top: 41px;
  z-index: 999;
}

.modal-footer .modal-close {
  position: relative;
  top: initial;
  right: initial;
}

.sidenav.type-2 {
  width: 100%;
  padding: 0px;
}
.sidenav.type-2 .header span.title {
  font-family: Yekanbakh !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: -0.02em !important;
  color: #333333 !important;
  padding-top: 34px !important;
  text-align: center !important;
  padding-bottom: 16px !important;
  padding-top: 34px !important;
  text-align: center !important;
  padding-bottom: 16px !important;
  display: block !important;
}
.sidenav.type-2 .header .close {
  cursor: pointer;
  position: absolute;
  top: 27px;
  right: 28px;
  width: 12px;
  height: 12px;
}
.sidenav.type-2 .header .close .img {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
  line-height: 32px;
  background: #f3f7fb;
  border-radius: 12px;
  z-index: 9;
  top: 0px;
  right: 0px;
  padding: 8px;
  padding-right: 14px;
}
.sidenav.type-2 .header .close .img img {
  max-width: 100%;
}
.sidenav.type-2 .content-mobile {
  padding: 20px;
  max-height: 73vh;
  overflow-y: scroll;
}
.sidenav.type-2 .content-mobile .form-submit {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
  padding: 20px;
  right: 0;
}
.sidenav.type-2 .content-mobile .btn.type-2 {
  font-family: Yekanbakh !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  background: #0865fe !important;
  height: 46px !important;
  border-radius: 12px !important;
  line-height: 46px !important;
  box-shadow: initial !important;
  transition: all 0.2s !important;
  width: 100%;
}
.sidenav.type-2 .content-mobile .btn.type-2:hover {
  transition: all 0.2s !important;
  box-shadow: initial !important;
  background: #485967;
}
.sidenav.type-2 .footer {
  position: absolute;
  bottom: 60px;
  width: 100%;
  text-align: center;
  padding: 20px;
  right: 0px;
}
.sidenav.type-2 .footer .btn {
  width: 100%;
}

#toast-container {
  max-width: 95%;
  top: initial;
  bottom: 10%;
  right: 50%;
  transform: translate(50%, -20%);
}
#toast-container .toast {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  line-height: 50px;
  background: #ffffff;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  border-radius: 20px;
}

.gradiant-bg {
  background: linear-gradient(180deg, #f0f5fc 0%, rgba(244, 247, 251, 0) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 400px;
  z-index: -1;
}

.gradiant-bg.type-2 {
  height: 400px;
}

.noise-bg {
  height: 611px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #f3f7fb;
}
.noise-bg:before {
  content: " ";
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-image: url("inc/img/noise-bg.svg");
  width: 507px;
  height: 364px;
  background-repeat: no-repeat;
}

.breadcrumb-box {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background: unset;
  box-shadow: unset;
  position: relative;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-top: 20px;
  margin-bottom: 24px;
}
.breadcrumb-box span {
  color: black;
}
.breadcrumb-box a {
  color: #485967;
}
.breadcrumb-box a:last-child {
  font-weight: bold;
}

.main .section.type-1 {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #ffffff;
  border-radius: 20px;
}

.heading-type-1.center {
  margin-top: 33px;
  margin-bottom: 28px;
  text-align: center;
  color: #333333;
}
.heading-type-1.center h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  line-height: 28px;
  font-weight: 100;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.heading-type-1.center h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-1.center h2:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-1.center .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  line-height: 28px;
  font-weight: 100;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.heading-type-1.center .heading span {
  z-index: 1;
  position: relative;
}
.heading-type-1.center .heading:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-1.center h4 {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.heading-type-1 {
  margin-bottom: 24px;
  text-align: right;
  color: #333333;
  position: relative;
}
.heading-type-1 h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.heading-type-1 h1 span {
  z-index: 1;
  position: relative;
}
.heading-type-1 h1 span .bold {
  font-weight: bold;
}
.heading-type-1 h1 span.bold {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
}
.heading-type-1 h1:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-1 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  margin: 0px;
}
.heading-type-1 h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-1 h2 span .bold {
  font-weight: bold;
}
.heading-type-1 h2 span.bold {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
}
.heading-type-1 h2:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-1 .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.heading-type-1 .heading span {
  z-index: 1;
  position: relative;
}
.heading-type-1 .heading span .bold {
  font-weight: bold;
}
.heading-type-1 .heading span.bold {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
}
.heading-type-1 .heading:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-1 h2.blue-bg:after {
  background: #c9e3ff;
}
.heading-type-1 .heading.blue-bg:after {
  background: #c9e3ff;
}
.heading-type-1 h2.purple-bg:after {
  background: #fac9ff;
}
.heading-type-1 .heading.purple-bg:after {
  background: #fac9ff;
}
.heading-type-1 h2.pink-bg:after {
  background: #ffe3e4;
}
.heading-type-1 .heading.pink-bg:after {
  background: #ffe3e4;
}
.heading-type-1 h2.orange-bg:after {
  background: #ffefb5;
}
.heading-type-1 .heading.orange-bg:after {
  background: #ffefb5;
}
.heading-type-1 h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
}
.heading-type-1 h4.light {
  font-weight: normal;
}

.heading-type-1.color-2 h2:after {
  background: #ffe3e4;
}

.heading-type-1.with-margin {
  margin-right: 40px;
  margin-left: 10px;
}

.heading-type-2 {
  margin-bottom: 24px;
  text-align: center;
  color: #333333;
}
.heading-type-2 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.heading-type-2 h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-2 h2:after {
  content: " ";
  position: absolute;
  width: 48px;
  height: 48px;
  background: rgba(255, 37, 63, 0.15);
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-2 h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: bold;
}

.heading-type-3 {
  margin-bottom: 24px;
  text-align: right;
  color: #333333;
}
.heading-type-3 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.heading-type-3 h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-3 h2 span span {
  font-weight: 999;
}
.heading-type-3 h2:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #ffefb5;
  border-radius: 100%;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-3 h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
}

.heading-type-4 {
  margin-bottom: 24px;
  text-align: center;
  color: #333333;
}
.heading-type-4 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.heading-type-4 h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-4 h2:after {
  content: " ";
  position: absolute;
  width: 48px;
  height: 48px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-4 .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.heading-type-4 .heading span {
  z-index: 1;
  position: relative;
}
.heading-type-4 .heading:after {
  content: " ";
  position: absolute;
  width: 48px;
  height: 48px;
  background: #bdfff2;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-4 h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  width: 50%;
  margin: 0 auto;
}
.heading-type-4 .heading-4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  width: 50%;
  margin: 0 auto;
}

.heading-type-5 {
  margin-bottom: 24px;
  text-align: right;
  color: #333333;
}
.heading-type-5 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  display: inline-block;
}
.heading-type-5 h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-5 h2:after {
  content: " ";
  position: absolute;
  width: 48px;
  height: 48px;
  background: rgba(255, 37, 63, 0.15);
  border-radius: 100%;
  top: 100%;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-5 h4.h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.heading-type-5 .progress {
  width: 50%;
  margin-top: 22px;
  margin-bottom: 0px;
}

.heading-type-9 {
  margin-bottom: 24px;
  text-align: center;
  color: #333333;
}
.heading-type-9 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
}
.heading-type-9 h2 span {
  z-index: 1;
  position: relative;
}
.heading-type-9 h2:after {
  content: " ";
  position: absolute;
  width: 48px;
  height: 48px;
  background: rgba(255, 37, 63, 0.15);
  border-radius: 100%;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heading-type-9 .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.heading-type-9 .heading span {
  z-index: 1;
  position: relative;
}
.heading-type-9 h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  width: 50%;
  margin: 0 auto;
}
.heading-type-9 .heading-4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  width: 50%;
  margin: 0 auto;
}

.heading-type-9.with-margin {
  margin-right: 40px;
  margin-left: 10px;
  margin-top: 30px;
}

.heading-type-6 {
  margin-bottom: 24px;
  text-align: right;
  color: #333333;
  position: relative;
}
.heading-type-6 .img {
  float: right;
  width: 54px;
  height: 54px;
  margin-left: 10px;
  background: #ffe3e4;
  border-radius: 100%;
  line-height: 75px;
  text-align: center;
}
.heading-type-6 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  margin: 0px;
  line-height: 54px;
  z-index: 1;
  position: relative;
}
.heading-type-6 h2 .bold {
  font-weight: bold;
}
.heading-type-6 span.bold {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
}
.heading-type-14 {
  margin-bottom: 30px;
  text-align: right;
  color: #333333;
  background: #faf3e0; 
  padding: 20px 25px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.heading-type-14 h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin: 0;
  position: relative;
  display: inline-block;
  color: #c27c00; 
}

.heading-type-14 h2:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: #ffd86f; 
  border-radius: 50%;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  z-index: 0;
}

.heading-type-14 h2 span {
  position: relative;
  z-index: 1;
}

.heading-type-14 h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  margin-top: 8px;
  color: #333333;
}
.heading-type-15 {
  display: flex;
  align-items: center; 
  justify-content: space-between;
  padding: 15px 20px;
  background: #faf3e0;
  border-radius: 12px;
  margin-bottom: 30px;
}

.heading-type-15 .inner {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.heading-type-15 .heading-text {
  display: flex;
  align-items: center;
  gap: 12px;
}

.heading-type-15 .line {
  width: 8px;
  height: 40px;
  background: #ffcf66;
  border-radius: 4px;
  flex-shrink: 0;
}

.heading-type-15 h2 {
  font-family: Yekanbakh;
  font-weight: 900;
  font-size: 20px;
  line-height: 28px;
  color: #c27c00;
  margin: 0;
}

.heading-type-15 .sub-title {
  font-family: Yekanbakh;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  margin-left: 10px; 
}

.heading-type-15 .link a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #0865fe;
  color: #fff;
  font-family: Yekanbakh;
  font-weight: bold;
  font-size: 15px;
  border-radius: 12px;
  text-decoration: none;
  transition: 0.3s;
}

.heading-type-15 .link a:hover {
  background: #0654d1;
}

@media (max-width: 768px) {
  .heading-type-15 .inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .heading-type-15 .link {
    width: 100%;
  }

  .heading-type-15 .link a {
    width: 100%;
    justify-content: center;
  }
}
.heading-type-16 {
  position: relative;
  padding: 40px 30px 30px 30px;
  background: #fff8ec; 
  overflow: hidden;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.heading-type-16 .background-shapes .circle {
  position: absolute;
  top: -50px;
  left: -40px;
  width: 120px;
  height: 120px;
  background: rgba(255, 207, 102, 0.3);
  border-radius: 50%;
}

.heading-type-16 .background-shapes .soft-curve {
  position: absolute;
  bottom: -40px;
  right: -60px;
  width: 200px;
  height: 100px;
  background: rgba(255, 156, 66, 0.2);
  border-radius: 100px 100px 0 0;
  transform: rotate(-15deg);
}

.heading-type-16 .inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 20px;
}

.heading-type-16 h2 {
  font-family: Yekanbakh;
  font-weight: 900;
  font-size: 24px;
  color: #c46200;
  margin: 0;
}

.heading-type-16 .sub-title {
  font-family: Yekanbakh;
  font-weight: 500;
  font-size: 14px;
  color: #555555;
  margin-top: 4px;
}

.heading-type-16 .link a {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: #0865fe; 
  color: #fff;
  font-family: Yekanbakh;
  font-weight: bold;
  font-size: 14px; 
  border-radius: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.heading-type-16 .link a:hover {
  background: #0654d1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(8,101,254,0.4);
}

.heading-type-16::after {
  content: '';
  position: absolute;
  bottom: 0;          
  left: -6px;          
  width: 65px;        
  height: 40px;       
  background: rgba(255, 207, 102, 0.4);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: 0;             
}

.heading-type-16 .heading-text {
  position: relative;
  padding-right: 16px; 
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.heading-type-16 .heading-text::after {
  content: '';
  position: absolute;
  right: 0;         
  top: 0;
  width: 4px;           
  height: 100%;        
  background: #ffcf66;  
  border-radius: 2px;
}

@media (max-width: 768px) {
  .heading-type-16 {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 20px 20px 20px;
  }

  .heading-type-16 h2 {
    font-size: 20px;
  }

  .heading-type-16 .sub-title {
    font-size: 13px;
  }

  .heading-type-16 .link a {
    font-size: 10px;
    padding: 10px 16px;
    width: 100%;
    justify-content: center;
  }
}

.heading-type-17 {
    background: #faf3e0;
    border-radius: 16px;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0,0,0,0.05);
}

.heading-type-17::before,
.heading-type-17::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(255, 207, 102, 0.3); 
    border-radius: 50%;
    z-index: 0;
}

.heading-type-17::before {
    top: -40px;
    left: -40px;
}

.heading-type-17::after {
    bottom: -25px;
    right: -25px;
}

.heading-type-17 .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px; 
    width: 100%;
    max-width: 1200px;
    position: relative;
    z-index: 1;
}

.heading-type-17 .heading-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.heading-type-17 h2 {
    font-family: Yekanbakh;
    font-size: 34px;
    font-weight: 900;
    color: #c27c00;
    margin: 0;
}

.heading-type-17 .sub-title {
    font-family: Yekanbakh;
    font-size: 19px;
    font-weight: 500;
    color: #555555;
    margin: 0;
}

.heading-type-17 .icons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.heading-type-17 .icon-box.glass {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.3);
    min-width: 200px;
    flex-direction: column; 
}

.heading-type-17 .icon-box.box1 {
    transform: translateY(0px);
}
.heading-type-17 .icon-box.box2 {
    transform: translateY(30px);
}

.heading-type-17 .icon-box p {
    font-family: Yekanbakh;
    font-size: 13px;
    color: #292D32;
    margin: 0;
    text-align: center;
}
.heading-type-17 .heading-text {
    position: relative; 
}

.heading-type-17 .social-word {
    position: absolute;
    top: 70px; 
    left: 0;
    font-family: Yekanbakh;
    font-size: 80px;
    font-weight: 900;
    color: rgba(194, 124, 0, 0.1); 
    z-index: 0; 
    pointer-events: none; 
}

@media (max-width: 768px) {
    .heading-type-17 .inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .heading-type-17 .icons {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .heading-type-17 .social-word {
    position: absolute;
        top: 35px;
        left: 15%;
        font-family: Yekanbakh;
        font-size: 70px;
        font-weight: 900;
        color: rgba(194, 124, 0, 0.1);
        z-index: 0;
        pointer-events: none;
}
    .heading-type-17 .icon-box p {
        font-size: 12px;
    }
}
.heading-type-18 {
    background: #faf3e0;
    border-radius: 16px;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0,0,0,0.05);
}

.heading-type-18::before,
.heading-type-18::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(255, 207, 102, 0.3); 
    border-radius: 50%;
    z-index: 0;
}

.heading-type-18::before {
    top: -40px;
    left: -40px;
}

.heading-type-18::after {
    bottom: -25px;
    right: -25px;
}

.heading-type-18 .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px; 
    width: 100%;
    max-width: 1200px;
    position: relative;
    z-index: 1;
}

.heading-type-18 .heading-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.heading-type-18 h2 {
    font-family: Yekanbakh;
    font-size: 34px;
    font-weight: 900;
    color: #c27c00;
    margin: 0;
}

.heading-type-18 .sub-title {
    font-family: Yekanbakh;
    font-size: 19px;
    font-weight: 500;
    color: #555555;
    margin: 0;
}

.heading-type-18 .icons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.heading-type-18 .icon-box.glass {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.3);
    min-width: 200px;
    flex-direction: column; 
}

.heading-type-18 .icon-box.box1 {
    transform: translateY(0px);
}
.heading-type-18 .icon-box.box2 {
    transform: translateY(15px);
}

.heading-type-18 .icon-box p {
    font-family: Yekanbakh;
    font-size: 13px;
    color: #292D32;
    margin: 0;
    text-align: center;
}
.heading-type-18 .heading-text {
    position: relative; 
}

.heading-type-18 .social-word {
    position: absolute;
    top: 15px;
    right: 229px;
    left: 0;
    font-family: Yekanbakh;
    font-size: 100px;
    font-weight: 900;
    color: rgba(194, 124, 0, 0.1);
    z-index: 0;
    pointer-events: none;
}


@media (max-width: 768px) {
    .heading-type-18 .inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .heading-type-18 .social-word {
    position: absolute;
    top: 15px;
    right: 15%;
    left: 0;
    font-family: Yekanbakh;
    font-size: 100px;
    font-weight: 900;
    color: rgba(194, 124, 0, 0.1);
    z-index: 0;
    pointer-events: none;
}
    .heading-type-18 .icons {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .heading-type-18 .icon-box p {
        font-size: 12px;
    }
    .heading-type-18 h2 {
    font-family: Yekanbakh;
    font-size: 28px;
    font-weight: 900;
    color: #c27c00;
    margin: 0;
}
}

.heading-type-19 {
    background: #fcf5eb; 
    padding: 60px 40px;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    max-width: 1200px; 
    margin: 0 auto;
    margin-bottom: 30px;
}


.heading-type-19::before,
.heading-type-19::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(6, 100, 209, 0.15); 
    border-radius: 50%;
    z-index: 0;
}
.heading-type-19::before { top: -40px; right: -40px; }
.heading-type-19::after { bottom: -40px; left: -40px; }

.heading-type-19 .bg-social {
    position: absolute;
    right: 220px;
    bottom: 10px;
    font-size: 110px;
    font-weight: 900;
    color: #0654d1;
    opacity: 0.15;
    pointer-events: none;
    z-index: 0;
    top: 50px;
}

.heading-type-19 .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    gap: 24px;
    flex-wrap: wrap;
}

.heading-type-19 .heading-text h2 {
    font-family: Yekanbakh;
    font-weight: 900;
    font-size: 34px;
    line-height: 28px;
    color: #0654d1;
    margin: 0;
}

.heading-type-19 .heading-text .sub-title {
    font-family: Yekanbakh;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    margin-top: 6px; 
}

.heading-type-19 .icons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.heading-type-19 .icon-box.circle-box {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(6, 100, 209, 0.15); 
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
}

.heading-type-19 .icon-box.circle-box .icon-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .heading-type-19 .inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .heading-type-19 .icons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        width: 100%;
    }

    .heading-type-19 .bg-social {
        font-size: 64px;
        right: 50%;
        transform: translateX(50%);
        bottom: 75%;
    }

    .heading-type-19::before,
    .heading-type-19::after {
        width: 70px;
        height: 70px;
    }
}

.heading-type-20 {
    position: relative;
    background: #0665d10d;
    padding: 40px 20px;
    border-radius: 20px;
    max-width: 1200px;
    margin: 0 auto;
    color: #0654d1;
    overflow: hidden;
}

.heading-type-20::before,
.heading-type-20::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(6, 100, 209, 0.15);
    border-radius: 50%;
    z-index: 0;
}

.heading-type-20::before { top: -30px; left: -30px; }
.heading-type-20::after { bottom: -30px; right: -30px; }

.heading-type-20 .inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 30px; }

.heading-type-20 .heading-text h2 {
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 8px 0;
}
.heading-type-20 .heading-text .sub-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

.calendar-boxes ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; }

.calendar-boxes li {
    background: #fff;
    padding: 12px 16px;
    border-radius: 12px;
    flex: 1 1 calc(33.333% - 16px);
    font-size: 15px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0654d1;
}
.calendar-boxes li .day { font-weight: bold; }
.calendar-boxes li.past { text-decoration: line-through; opacity: 0.6; }

@media (max-width: 768px) { .calendar-boxes li { flex: 1 1 calc(50% - 12px); } }
@media (max-width: 480px) { .calendar-boxes li { flex: 1 1 100%; } }

.heading-type-20-frosty {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(18px);
  border-radius: 24px;
  padding: 40px 30px;
  max-width: 1100px;
  width: 100%;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
  position: relative;
  margin: auto;
  margin-bottom: 55px;
}

.heading-type-20-frosty::before,
.heading-type-20-frosty::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  background: rgba(255, 207, 102, 0.25);
  border-radius: 50%;
  z-index: 0;
}

.heading-type-20-frosty::before {
  top: -30px;
  left: -30px;
}

.heading-type-20-frosty::after {
  bottom: -30px;
  right: -30px;
}

.heading-type-20-frosty .frosty-section-title {
  font-size: 28px;
  font-weight: bold;
  color: #0654d1;
  margin-bottom: 25px;
  text-align: center;
}

.heading-type-20-frosty .frosty-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  position: relative;
  z-index: 1;
}

.frostyitem-card {
  position: relative;
  background: rgba(255,255,255,0.2);
  border-radius: 18px;
  overflow: hidden;
  backdrop-filter: blur(12px);
  padding: 15px;
  text-align: center;
  transition: transform 0.35s, box-shadow 0.35s;
  
}

.frostyitem-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 28px rgba(0,0,0,0.2);
  filter: blur(2px);
}

.frostyitem-image {
  position: relative;
  height: 280px;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 12px;
}

.frostyitem-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(4px);
  transition: filter 0.35s;
}

.frostyitem-card:hover .frostyitem-image img {
  filter: blur(1px);
}

.frostyitem-label {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #f1ab18;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 14px;
  border-radius: 8px;
  z-index: 2;
}

.frostyitem-name {
  font-weight: bold;
  margin-bottom: 6px;
  color: #222;
  filter: blur(2px);
}

.frostyitem-price {
  color: #333;
  margin-bottom: 4px;
  filter: blur(2px);
}

.frostyitem-discount {
  color: #ff3b3b;
  font-weight: bold;
  filter: blur(2px);
}
.frostyitem-card .coming-soon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-10deg);
  font-size: 36px;
  font-weight: bold;
  color: rgba(6, 84, 209, 0.3); /* آبی شفاف */
  z-index: 3; /* بالاتر از تصویر و label */
  pointer-events: none;
  text-align: center;
  white-space: nowrap;
}



@media (max-width: 900px) {
  .heading-type-20-frosty .frosty-products {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

@media (max-width: 500px) {
  .heading-type-20-frosty .frosty-products {
    grid-template-columns: 1fr;
  }
}


input[type=text].type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  width: calc(100% - 32px);
}
input[type=text].type-1:focus {
  border: initial !important;
  box-shadow: initial !important;
}

input[type=number].type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  width: calc(100% - 32px);
}
input[type=number].type-1:focus {
  border: initial !important;
  box-shadow: initial !important;
}

textarea.type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  padding-top: 13px;
  padding-bottom: 16px;
  min-height: 120px;
  max-height: 120px;
  height: 59px;
}

label.type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: bold;
  margin-bottom: 8px;
  display: inline-block;
}

.radio.type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  display: block;
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  transition: all 0.2s;
  cursor: pointer;
}
.radio.type-1 [type=radio]:not(:checked) + span::before,
.radio.type-1 [type=radio]:not(:checked) + span::after {
  border: 1px solid #e5ecf1;
}
.radio.type-1 [type=radio].with-gap:checked + span::after {
  transform: scale(0.6);
}
.radio.type-1 [type=radio]:checked + span::after,
.radio.type-1 [type=radio].with-gap:checked + span::after {
  background-color: #0865fe;
}
.radio.type-1 [type=radio]:checked + span::after,
.radio.type-1 [type=radio].with-gap:checked + span::before,
.radio.type-1 [type=radio].with-gap:checked + span::after {
  border: 1px solid #0865fe;
  left: initial;
  right: 0px;
}
.radio.type-1 [type=radio] + span::before,
.radio.type-1 [type=radio] + span::after {
  width: 25px;
  height: 25px;
}
.radio.type-1 [type=radio]:not(:checked) + span,
.radio.type-1 [type=radio]:checked + span {
  padding-right: 35px;
  padding-left: 0px;
}
.radio.type-1 [type=radio] + span::before,
.radio.type-1 [type=radio] + span::after {
  left: initial;
  right: 0px;
  top: 0px;
  margin: 0px;
}
.radio.type-1 .img {
  float: right;
  width: 30px;
  margin-top: -2px;
  margin-left: 10px;
}
.radio.type-1 .img img {
  width: 100%;
}

.radio.type-1.active {
  border-color: #0865fe;
  transition: all 0.2s;
}

.radio.type-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  display: block;
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  transition: all 0.2s;
  margin-bottom: 10px;
}
.radio.type-2 [type=radio]:not(:checked) + span::before,
.radio.type-2 [type=radio]:not(:checked) + span::after {
  border: 1px solid #e5ecf1;
}
.radio.type-2 [type=radio].with-gap:checked + span::after {
  transform: scale(0.6);
}
.radio.type-2 [type=radio]:checked + span::after,
.radio.type-2 [type=radio].with-gap:checked + span::after {
  background-color: #0865fe;
}
.radio.type-2 [type=radio]:checked + span::after,
.radio.type-2 [type=radio].with-gap:checked + span::before,
.radio.type-2 [type=radio].with-gap:checked + span::after {
  border: 1px solid #0865fe;
  left: initial;
  right: 0px;
}
.radio.type-2 [type=radio] + span::before,
.radio.type-2 [type=radio] + span::after {
  width: 25px;
  height: 25px;
}
.radio.type-2 [type=radio]:not(:checked) + span,
.radio.type-2 [type=radio]:checked + span {
  padding-right: 35px;
  padding-left: 0px;
}
.radio.type-2 [type=radio] + span::before,
.radio.type-2 [type=radio] + span::after {
  left: initial;
  right: 0px;
  top: 0px;
  margin: 0px;
}
.radio.type-2 .img {
  float: right;
  width: 30px;
  margin-top: -2px;
  margin-left: 10px;
}
.radio.type-2 .img img {
  width: 100%;
}

.radio.type-2.active {
  border-color: #0865fe;
  color: #0865fe;
  background: rgba(8, 101, 254, 0.04);
  transition: all 0.2s;
}

@-webkit-keyframes determinate-width {
  0% {
    width: 0%;
  }
  99% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

@keyframes determinate-width {
  0% {
    width: 0%;
  }
  99% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.special-product-box .progress {
  height: 2px;
  background-color: #f3f7fb;
}
.special-product-box .progress .determinate {
  background-color: #ff253f;
  width: 0%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-name: determinate-width;
          animation-name: determinate-width;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: forward;
          animation-direction: forward;
}
.special-product-box .inner {
  height: 300px;
  overflow: hidden;
}
.special-product-box .inner .child {
  text-align: center;
  opacity: 0;
  transition: all 0.3s;
}
.special-product-box .inner .child h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-top: 12px;
  margin-bottom: 12px;
}
.special-product-box .inner .child .price {
  text-align: left;
  margin-left: 10px;
}
.special-product-box .inner .child .price .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.special-product-box .inner .child .price .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.special-product-box .inner .child .price .real {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff253f;
}
.special-product-box .inner .child .price .real span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.special-product-box .inner .child.active {
  opacity: 1;
  transition: all 0.3s;
}

.special-product-box.style-2 .heading-type-5 .title {
  padding-right: 25px;
}
.special-product-box.style-2 .inner {
  height: 120px;
}
.special-product-box.style-2 .inner .child {
  text-align: center;
}
.special-product-box.style-2 .inner .child .content .img.right {
  width: 25%;
}
.special-product-box.style-2 .inner .child .content .img.right img {
  max-width: 100%;
}
.special-product-box.style-2 .inner .child .content .left {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  width: 75%;
  padding-right: 10px;
  text-align: right;
}
.special-product-box.style-2 .inner .child .content .left h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-top: 12px;
  margin-bottom: 6px;
}
.special-product-box.style-2 .inner .child .content .price {
  text-align: left;
  margin-left: 10px;
}
.special-product-box.style-2 .inner .child .content .price .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.special-product-box.style-2 .inner .child .content .price .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.special-product-box.style-2 .inner .child .content .price .real {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff253f;
}
.special-product-box.style-2 .inner .child .content .price .real span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.input-number-box {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  width: 110px;
  border-radius: 10px;
  padding: 0 12px;
  vertical-align: top;
  text-align: center;
  outline: none;
}
.input-number-box .input-number-decrement,
.input-number-box .input-number-increment {
  position: relative;
  height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  line-height: 45px;
  color: #333333;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.input-number-box .input-number-decrement input,
.input-number-box .input-number-increment input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.input-number-box .input-number-decrement {
  width: 25%;
  float: left;
  line-height: 38px;
}
.input-number-box input[type=text].input-number {
  font-family: Yekanbakh;
  width: 50%;
  margin: 0px;
  text-align: center;
  height: 40px;
  border: initial;
}
.input-number-box .input-number-increment {
  width: 25%;
  float: right;
}

.select.type-1 {
  float: right;
}
.select.type-1 .select-dropdown {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  background-color: #ffffff;
  border-radius: 12px;
  padding-right: 12px;
  border-bottom: 0px;
}
.select.type-1 .select-dropdown:focus {
  border: initial;
}
.select.type-1 .select-wrapper .caret {
  right: initial;
  left: 0px;
  z-index: 1;
}
.select.type-1 .dropdown-content {
  border: initial;
  padding: 0px;
  box-shadow: initial;
}
.select.type-1 .dropdown-content li span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-size: 13px;
  font-weight: 100;
  color: #333333;
}
.select.type-1 .dropdown-content li:hover {
  background-color: #f8fafc;
}
.select.type-1 .dropdown-content li.selected {
  background-color: #f8fafc;
}

.select.type-2 .select-dropdown {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  background-color: #f8fafc;
  color: #8ca0b2;
  border-radius: 12px;
  padding-right: 12px;
  border-bottom: 0px;
  width: calc(100% - 12px);
}
.select.type-2 .select-dropdown:focus {
  border: initial;
}
.select.type-2 .select-wrapper .caret {
  right: initial;
  left: 7px;
  z-index: 999;
}
.select.type-2 .dropdown-content {
  border: initial;
  padding: 0px;
  box-shadow: initial;
}
.select.type-2 .dropdown-content li {
  margin: 0px !important;
  border: initial !important;
  text-align: right;
  border-radius: 0px !important;
}
.select.type-2 .dropdown-content li span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-size: 13px;
  font-weight: 100;
  color: #333333;
}
.select.type-2 .dropdown-content li:hover {
  background-color: #f8fafc;
}
.select.type-2 .dropdown-content li.selected {
  background-color: #f8fafc;
}

.woocommerce-input-wrapper input.select-dropdown {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  background-color: #f8fafc;
  color: #8ca0b2;
  border-radius: 12px;
  padding-right: 12px;
  border-bottom: 0px;
  width: calc(100% - 12px);
}
.woocommerce-input-wrapper input.select-dropdown:focus {
  border: initial;
}
.woocommerce-input-wrapper .select-wrapper .caret {
  right: initial;
  left: 7px;
  z-index: 999;
}
.woocommerce-input-wrapper .dropdown-content {
  border: initial;
  padding: 0px;
  box-shadow: initial;
}
.woocommerce-input-wrapper .dropdown-content li {
  margin: 0px !important;
  border: initial !important;
  text-align: right;
  border-radius: 0px !important;
}
.woocommerce-input-wrapper .dropdown-content li span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-size: 13px;
  font-weight: 100;
  color: #333333;
}
.woocommerce-input-wrapper .dropdown-content li:hover {
  background-color: #f8fafc;
}
.woocommerce-input-wrapper .dropdown-content li.selected {
  background-color: #f8fafc;
}

.blog-posts-section .child {
  float: right;
  margin: 1%;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 20px;
  height: 303px;
}
.blog-posts-section .blog-card {
  background-color: transparent;
  box-shadow: initial;
  border-radius: 20px;
  transition: all 0.2s;
  margin: 0px;
}
.blog-posts-section .blog-card .card-image {
  border-radius: 20px;
}
.blog-posts-section .blog-card .card-image .category-badge {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
}
.blog-posts-section .blog-card .card-image .category-badge span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  width: 76px;
  height: 32px;
  display: inline-block;
  background: #fff;
  line-height: 32px;
  border-radius: 12px 12px 0px 0px;
  color: #0865fe;
}
.blog-posts-section .blog-card .card-content {
  padding: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  max-width: 240px;
  margin-right: auto;
  margin-left: auto;
}
.blog-posts-section .blog-card .card-content .card-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
}
.blog-posts-section .blog-card .card-action {
  border: initial;
  padding: 0px;
  text-align: center;
}
.blog-posts-section .blog-card .card-action .small-details {
  line-height: 26px;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
.blog-posts-section .blog-card .card-action .small-details .img {
  float: right;
}
.blog-posts-section .blog-card .card-action .small-details .img img {
  vertical-align: middle;
}
.blog-posts-section .blog-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  font-weight: 100;
  margin-right: 7px;
}
.blog-posts-section .blog-card .estimate-time {
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog-posts-section .blog-card .estimate-time .img {
  margin-right: 5px;
}
.blog-posts-section .blog-card .number {
  color: #0865fe;
}
.blog-posts-section .blog-card span {
  font-weight: 800;
  font-size: 22px;
}
.blog-posts-section .blog-card.active {
  margin-top: -10px;
  transition: all 0.2s;
}

.filter-box {
  text-align: center;
}
.filter-box .filter {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  background: #f3f7fb;
  height: 46px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
}
.filter-box .filter span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 8px 25px;
  height: 38px;
  line-height: 46px;
  margin-top: 2px;
  border-radius: 19px;
  box-shadow: 0px 3px 13px -6px transparent;
  background: transparent;
  transition: all 0.2s;
}
.filter-box .filter span.active {
  font-weight: bold;
  background: #ffffff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
}

.similar-products {
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
}
.similar-products .row {
  margin: 0px;
}
.similar-products .heading-type-3 {
  margin-bottom: 32px;
}
.similar-products .content .child {
  padding: 0px;
}
.similar-products .content .child .shop-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: initial;
  border-radius: 0px;
  border-left: 1px solid transparent;
  margin: 0px;
  min-height: 350px;
  transition: all 0.2s;
}
.similar-products .content .child .shop-card .play-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.similar-products .content .child .shop-card .card-image {
  margin: 0px auto;
  margin-top: 26px;
  width: 130px;
}
.similar-products .content .child .shop-card .card-image img {
  width: 100%;
}
.similar-products .content .child .shop-card .card-content {
  padding: 30px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.similar-products .content .child .shop-card .card-content .card-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  margin: 0px;
  font-weight: 700;
  color: #333333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.similar-products .content .child .shop-card .card-content .card-title a {
  color: #333333;
}
.similar-products .content .child .shop-card .card-action {
  border: initial;
  padding: 0px;
}
.similar-products .content .child .shop-card .card-action .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
}
.similar-products .content .child .shop-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  font-weight: 100;
}
.similar-products .content .child .shop-card .card-action .small-details span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 900;
}
.similar-products .content .child .shop-card .card-action .small-details .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.similar-products .content .child .shop-card .card-action .small-details .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.similar-products .content .child .shop-card:hover {
  border: 1px solid #0865fe !important;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  position: relative;
  z-index: 1;
  transition: all 0.2s;
}
.similar-products .content .child:nth-child(1) .shop-card {
  border-radius: 0px 20px 20px 0px;
}
.similar-products .content .child:nth-child(6) .shop-card {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}
.similar-products .more {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  position: absolute;
  transform: rotate(-90deg);
  transform: translate(auto, -50%);
  top: 50%;
  left: -131px;
  background: #e5ecf1;
  width: 240px;
  text-align: center;
  height: 53px;
  border-radius: 20px;
  line-height: 39px;
}
.similar-products .more span {
  display: inline-block;
}
.similar-products .more span .img {
  float: left;
  line-height: 51px;
  margin-right: 10px;
}
.similar-products .more .img {
  display: inline-block;
}
.similar-products .more .img img {
  margin-right: 8px;
  vertical-align: middle;
}

.similar-products.type-3 {
  position: relative;
  padding-left: 48px;
}
.similar-products.type-3 .heading-type-3 {
  margin-bottom: 32px;
}
.similar-products.type-3 .content {
  border-radius: 20px;
  overflow: hidden;
}
.similar-products.type-3 .content .shop-card {
  min-height: 350px;
}
.similar-products.type-3 .more {
  position: absolute;
  transform: rotate(-90deg);
  transform: translate(auto, -50%);
  top: 32%;
  left: -70px;
  background: #e5ecf1;
  height: 120px;
  width: 260px;
  text-align: center;
  border-radius: 20px;
}
.similar-products.type-3 .more .inner {
  display: inline-block;
  margin-top: 13px;
}
.similar-products.type-3 .more .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
}
.similar-products.type-3 .more .inner .img {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 4px;
}
.similar-products.type-3 .more .inner .img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transform: rotate(90deg);
}

.shop-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: initial;
  border-radius: 0px;
  margin: 0px;
  transition: all 0.2s;
}
.shop-card .play-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.shop-card .card-image {
  margin: 0px auto;
  margin-top: 26px;
  width: 130px;
}
.shop-card .card-image img {
  width: 100%;
}
.shop-card .card-content {
  padding: 30px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.shop-card .card-content .card-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  margin: 0px;
  font-weight: 700;
  color: #333333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 44px;
}
.shop-card .card-content .card-title a {
  color: #333333;
}
.shop-card .card-action {
  border: initial;
  padding: 0px;
}
.shop-card .card-action .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
}
.shop-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  font-weight: 100;
}
.shop-card .card-action .small-details span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 900;
}
.shop-card .card-action .small-details .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.shop-card .card-action .small-details .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.shop-card:hover {
  border: 1px solid #0865fe !important;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  position: relative;
  z-index: 1;
  transition: all 0.2s;
}

.similar-products.type-2 .similar-products-navigation .swiper-button-next,
.similar-products.type-2 .similar-products-navigation .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: #e5ecf1;
  border-radius: 100%;
  font-size: 4px;
}
.similar-products.type-2 .similar-products-navigation .swiper-button-next:after,
.similar-products.type-2 .similar-products-navigation .swiper-button-prev:after {
  color: #333333;
  font-size: 11px;
  font-weight: 900;
}
.similar-products.type-2 .similar-products-navigation .swiper-button-prev {
  left: -25px;
}
.similar-products.type-2 .similar-products-navigation .swiper-button-next {
  right: -25px;
}

.similar-products.two-floors {
  padding-left: 0;
}
.similar-products.two-floors .content .col.s12.m2.no-padding:nth-child(1) .card {
  border-radius: 0px 20px 0px 0px;
}
.similar-products.two-floors .content .col.s12.m2.no-padding:nth-child(6) .card {
  border-radius: 20px 0px 0px 0px;
}
.similar-products.two-floors .content .col.s12.m2.no-padding:nth-child(7) .card {
  border-radius: 0px 0px 20px 0px;
}
.similar-products.two-floors .content .col.s12.m2.no-padding:nth-child(12) .card {
  border-radius: 0px 0px 0px 20px;
}

.card.shop-card.with-text .card-action .text {
  height: 26px;
  text-align: left;
  padding: 0px 12px;
}
.card.shop-card.with-text .card-action .text span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
}
.card.shop-card.with-text:hover {
  border: 1px solid #e5ecf1;
}

.swiper-slide:last-child .swiper-card {
  border-left: 1px solid #e5ecf1;
  border-radius: 20px 0px 0px 20px;
}

.swiper-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: initial;
  border-radius: 0px;
  border-left: 1px solid transparent;
  margin: 0px;
  transition: all 0.2s;
}
.swiper-card .card-image {
  margin: 0px auto;
  margin-top: 26px;
  width: 120px;
}
.swiper-card .card-image img {
  width: 100%;
}
.swiper-card .card-content {
  padding: 30px !important;
  padding-top: 9px !important;
  padding-bottom: 5px !important;
}
.swiper-card .card-content .card-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 44px;
}
.swiper-card .card-content a {
  color: #333;
  font-weight: 700;
}
.swiper-card .card-action {
  border: initial;
  padding: 0px;
  margin-bottom: 20px;
}
.swiper-card .card-action .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
}
.swiper-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  font-weight: 100;
}
.swiper-card .card-action .small-details span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 900;
}
.swiper-card .card-action .small-details .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.swiper-card .card-action .small-details .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.swiper-card:hover {
  border: 1px solid #0865fe !important;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  position: relative;
  z-index: 1;
  transition: all 0.2s;
}

.swiper-card.transparent-bg {
  background-color: transparent;
  border: 0;
  position: relative;
  min-height: 292px;
}
.swiper-card.transparent-bg .card-image .img img {
  border-radius: 6px;
}
.swiper-card.transparent-bg .card-bg {
  position: absolute;
  width: 100%;
  height: 150px;
  bottom: -20px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.2;
  border-radius: 20px;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.swiper-card.transparent-bg .card-content {
  margin-top: 12px;
  padding: 0px 18px;
  position: relative;
  z-index: 2;
}
.swiper-card.transparent-bg .card-content .card-title {
  color: #ffffff;
}
.swiper-card.transparent-bg .card-action {
  padding-bottom: 8px;
}
.swiper-card.transparent-bg .card-action .small-details span {
  color: #e5ecf1;
}
.swiper-card.transparent-bg .card-action .small-details .discount .line {
  color: #e5ecf1;
}
.swiper-card.transparent-bg:hover {
  border: none !important;
  box-shadow: none;
}
.swiper-card.transparent-bg:last-child {
  border: none !important;
}

.swiper-card.has-offer.with-timeline {
  border: 0;
  box-shadow: 0px 30px 60px -40px #d5e0f2;
  border-radius: 0px 0px 20px 20px;
  padding-top: 1px;
  background-color: #ffffff;
  padding-bottom: 20px;
}
.swiper-card.has-offer.with-timeline .card-image {
  margin: 0 auto;
  margin-bottom: 12px;
  margin-top: 18px;
}
.swiper-card.has-offer.with-timeline .card-content {
  padding: 0px 32px;
}
.swiper-card.has-offer.with-timeline .card-action {
  margin-bottom: 0;
}
.swiper-card.has-offer.with-timeline .card-action .small-details {
  padding: 0px 32px;
}
.swiper-card.has-offer.with-timeline:hover {
  border: 0 !important;
}

.landing-swiper-card {
  background: transparent;
  box-shadow: initial;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.landing-swiper-card:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0px;
  right: 0px;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.2;
}
.landing-swiper-card .card-image {
  padding: 0px 20px;
  border-radius: 12px;
  overflow: hidden;
}
.landing-swiper-card .card-image img {
  border-radius: 12px;
}
.landing-swiper-card .card-image.landing-category-image {
  width: 138px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.landing-swiper-card .card-content {
  padding: 0px;
}
.landing-swiper-card .card-content h3 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 8px;
}
.landing-swiper-card .card-action {
  padding: 0px;
  border: initial;
}
.landing-swiper-card .card-action p {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #f8fafc;
  line-height: 18px;
  margin: 0px;
}

.theme-tabs {
  padding: 0px 4px !important;
  margin: 0 auto;
  text-align: center;
  background: #f3f7fb;
  width: auto;
  display: inline-block;
  height: 45px;
  padding: 0px 4px;
  border-radius: 30px;
  box-shadow: 0px 0px 0px 9px #ffffff;
}
.theme-tabs .tab {
  height: 38px;
  background: transparent;
  margin-top: 1px;
}
.theme-tabs .tab a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 0px 18px;
  height: 38px;
  line-height: 38px;
  margin-top: 2px;
  border-radius: 19px;
  box-shadow: 0px 3px 13px -6px transparent;
  background: transparent;
  transition: all 0.2s;
}
.theme-tabs .tab a:hover {
  color: #333333;
}
.theme-tabs .tab a:focus {
  background: #ffffff;
}
.theme-tabs .tab a.active {
  background: #ffffff;
  color: #333333;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
  transition: all 0.2s;
}
.theme-tabs .tab a.active:focus {
  background: #ffffff;
}
.theme-tabs .indicator {
  display: none;
}

.theme-tabs.style-2 {
  padding: 0px 4px !important;
  margin: 0 auto;
  text-align: center;
  width: auto;
  display: inline-block;
  height: 45px;
  padding: 0px 4px;
  background: #f8fafc;
  border-radius: 30px;
}
.theme-tabs.style-2 .tab {
  height: 38px;
  background: transparent;
}
.theme-tabs.style-2 .tab a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 0px 18px;
  padding-left: 17px;
  height: 38px;
  line-height: 38px;
  margin-top: 4px;
  border-radius: 19px;
  box-shadow: 0px 3px 13px -6px transparent;
  background: transparent;
  transition: all 0.2s;
}
.theme-tabs.style-2 .tab a:hover {
  color: #333333;
}
.theme-tabs.style-2 .tab a:focus {
  background: #ffffff;
}
.theme-tabs.style-2 .tab a.active {
  background: #ffffff;
  color: #333333;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
  transition: all 0.2s;
}
.theme-tabs.style-2 .tab a.active:focus {
  background: #ffffff;
}
.theme-tabs.style-2 .indicator {
  display: none;
}

.responsive-bottom-menu {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
  padding: 12px;
  z-index: 998;
  line-height: 0px;
}
.responsive-bottom-menu .responsive-menu {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background: #ffffff;
  border-radius: 20px;
}
.responsive-bottom-menu .responsive-menu .child {
  position: relative;
  width: 20%;
  float: right;
  text-align: center;
  padding: 13px 0px;
  transition: all 0.3s;
  cursor: pointer;
}
.responsive-bottom-menu .responsive-menu .child span {
  display: block;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-top: 3px;
  cursor: pointer;
  transition: all 0.3s;
}
.responsive-bottom-menu .responsive-menu .child span a {
  color: #333333;
}
.responsive-bottom-menu .responsive-menu .child .img {
  position: relative;
  display: inline-block;
}
.responsive-bottom-menu .responsive-menu .child .img .badge {
  position: absolute;
  width: 30px;
  height: 14px;
  background: #ff253f;
  border-radius: 7px;
  color: #ffffff;
  left: -17px;
  top: -3px;
  line-height: 14px;
  text-align: center;
  font-weight: bold;
  font-size: 9px;
}
.responsive-bottom-menu .responsive-menu .child:hover h5 {
  color: #0865fe;
  transition: all 0.3s;
}
.responsive-bottom-menu .responsive-menu .child:hover .img svg path {
  fill: #0865fe;
  transition: all 0.3s;
}
.responsive-bottom-menu .responsive-menu .child #unread_counter {
  position: absolute;
  top: 22%;
  border-radius: 20px;
  background-color: #ff253f;
  line-height: 17px;
  height: 16px;
  min-width: 16px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  transform: translateX(126%);
}
.responsive-bottom-menu .responsive-menu .child .cart-count {
  position: absolute;
  top: 14%;
  border-radius: 20px;
  background-color: #ff253f;
  line-height: 17px;
  height: 16px;
  min-width: 16px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  transform: translateX(126%);
  left: -3px;
}
.responsive-bottom-menu .responsive-menu .child.active h5 {
  color: #0865fe;
}
.responsive-bottom-menu .responsive-menu .child.active .img svg path {
  fill: #0865fe;
}

.sticky-section-box {
  position: relative;
}

.full-tooltip {
  display: inline-block;
  position: relative;
}
.full-tooltip .question {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 25px;
  border-radius: 100%;
  margin-right: 10px;
  background: #333333;
  color: #ffffff;
  z-index: 1;
  position: relative;
  font-size: 14px;
  cursor: pointer;
}
.full-tooltip .content {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #333333;
  position: absolute;
  width: 200px;
  height: auto;
  background: blue;
  padding: 10px;
  right: -100px;
  bottom: 40px;
  border: 1px solid #e5ecf1;
  background: #ffffff;
  border-radius: 12px;
  transform: translate(-10%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.full-tooltip .content.active {
  transition: all 0.2s;
  visibility: visible;
  opacity: 1;
}

.copy-box {
  height: 52px;
  line-height: initial;
  width: 200px;
  border-radius: 12px;
  background: #fff;
  padding: 6px;
  margin: 0 auto;
  margin-top: 37px;
}
.copy-box span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  line-height: 42px;
}
.copy-box .copy-button {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  float: left;
  width: 86px;
  height: 40px;
  background: #00c09b;
  border-radius: 12px;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
}
.copy-box .copy-button .img {
  float: right;
  line-height: 56px;
  margin-right: 12px;
  margin-left: -9px;
}

.copy-box-2 {
  height: 52px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 6px 8px;
  padding-right: 16px;
}
.copy-box-2 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.copy-box-2 .copy-button {
  display: inline-block;
  text-align: center;
  width: 131px;
  height: 40px;
  line-height: 40px;
  background: #b031ff;
  border-radius: 12px;
  margin-right: 8px;
  cursor: pointer;
}
.copy-box-2 .copy-button .inner {
  display: inline-block;
  line-height: 25px;
}
.copy-box-2 .copy-button .inner .img {
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.copy-box-2 .copy-button .inner .img img {
  width: 100%;
  height: 100%;
}
.copy-box-2 .copy-button .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 725;
  color: #ffffff;
}

.similar-products .container {
  position: relative;
  padding: 20px;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
}
.similar-products .content .col.s12.m2.no-padding:nth-child(1) .card {
  border-radius: 0px 20px 20px 0px;
}
.similar-products .content .col.s12.m2.no-padding:nth-child(6) .card {
  border-radius: 20px 0px 0px 20px;
}
.similar-products .heading-type-3 {
  margin-bottom: 30px;
  margin-right: 32px;
  margin-top: 22px;
}
.similar-products .similar-products-navigation {
  position: absolute;
  left: 25px;
  width: 100px;
  height: 27px;
  top: 50px;
}
.similar-products .similar-products-navigation .swiper-button-next,
.similar-products .similar-products-navigation .swiper-button-prev {
  font-size: 12px;
  width: 35px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
}
.similar-products .similar-products-navigation .swiper-button-next::after,
.similar-products .similar-products-navigation .swiper-button-prev::after {
  font-size: 12px;
  width: 35px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #8ca0b2;
  border-radius: 100px;
  color: #ffffff;
}
.similar-products .similar-products-navigation .swiper-button-prev {
  left: 0px;
}
.similar-products .similar-products-navigation .swiper-button-next {
  right: initial;
  left: 45px;
}
.similar-products .similar-products-swiper {
  padding: 1px;
  border-radius: 20px;
}
.similar-products .similar-products-swiper .container {
  position: relative;
}
.similar-products .similar-products-swiper .swiper-slide .swiper-card {
  border-radius: 0px;
  min-height: 325px;
}
.similar-products .similar-products-swiper .swiper-slide-active .swiper-card {
  border-radius: 0px 20px 20px 0px;
}
.similar-products .similar-products-swiper .swiper-slide[data-swiper-slide-index="4"] .swiper-card {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}
.similar-products .similar-products-swiper .swiper-slide:last-child .swiper-card {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}
.similar-products .landing-products-swiper {
  padding: 1px;
  border-radius: 20px;
}
.similar-products .landing-products-swiper .container {
  position: relative;
}
.similar-products .landing-products-swiper .swiper-slide .swiper-card {
  border-radius: 0px;
}
.similar-products .landing-products-swiper .swiper-slide[data-swiper-slide-index="4"] .swiper-card {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}
.similar-products .landing-products-swiper .swiper-slide:last-child .swiper-card {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}

.offer-counter {
  display: inline-block;
}
.offer-counter div:not(.both) {
  width: 60px;
  height: 60px;
  line-height: 16px;
  background: #ffffff;
  border-radius: 12px;
  float: left;
}
.offer-counter div:not(.both) span {
  display: block;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
}
.offer-counter div:not(.both) span:first-child {
  margin-top: 14px;
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 24px;
}
.offer-counter p {
  float: left;
  margin: 0px 4px !important;
  margin-top: 16px !important;
}

.show-on-responsive-mobile-size {
  display: none !important;
}

.hide-irts {
  display: initial;
}

.show-irts {
  display: none;
}

.woocommerce-product-gallery__wrapper {
  width: 100% !important;
  transform: scale(8);
}

.go-to-toc {
  cursor: pointer;
  transition: all 0.3s;
  transform: translateY(80px);
  visibility: hidden;
  opacity: 0;
  color: #485967;
  position: fixed;
  bottom: 20px;
  left: 15px;
  padding: 7px 13px;
  z-index: 998;
  line-height: 0;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background: #fff;
  border-radius: 20px;
}

.show {
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

.go-to-toc svg {
  display: inline-block;
  vertical-align: middle;
}

/*black-edit*/
@media (max-width: 900px) {
  .breadcrumb-box {
    font-size: 12px !important;
    /*margin-top:70px;*/
  }
  .go-to-toc {
    bottom: 104px;
  }
  .gradiant-bg {
    background: linear-gradient(180deg, #f0f5fc 0%, rgba(244, 247, 251, 0) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 850px;
    z-index: -1;
  }
  .hide-irts {
    display: none !important;
  }
  .show-irts {
    display: initial !important;
  }
  .hide-on-responsive-mobile-size {
    display: none !important;
  }
  .show-on-responsive-mobile-size {
    display: initial !important;
  }
  .shop-card {
    min-height: 316px;
  }
  .shop-card .card-image {
    max-width: 50%;
  }
  .swiper-card .card-image {
    max-width: 50%;
  }
  .mobile-scroll .special-products {
    display: flex;
  }
  .mobile-scroll .arrow-container {
    display: flex;
    position: absolute;
  }
  .mobile-scroll .arrow-container {
    display: flex;
    position: absolute;
    left: 0;
    gap: 7px;
  }
  .mobile-scroll .arrow-container > div {
    display: block !important;
    font-size: 12px;
    width: 35px;
    height: 24px;
    text-align: center;
    line-height: 37px;
    background: #8ca0b2;
    border-radius: 100px;
  }
  .mobile-scroll .arrow-container .right-arrow img {
    transform: rotate(180deg);
  }
  .mobile-scroll .inner-scroll-box {
    white-space: nowrap;
    overflow-x: auto;
    padding-right: 15px;
    padding-top: 40px;
  }
  .mobile-scroll .inner-scroll-box .mobile-products-scroll {
    display: flex;
  }
  .mobile-scroll .inner-scroll-box .mobile-card {
    display: inline-block;
  }
  .mobile-scroll .inner-scroll-box .mobile-card:first-child {
    border-radius: 0px 20px 20px 0px;
  }
  .mobile-scroll .inner-scroll-box .mobile-card:last-child {
    border-radius: 20px 0px 0px 20px;
    margin-left: 16px;
    border-left: 1px solid #e5ecf1;
  }
  .mobile-scroll .inner-scroll-box .landing-swiper-card {
    display: inline-block;
    margin-left: 30px;
    padding: 20px;
  }
}
.hide-irms {
  display: initial;
}

.show-irms {
  display: none;
}

@media only screen and (max-width: 500px) {
  .hide-irms {
    display: none !important;
  }
  .show-irms {
    display: initial;
  }
  .container {
    width: 95%;
  }
  .best-publication-section-card.type-1 {
    padding: 20px 24px;
    display: inline-block;
    margin-left: 20px;
    height: 98px;
  }
  .best-publication-section-card.type-1 .best-section-img .img {
    width: 50px;
    height: 50px;
  }
  .best-publication-section-card.type-1 .best-section-description {
    margin-top: 2px;
  }
  .best-publication-section-card.type-1 .best-section-description h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .best-publication-section-card.type-1 .best-section-description .details .details-child {
    margin-top: 6px;
  }
  .best-publication-section-card.type-1 .best-section-description .details .details-child h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 325;
    font-size: 15px;
    line-height: 35px;
    letter-spacing: -0.02em;
  }
  .best-publication-section-card.type-1:hover .best-section-description .details .go {
    margin-top: 2px;
  }
  .swiper-card.transparent-bg .card-image .img {
    margin: 0;
  }
  .swiper-card.has-offer.with-timeline .card-header::before {
    width: 86px;
  }
  .swiper-card.has-offer.with-timeline .card-header::after {
    width: 86px;
  }
  .swiper-card.has-offer.with-timeline .card-image {
    margin: 0 auto;
    margin-bottom: 12px;
    margin-top: 30px;
  }
  .swiper-card.has-offer.with-timeline .card-content {
    padding: 0px 51px;
  }
  .copy-box span {
    line-height: 44px;
  }
  .copy-box .copy-button {
    cursor: pointer;
    line-height: 45px;
  }
  .copy-box .copy-button .inner {
    line-height: 27px;
  }
  .tab-bar {
    position: fixed;
    bottom: 0;
    z-index: 99999999;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 12px;
  }
  .tab-bar .tab-bar-child {
    text-align: center;
    width: auto;
    height: auto;
    background: #ffffff;
    border: 1px solid #e5ecf1;
    border-radius: 20px;
    padding: 13px 27px;
    box-shadow: 0px 0px 48px 0px rgba(137, 153, 170, 0.2);
  }
  .tab-bar .tab-bar-child .tab-icon {
    display: inline-block;
  }
  .tab-bar .tab-bar-child .tab-icon .inner .img {
    margin-bottom: 2;
    width: 24px;
    height: 24px;
    margin: 0 auto;
  }
  .tab-bar .tab-bar-child .tab-icon .inner .img svg {
    width: 100%;
    height: 100%;
  }
  .tab-bar .tab-bar-child .tab-icon .inner .img svg path {
    fill: #333333;
  }
  .tab-bar .tab-bar-child .tab-icon .inner span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #333333;
  }
  .tab-bar .tab-bar-child .inner.active .img svg path {
    fill: #0865fe;
  }
  .tab-bar .tab-bar-child .inner.active span {
    color: #0865fe;
  }
  .tab-bar .tab-bar-child .tab-icon.type-1 {
    margin-left: 44px;
  }
  .tab-bar .tab-bar-child .tab-icon.type-2 {
    margin-left: 51px;
  }
  .tab-bar .tab-bar-child .tab-icon.type-3 {
    margin-left: 48px;
  }
  .swiper-card .card-content {
    width: 230px;
  }
  .swiper-card .card-content .card-title {
    white-space: initial;
    margin-bottom: 10px;
  }
  .swiper-card.mobile-card {
    display: inline-block;
  }
  .swiper-card.mobile-card .card-title {
    max-width: 160px;
  }
  .theme-tabs .tab a {
    padding: 0px 12px;
  }
}
@media only screen and (max-width: 380px) {
  .tab-bar .tab-bar-child .tab-icon.type-1 {
    margin-left: 35px;
  }
  .tab-bar .tab-bar-child .tab-icon.type-2 {
    margin-left: 43px;
  }
  .tab-bar .tab-bar-child .tab-icon.type-3 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 360px) {
  .tab-bar .tab-bar-child {
    padding: 13px 18px;
  }
  .tab-bar .tab-bar-child .tab-icon {
    display: inline-block;
  }
}
.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
  margin-top: 10px !important;
}

.header-search-box .search-result .inner .card-price {
  margin-left: 3px;
  font-size: 12px;
}

.card-price.out {
  color: #a2a2a2;
  margin-top: 5px;
}

.woocommerce-page.single-product .main-description .content .caption .inner .text ol li {
  font-size: 19px;
  line-height: 30px;
  letter-spacing: initial;
  margin: 10px 0;
}

.radius img {
  border-radius: 20px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.radius {
  border-radius: 20px;
}

.nomargin {
  margin: 0 !important;
}

.product-single-gallery figure {
  margin: 0 !important;
}

.black-badge {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #000;
  color: #e9e1b2;
  z-index: 2;
  padding: 5px 10px;
  display: flex;
  gap: 2px;
  height: 30px;
  border-radius: 19px;
}

.black-badge span {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 23px;
}

.woocommerce-page.single-product .add-to-card .online .img {
  display: inline-block;
  vertical-align: middle;
}

.woocommerce-page.single-product .add-to-card .online span {
  display: inline-block;
}

.woocommerce-page.single-product .add-to-card .online .img img {
  vertical-align: middle;
  filter: brightness(4.5);
}

.card-price.out {
  color: #a2a2a2;
  margin-top: 5px;
}

.woocommerce-page.single-product .main-description .content .caption .inner .text ol li {
  font-size: 19px;
  line-height: 30px;
  letter-spacing: initial;
  margin: 10px 0;
}

.radius img {
  border-radius: 20px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.radius {
  border-radius: 20px;
}

.nomargin {
  margin: 0 !important;
}

.login-modal .content .inner .go-to-otp-step {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #0865fe;
  cursor: pointer;
}

.otp-inputs {
  display: flex;
  direction: ltr;
}

.otp-inputs input {
  margin: 0 3px !important;
  text-align: center;
}

input#billing_email {
  display: none !important;
}

.modal {
  display: none;
}

.modal:target {
  display: none;
}

.modal.stock-modal.open div.modal-close {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 10px;
  right: 25px;
}

.comment-area .col.s12.m6 {
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
}

ol.commentlist li {
  list-style: none;
  margin-bottom: 25px;
}
ol.commentlist .single-comment {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
}
ol.commentlist .header {
  padding: 20px;
  border-bottom: 1px solid #e5ecf1;
}
ol.commentlist .comments-box .single-comment {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
}
ol.commentlist .single-comment .header {
  padding: 20px;
  border-bottom: 1px solid #e5ecf1;
}
ol.commentlist .single-comment .header .name {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  display: inline-block;
}
ol.commentlist .comments-box .single-comment .header .date {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: left;
  color: #485967;
}
ol.commentlist .comments-box .single-comment .content {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  padding: 20px;
  color: #485967;
}
ol.commentlist .single-comment .content p {
  margin: 0px;
}
ol.commentlist .comments-box .single-comment .content .replay {
  background-color: #f8fafc;
  border-radius: 12px;
  margin-top: 20px;
}
ol.commentlist .comments-box .single-comment .header {
  padding: 20px;
  border-bottom: 1px solid #e5ecf1;
}
ol.commentlist .single-comment .header .date {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: left;
  color: #485967;
}
ol.commentlist .comment-by {
  border-bottom: 1px solid #e5ecf1;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
ol.commentlist .comment-by span.comments__name {
  font-weight: 700;
  color: #333;
}
ol.commentlist .comment-by span.comments__date {
  font-size: 15px;
  letter-spacing: -0.02em;
  color: #485967;
}
ol.commentlist ul.children {
  padding: 12px 12px 0;
}
ol.commentlist .comment-block > p {
  padding: 12px;
  font-size: 16px;
}

.discount-content {
  position: relative;
}
.discount-content .blog-products-swiper .arrow {
  position: absolute;
  left: 0;
  top: 22px;
}
.discount-content .blog-products-swiper .arrow .swiper-button-next,
.discount-content .blog-products-swiper .arrow .swiper-button-prev {
  font-size: 12px;
  width: 35px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
  display: block !important;
}
.discount-content .blog-products-swiper .arrow .swiper-button-next::after,
.discount-content .blog-products-swiper .arrow .swiper-button-prev::after {
  display: block !important;
  font-size: 12px;
  width: 35px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #8ca0b2;
  border-radius: 100px;
  color: #ffffff;
}
.discount-content .blog-products-swiper .arrow .swiper-button-prev {
  left: unset !important;
  right: -80px !important;
}
.discount-content .blog-products-swiper .arrow .swiper-button-next {
  right: initial;
  left: 4px;
}
.discount-content .blog-products-swiper .swiper-wrapper {
  padding-top: 40px;
}

.swiper-button-next.blog_products_swiper-button-next.none.swiper-button-disabled.swiper-button-lock {
  display: none !important;
}

.swiper-button-prev.blog_products_swiper-button-prev.none.swiper-button-disabled.swiper-button-lock {
  display: none !important;
}

/* video js / WaveSurfer */
.single-the-podcast-cont {
  padding: 20px 50px 20px 60px;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 20px;
  background: #f3f7fb;
}

.single-the-podcast-cont .single-the-podcast {
  overflow: visible;
  background: none;
  border-radius: 0;
  width: 100%;
  height: 64px;
}

.single-the-podcast-cont .single-the-podcast wave {
  height: 64px !important;
}

.single-the-podcast-cont .single-the-podcast .vjs-text-track-display {
  display: none;
}

.single-the-podcast-cont .single-the-podcast .vjs-control-bar {
  position: relative;
  background: none;
  height: 0;
  padding: 0;
  border-radius: 0;
}

.single-the-podcast-cont .single-the-podcast .vjs-control-bar .vjs-time-divider {
  display: none;
}

.single-the-podcast-cont .single-the-podcast .vjs-control-bar .vjs-play-control {
  position: absolute;
  top: 12px;
  left: -50px;
  color: #0865fe;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid;
  font-size: 12.5px;
}

.single-the-podcast-cont .single-the-podcast .vjs-control-bar .vjs-duration {
  position: absolute;
  color: #0865fe;
  font-family: yekanbakh;
  right: -36px;
  padding: 0;
  top: 17px;
  font-size: 13px;
  line-height: 30px;
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 36px;
  line-height: 58px;
  height: 58px;
  width: 58px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background-color: var(--primary-color);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  opacity: 0.8;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  border-radius: 0 0 15px 15px;
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 30px;
  width: 4em;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: var(--primary-color);
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
  color: var(--primary-color);
}

.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: var(--primary-color);
  border-radius: 0.3em;
  color: var(--white);
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--primary-color);
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f5f5f5;
  background-color: rgba(255, 255, 255, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}

.vjs-wavesurfer .vjs-using-native-controls .vjs-control-bar {
  display: flex !important;
}

.vjs-progress-control,
.vjs-text-track-display,
.vjs-wavesurfer .vjs-menu-content,
.vjs-wavesurfer .vjs-modal-dialog {
  z-index: 4;
}

.vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
  top: 0;
  position: absolute !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

#bookmark-product-button.active svg path {
  fill: #0865fe;
  stroke: #0865fe;
}

.woocommerce ul#shipping_method li input {
  margin: 3px 0 0 0.4375em;
  vertical-align: top;
  position: relative;
}

.card.style-4 {
  background: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 20px;
  margin: 0;
  display: inline-block;
  padding: 20px;
}
.card.style-4 .card-description {
  margin-bottom: 15px;
  max-width: 262px;
}
.card.style-4 .card-description p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0;
}
.card.style-4 .card-details .img {
  width: 40px;
  height: 40px;
  float: right;
  margin-left: 8px;
}
.card.style-4 .card-details .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.card.style-4 .card-details .name span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.card.style-4 .card-details .date span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 325;
  font-size: 15px;
  line-height: 35px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.7);
}

.woocommerce ul#shipping_method li input {
  margin: 3px 0 0 0.4375em;
  vertical-align: top;
  position: relative;
}

.wc_payment_methods.payment_methods.methods .input-radio {
  display: none;
}

.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content {
  padding-bottom: 100px;
  width: 400px;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content div.close-bottom {
  display: none;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .mm-spn.mm-spn--navbar:after {
  height: 104px;
  line-height: 104px;
  opacity: 1;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .mm-spn.mm-spn--navbar ul::before {
  border-top: 0;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main {
  background-color: #fff;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open {
  background: #ffffff;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected {
  width: 100%;
  display: block;
  padding: 7.5px 32px;
  margin-bottom: 12px;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .step-1 {
  padding: 0;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .step-1 .img {
  text-align: left;
  float: left;
  width: 24px;
  height: 24px;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .step-1 .img svg {
  width: 100%;
  height: 100%;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .step-1 .img svg path {
  stroke: #333333;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .step-1 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 0;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .img {
  text-align: left;
  float: left;
  width: 24px;
  height: 24px;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .img svg {
  width: 100%;
  height: 100%;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected .img svg path {
  stroke: #333333;
  transition: all 0.3s;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  transition: all 0.3s;
  padding: 0;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected::before {
  display: none;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected::after {
  display: none;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected:hover .step-1 {
  background-color: transparent;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected:hover .step-1 .img svg path {
  stroke: #0865fe;
  transition: all 0.3s;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected:hover .step-1 span {
  color: #0865fe;
  transition: all 0.3s;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected:hover .img svg {
  width: 100%;
  height: 100%;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected:hover .img svg path {
  stroke: #0865fe;
  transition: all 0.3s;
}
.mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content .menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main .mm-spn--open .Selected:hover span {
  color: #0865fe;
  transition: all 0.3s;
}

nav .close {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #f3f7fb;
  border-radius: 12px;
  padding: 8px;
  z-index: 9;
  top: 32px;
  right: 32px;
}
nav .close .img {
  width: 24px;
  height: 24px;
}
nav .close .img img {
  width: 100%;
  height: 100%;
}

.mm-spn.mm-spn--navbar::before {
  background-color: #ffffff;
  background-image: url("inc/img/sidenav-arrow.svg");
  transform: initial;
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 9999;
  background-repeat: no-repeat;
  opacity: 1;
  right: 32px;
  top: 32px;
  margin-top: 0;
  border: 0;
  transform: rotate(180deg);
  background-position: 40% 66%;
}

.mm-spn.mm-spn--navbar ul {
  margin-top: 39px;
}

.mm-spn.mm-spn--light {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 725;
  background: #ffffff !important;
  color: #333333 !important;
}

.mm-spn--open.mm-spn--parent {
  background: #ffffff;
}

.mm-spn.mm-spn--navbar ul li {
  margin-bottom: 12px;
  width: 100%;
  display: block;
  padding: 7.5px 32px;
}
.mm-spn.mm-spn--navbar ul li a {
  padding: 0;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 0;
}
.mm-spn.mm-spn--navbar ul li a .img {
  text-align: left;
  float: left;
  width: 24px;
  height: 24px;
}
.mm-spn.mm-spn--navbar ul li a .img svg {
  width: 100%;
  height: 100%;
}
.mm-spn.mm-spn--navbar ul li a span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 0;
}
.mm-spn.mm-spn--navbar ul li .img {
  text-align: left;
  float: left;
  width: 24px;
  height: 24px;
}
.mm-spn.mm-spn--navbar ul li .img svg {
  width: 100%;
  height: 100%;
}
.mm-spn.mm-spn--navbar ul li .img svg path {
  stroke: #333333;
}
.mm-spn.mm-spn--navbar ul li span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 0;
}
.mm-spn.mm-spn--navbar ul li::before {
  display: none;
}
.mm-spn.mm-spn--navbar ul li::after {
  display: none;
}
.mm-spn.mm-spn--navbar ul li.active {
  background-color: #ffffff;
  margin-bottom: 0;
}
.mm-spn.mm-spn--navbar ul li.active a {
  display: inline-block;
}
.mm-spn.mm-spn--navbar ul li.active a .img {
  display: inherit;
}
.mm-spn.mm-spn--navbar ul li.active a .img svg path {
  stroke: #0865fe;
}
.mm-spn.mm-spn--navbar ul li.active a span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: right;
  margin-left: 8px;
}
.mm-spn.mm-spn--navbar ul .brands {
  border-top: 1px solid #e5ecf1;
  padding: 24px 32px;
}
.mm-spn.mm-spn--navbar ul .brands span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #333333;
  margin-bottom: 16px;
}
.mm-spn.mm-spn--navbar ul .brands .brands-content {
  border-radius: 20px;
  background: #f8fafc;
  border: 1px solid #e5ecf1;
  overflow: hidden;
}
.mm-spn.mm-spn--navbar ul .brands .brands-content .brands-inner {
  height: 110px;
  padding: 15px 0px;
  border: 1px solid #e5ecf1;
}
.mm-spn.mm-spn--navbar ul .brands .brands-content .brands-inner .img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  float: initial;
}
.mm-spn.mm-spn--navbar ul .brands .brands-content .brands-inner .img img {
  width: 100%;
  height: 100%;
}

nav ul a:hover {
  background-color: transparent;
}

.mm-spn.mm-spn--navbar ul li span:hover {
  color: #0865fe;
}

.mm-spn.mm-spn--navbar ul li a span:hover {
  color: #0865fe;
}

.mm-spn.mm-spn--navbar ul li .img svg path:hover {
  stroke: #0865fe;
}

.mm-ocd__backdrop {
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  z-index: 1 !important;
}

.mm-ocd--right .mm-ocd__backdrop {
  width: 100%;
}

header {
  z-index: 900;
  position: absolute;
  width: 100%;
  top: 11px;
  border-radius: 20px;
  transition: all 0.3s;
}
header .container {
  position: relative;
}
header nav {
  padding: 0px 20px;
  box-shadow: initial;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  height: initial;
  padding-bottom: 12px;
}
header nav .header-search-box {
  margin-top: 17px;
  width: 360px;
}
header nav .header-search-box form {
  position: relative;
}
header nav .header-search-box input[type=text] {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding-right: 44px;
  padding-left: 15px;
  float: right;
}
header nav .header-search-box input[type=text]:focus {
  border-bottom: 1px solid #0865fe !important;
  border: 1px solid #0865fe;
  box-shadow: initial !important;
}
header nav .header-search-box input[type=text]::-ms-clear {
  display: none;
}
header nav .header-search-box .search-icon .img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 18px;
  height: 18px;
  top: 13px;
  right: 15px;
}
header nav .header-search-box .search-icon .img img {
  float: right;
}
header nav .header-search-box .clear {
  display: none;
  position: absolute;
  left: 4px;
  top: -4px;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
header nav .header-search-box .search-result {
  position: absolute;
  top: 65px;
  right: 32px;
  width: 639px;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
header nav .header-search-box .search-result .inner {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 20px;
  margin-top: 10px;
  padding: 20px;
  color: #485967;
  background-color: #ffffff;
}
header nav .header-search-box .search-result .inner div {
  line-height: initial;
  overflow: hidden;
}
header nav .header-search-box .search-result .inner .history .right span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-right: 10px;
}
header nav .header-search-box .search-result .inner .history .right .icon {
  float: right;
  height: 24px;
}
header nav .header-search-box .search-result .inner .history .left {
  height: 24px;
}
header nav .header-search-box .search-result .inner .history .tags-child {
  margin-top: 17px;
}
header nav .header-search-box .search-result .inner .history .tags-child .tag-child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  margin-left: 7px;
  padding: 4px 8px;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box {
  margin-bottom: 17px;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper {
  padding: 0px 2px;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 0px 30px 50px #ffffff;
  z-index: 1;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper .swiper-button-next:after {
  content: "prev";
  font-size: 12px;
  background: #8ca0b2;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border-radius: 100%;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .search-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  padding: 8px;
  box-shadow: initial;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-image {
  width: 50px;
  height: 66px;
  border-radius: 6px;
  margin-left: 12px;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-title {
  margin-top: 9px;
}
header nav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-title h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .header-search-box .search-result .inner .full-result .text-results h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 13px;
}
header nav .header-search-box .search-result .inner .full-result .text-results h5 .img {
  float: right;
  margin-left: 12px;
}
header nav .header-search-box .search-result .inner .full-result .text-results h5:last-child {
  margin: 0px;
}
header nav .header-search-box .search-result .inner .full-result .text-results h5 span.colorfull {
  color: #0865fe;
}
header nav .header-search-box .search-result .inner .full-result .text-results .divider {
  margin-top: 4px;
  margin-bottom: 17px;
  background-color: #e5ecf1;
}
header nav .header-search-box .search-result .inner .full-result.type-2 .search-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  padding: 8px;
  box-shadow: initial;
  height: 85px;
}
header nav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-image {
  width: 50px;
  height: 66px;
  border-radius: 6px;
  margin-left: 12px;
}
header nav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
header nav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-title h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .header-search-box .search-result .inner .get-results .content h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  display: inline-block;
  margin-left: 5px;
}
header nav .header-search-box .search-result .inner .get-results .content h5 .img {
  float: right;
  margin-left: 10px;
}
header nav .header-search-box .search-result .inner .get-results .content span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .header-search-box .search-result .inner .footer a {
  width: 100%;
}
header nav .header-search-box .search-result.active {
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
header nav .mobile-header-search-box {
  margin-top: 17px;
  width: 360px;
}
header nav .mobile-header-search-box form {
  position: relative;
}
header nav .mobile-header-search-box input[type=text] {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding-right: 44px;
  padding-left: 15px;
  float: right;
  background-color: #fff;
}
header nav .mobile-header-search-box input[type=text]:focus {
  border-bottom: 1px solid #0865fe !important;
  border: 1px solid #0865fe;
  box-shadow: initial !important;
}
header nav .mobile-header-search-box input[type=text]::-ms-clear {
  display: none;
}
header nav .mobile-header-search-box .search-icon .img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 18px;
  height: 18px;
  top: 13px;
  right: 15px;
}
header nav .mobile-header-search-box .search-icon .img img {
  float: right;
}
header nav .mobile-header-search-box .clear {
  display: none;
  position: absolute;
  left: 4px;
  top: -4px;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
header nav .mobile-header-search-box .search-result {
  position: absolute;
  top: 65px;
  right: 32px;
  width: 639px;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
header nav .mobile-header-search-box .search-result .inner {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 20px;
  margin-top: 10px;
  padding: 20px;
  color: #485967;
  background-color: #ffffff;
}
header nav .mobile-header-search-box .search-result .inner div {
  line-height: initial;
}
header nav .mobile-header-search-box .search-result .inner .history .right span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-right: 10px;
}
header nav .mobile-header-search-box .search-result .inner .history .right .icon {
  float: right;
  height: 24px;
}
header nav .mobile-header-search-box .search-result .inner .history .left {
  height: 24px;
}
header nav .mobile-header-search-box .search-result .inner .history .tags-child {
  margin-top: 17px;
}
header nav .mobile-header-search-box .search-result .inner .history .tags-child .tag-child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  margin-left: 7px;
  padding: 4px 8px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box {
  margin-bottom: 17px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper {
  padding: 0px 2px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 0px 30px 50px #ffffff;
  z-index: 1;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper .swiper-button-next:after {
  content: "prev";
  font-size: 12px;
  background: #8ca0b2;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border-radius: 100%;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .search-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  padding: 8px;
  box-shadow: initial;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .search-card .card-image {
  width: 50px;
  height: 66px;
  border-radius: 6px;
  margin-left: 12px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .search-card .card-image img {
  width: 100%;
  height: 100%;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .search-card .card-title {
  margin-top: 9px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .swiper-box .search-card .card-title h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .mobile-header-search-box .search-result .inner .full-result .text-results h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 13px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .text-results h5 .img {
  float: right;
  margin-left: 12px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .text-results h5:last-child {
  margin: 0px;
}
header nav .mobile-header-search-box .search-result .inner .full-result .text-results h5 span.colorfull {
  color: #0865fe;
}
header nav .mobile-header-search-box .search-result .inner .full-result .text-results .divider {
  margin-top: 4px;
  margin-bottom: 17px;
  background-color: #e5ecf1;
}
header nav .mobile-header-search-box .search-result .inner .get-results .content h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  display: inline-block;
  margin-left: 5px;
}
header nav .mobile-header-search-box .search-result .inner .get-results .content h5 .img {
  float: right;
  margin-left: 10px;
}
header nav .mobile-header-search-box .search-result .inner .get-results .content span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .mobile-header-search-box .search-result.active {
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
header nav .header-logo-box {
  float: right;
  width: 100%;
  height: 40px;
  margin-top: 19px;
  text-align: center;
}
header nav .header-logo-box img {
  max-height: 100%;
}
header nav .more-details-box {
  margin-top: 17px;
}
header nav .more-details-box .user .child {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 56px;
  display: inline-block;
  margin-right: 12px;
  transition: all 0.2s;
}
header nav .more-details-box .user .child.loged-in {
  background-color: #0865fe;
  border: none;
}
header nav .more-details-box .user .child.loged-in img {
  filter: brightness(10);
}
header nav .more-details-box .user .child.loged-in:hover img {
  filter: none;
}
header nav .more-details-box .user .child img {
  max-width: 100%;
}
header nav .more-details-box .user .child:hover {
  transition: all 0.2s;
  background: rgba(8, 101, 254, 0.05);
  border: 1px solid #0865fe;
}
header nav .more-details-box .user .cart-trigger .number {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #0865fe;
  height: 100%;
  width: 100%;
  border-radius: 16px;
  line-height: 45px;
  width: 44px;
  height: 44px;
  top: 20px;
  left: 47px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box {
  transition: all 0.2s;
  padding-top: 15px;
  margin-top: -19px;
  width: 200px;
  float: left;
  opacity: 0;
  visibility: hidden;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner {
  position: absolute;
  width: 448px;
  left: 30px;
  color: #333333;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .empty {
  background: #ffffff;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  border-radius: 30px;
  color: #333333;
  padding-top: 24%;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .empty span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .empty p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 0px;
  margin-top: 36px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .empty a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #00c09b;
  display: inline-block;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .empty a img {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  width: 5px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .scrollbox-wrapper {
  height: 400px;
  background: #ffffff;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  border-radius: 30px;
  color: #333333;
  overflow: hidden;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product {
  max-height: 310px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child {
  margin: 20px;
  border-bottom: 1px solid #f9f9fb;
  padding-bottom: 20px;
  margin-bottom: 0;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .img {
  width: 94px;
  height: 74px;
  background-color: #f8fafc;
  border-radius: 20px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .img img {
  width: 45px;
  margin-left: 23px;
  margin-top: 7px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .content {
  width: 283px;
  text-align: right;
  height: auto;
  margin-top: 9px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  width: 95%;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .content .end {
  margin-top: 21px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .content .end .count {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child .content .end .price {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child a.remove {
  width: auto;
  top: 28px;
  left: 0;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child a.remove:hover {
  background: none;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty .header-cart-product .product-child a.remove img {
  height: 20px;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 16px;
  border-top: 1px solid #f9f9fb;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .footer a {
  width: 48%;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .footer a:first-child {
  margin-left: 1.5%;
}
header nav .more-details-box .user .cart-trigger .header-cart-box .footer a:nth-child(2) {
  margin-right: 1.5%;
}
header nav .more-details-box .user .cart-trigger:hover .header-cart-box {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s;
}
header nav .more-details-box .phone {
  margin-top: 4px;
  margin-left: 30px;
}
header nav .more-details-box .phone p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  line-height: initial;
  margin: 0px;
  color: #333333;
}
header nav .more-details-box .phone .number p {
  float: right;
  color: #0865fe;
  font-size: 16px;
  line-height: 22px;
  direction: ltr;
}
header nav .more-details-box .phone .number p span {
  font-weight: 900;
}
header nav .more-details-box .phone .number .img {
  height: 24px;
}
header nav .more-details-box .phone .number .img img {
  float: left;
  margin-right: 7px;
}
header nav .more-details-box .mobile-notification .child,
header nav .more-details-box .mobile-call .child {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 56px;
  display: inline-block;
  margin-right: 12px;
  transition: all 0.2s;
  background-color: #fff;
}
header nav .more-details-box .mobile-notification .child img,
header nav .more-details-box .mobile-call .child img {
  max-width: 100%;
  margin-top: 9px;
}
header nav .more-details-box .mobile-notification .child:hover,
header nav .more-details-box .mobile-call .child:hover {
  transition: all 0.2s;
  background: rgba(8, 101, 254, 0.05);
  border: 1px solid #0865fe;
}
header nav .menu-container {
  border-radius: 25px;
  background: #f8fafc;
  line-height: 50px;
  height: 50px;
}
header nav .menu-container .mega-menu {
  transition: all 0.3s;
}
header nav .menu-container .mega-menu span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  height: 50px;
  float: right;
  line-height: 50px;
  color: #333333;
  margin-right: 20px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease-in-out;
}
header nav .menu-container .mega-menu span .img {
  line-height: 63px;
  margin-left: 9px;
  float: right;
}
header nav .menu-container .mega-menu span .img svg path {
  transition: all 0.2s ease-in-out;
}
header nav .menu-container .mega-menu span:hover {
  color: #0865fe;
  border-bottom: 2px solid #0865fe;
  transition: all 0.2s ease-in-out;
}
header nav .menu-container .mega-menu span:hover .img svg path {
  fill: #0865fe;
  transition: all 0.2s ease-in-out;
}
header nav .menu-container .mega-menu .inner {
  position: absolute;
  left: 30px;
  padding-top: 40px;
  z-index: 9999999999;
  width: 100%;
  right: 0px;
  top: 115px;
  transition: all 0.3;
  visibility: hidden;
  opacity: 0;
  display: none;
}
header nav .menu-container .mega-menu .inner .content {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  height: 276px;
}
header nav .menu-container .mega-menu .inner .content .col {
  padding: 0px;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items {
  background-color: #f8fafc;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  height: 46px;
  line-height: 37px;
  padding-right: 20px;
  padding-top: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items h3 .img {
  float: right;
  margin-left: 10px;
  line-height: 57px;
  height: 46px;
  margin-bottom: 0;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items h3:hover {
  transition: all 0.3s;
  color: #0865fe;
  background: #fff;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items h3 img:hover {
  filter: saturate(1000%);
  -webkit-filter: saturate(1000%);
  -moz-filter: saturate(1000%);
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items h3.active {
  color: #0865fe;
  background: #fff;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-items h3.active img {
  filter: saturate(1000%);
  -webkit-filter: saturate(1000%);
  -moz-filter: saturate(1000%);
}
header nav .menu-container .mega-menu .inner .content .childs .child {
  visibility: hidden;
  opacity: 0;
  display: none;
}
header nav .menu-container .mega-menu .inner .content .childs .child.active {
  visibility: visible;
  opacity: 1;
  display: initial;
}
header nav .menu-container .mega-menu .inner .content .childs ul {
  height: auto;
  margin-top: 28px;
}
header nav .menu-container .mega-menu .inner .content .childs ul li {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-align: right;
  display: block;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  line-height: 30px;
  width: 100%;
  text-align: right;
}
header nav .menu-container .mega-menu .inner .content .childs ul li a {
  color: #333333;
  padding: 0px;
}
header nav .menu-container .mega-menu .inner .content .childs ul li a:hover {
  color: #0865fe;
  background: transparent;
}
header nav .menu-container .mega-menu .inner .content .childs ul li.is-title {
  position: relative;
  margin-bottom: 2px;
  margin-top: 5px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-size: 15px;
}
header nav .menu-container .mega-menu .inner .content .childs ul li.is-title:before {
  content: " ";
  background: #00c09b;
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 0;
  border-radius: 100%;
  right: -12px;
  top: -4px;
  opacity: 0.2;
}
header nav .menu-container .mega-menu .inner .content .childs ul li.is-title a {
  color: #333333;
  position: relative;
}
header nav .menu-container .mega-menu .inner .content .childs ul li.has-new-item a:after {
  content: " جدید";
  position: relative;
  top: 0px;
  right: 0;
  font-size: 10px;
  margin-right: 5px;
  padding: 0px 7px;
  border-radius: 10px;
  background-color: #f82c44;
  color: #fff;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-image {
  text-align: left;
  padding: 24px 28px;
}
header nav .menu-container .mega-menu .inner .content .mega-menu-image .img img {
  border-radius: 20px;
  width: 100%;
}
header nav .menu-container .mega-menu .inner.active {
  visibility: visible;
  opacity: 1;
  display: initial;
  transition: all 0.3s;
}
header nav .menu-container .mega-menu:hover {
  transition: all 0.3s;
}
header nav .menu-container .header-menu-box {
  text-align: center;
}
header nav .menu-container .header-menu-box ul {
  padding: 0px;
  height: 50px;
  line-height: 45px;
}
header nav .menu-container .header-menu-box ul li {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: none;
  display: inline-block;
  margin-right: 20px;
}
header nav .menu-container .header-menu-box ul li a {
  color: #333333;
  padding: 0px;
  transition: all 0.2s;
}
header nav .menu-container .header-menu-box ul li a:hover {
  color: #0865fe;
  background: transparent;
  transition: all 0.2s;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children img {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  width: 15px;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu {
  position: absolute;
  right: 0px;
  width: 100%;
  top: 115px;
  height: auto;
  padding-top: 30px;
  visibility: hidden;
  transition: all 0.2s;
  opacity: 0;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu .inner {
  width: 95%;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 40px 28px 28px;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu .inner .row {
  margin: 0px;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul {
  height: auto;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul li {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-align: right;
  display: block;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  line-height: 30px;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul li a {
  color: #333333;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul li a:hover {
  color: #0865fe;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul li:first-child {
  position: relative;
  margin-bottom: 16px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-size: 15px;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul li:first-child:before {
  content: " ";
  background: #00c09b;
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 0;
  border-radius: 100%;
  right: -12px;
  top: -4px;
  opacity: 0.2;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .sub-menu ul li:first-child a {
  color: #333333;
  position: relative;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children:hover .sub-menu {
  transition: all 0.2s;
  visibility: visible;
  opacity: 1;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .header-img-box {
  background-color: #f8fafc;
}
header nav .menu-container .header-menu-box ul li.menu-item-has-children .header-img-box img {
  width: 50%;
  margin: 0px;
}
header nav .menu-container .notification {
  height: 50px;
  line-height: 50px;
  text-align: left;
}
header nav .menu-container .notification span.alert {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin-left: 28px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  cursor: pointer;
}
header nav .menu-container .notification span.alert:hover {
  border-bottom: 2px solid #0865fe;
  transition: all 0.2s;
}
header nav .menu-container .notification span.alert .img {
  line-height: 63px;
  margin-left: 10px;
  float: right;
}
header nav .menu-container .notification .inner {
  position: absolute;
  left: 30px;
  padding-top: 22px;
  opacity: 0;
  visibility: hidden;
}
header nav .menu-container .notification .inner .scrollbox-wrapper {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
}
header nav .menu-container .notification .inner .content {
  background: #ffffff;
  border-radius: 0px;
  width: 448px;
  height: 378px;
}
header nav .menu-container .notification .inner .content .nothing {
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
header nav .menu-container .notification .inner .content .nothing span.text {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
header nav .menu-container .notification .inner .content .nothing p.footer {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  position: absolute;
  bottom: 28px;
  width: 100%;
}
header nav .menu-container .notification .inner .content .childs {
  padding: 25px 20px;
}
header nav .menu-container .notification .inner .content .childs .child {
  color: #333333;
  text-align: right;
  margin-bottom: 25px;
}
header nav .menu-container .notification .inner .content .childs .child span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin-bottom: 8px;
  padding-right: 15px;
  position: relative;
}
header nav .menu-container .notification .inner .content .childs .child span.title:before {
  content: " ";
  width: 6px;
  height: 6px;
  background-color: #0865fe;
  right: -1px;
  position: absolute;
  top: 5px;
  border-radius: 100%;
}
header nav .menu-container .notification .inner .content .childs .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  margin: 0px;
  margin-bottom: 8px;
  line-height: initial;
}
header nav .menu-container .notification .inner .content .childs .child span.footer {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  float: right;
}
header nav .menu-container .notification .inner .content .childs .child span.footer .img {
  margin-left: 6px;
  float: right;
}
header nav .menu-container .notification .inner .content .childs .child:last-child {
  margin-bottom: 0px;
}
header nav .menu-container .notification .inner .content .childs .child div.footer {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 10px;
}
header nav .menu-container .notification:hover .inner {
  opacity: 1;
  visibility: visible;
}

header.sticky {
  position: fixed;
  top: 0px !important;
  right: 0px;
  width: 100%;
  overflow: initial;
  border-radius: 0px;
  transition: all 0.3s;
  background-color: #ffffff;
}
header.sticky .container {
  margin: 0px;
  width: 100%;
  right: 0px;
  max-width: initial;
  box-shadow: 0px 9px 50px -27px rgba(0, 0, 0, 0.25);
}
header.sticky .container nav {
  border-radius: 0px;
}
header.sticky .container nav .col.s12.m4:nth-child(3) {
  height: 0px;
}
header.sticky .container .row {
  margin-bottom: 0px;
}
header.sticky .menu-container {
  display: none;
}

.modal.login-modal.open {
  height: 625px;
  min-height: 625px;
}

.login-modal {
  height: 80%;
  max-height: 560px;
}
.login-modal .description {
  width: 50%;
  background: #eef4ff;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.login-modal .description .inner {
  margin: 0 auto;
  text-align: center;
}
.login-modal .description .inner .img {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.login-modal .description .inner .img img {
  width: 100%;
}
.login-modal .description .inner .mtn {
  color: #0865fe;
}
.login-modal .description .inner .mtn span {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
}
.login-modal .description .inner .mtn p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
}
.login-modal .content {
  position: relative;
  width: 50%;
}
.login-modal .content .header {
  position: absolute;
  width: 100%;
  top: 0px;
  text-align: center;
}
.login-modal .content .header img {
  width: 158px;
  margin-top: 24px;
}
.login-modal .content .login-steps {
  min-height: 350px;
}
.login-modal .content .login-steps span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
  display: inline-block;
}
.login-modal .content .inner {
  width: 100%;
  color: #333333;
  padding-top: 100px;
}
.login-modal .content .inner .col {
  margin: 0 auto;
  position: relative;
  float: initial;
}
@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.login-modal .content .inner .col .shake {
  -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}
.login-modal .content .inner .col .step {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.2s;
  height: 0px;
}
.login-modal .content .inner .col .step.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: all 0.2;
  transition-delay: 0.3s;
}
.login-modal .content .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
  display: inline-block;
}
.login-modal .content .inner label {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333 !important;
}
.login-modal .content .inner label .previous_step {
  color: #0865fe;
  font-size: 13px;
  line-height: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.login-modal .content .inner input[type=text]#mobile_number {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  padding: 0px 16px;
  margin-top: 8px;
}
.login-modal .content .inner input[type=text]#user_name {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  padding: 0px 16px;
  margin-top: 8px;
}
.login-modal .content .inner input[type=text]#user_firstname {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  padding: 0px 16px;
  margin-top: 8px;
}
.login-modal .content .inner input[type=password]#user_password {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  padding: 0px 16px;
  margin-top: 8px;
}
.login-modal .content .inner input[type=number]#user_number {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  padding: 0px 16px;
  margin-top: 8px;
}
.login-modal .content .inner button.submit {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background-color: #0865fe;
  border: initial;
  height: 44px;
  width: 100%;
  border-radius: 12px;
  cursor: pointer;
  display: block;
  line-height: 44px;
  text-align: center;
  margin-top: 40px;
}
.login-modal .content .inner .go-to-register-step {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #0865fe;
  cursor: pointer;
}
.login-modal .content .inner .go-to-step-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #0865fe;
  cursor: pointer;
}
.login-modal .content .inner .go-to-otp-step {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #0865fe;
  cursor: pointer;
}
.login-modal .content .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  text-align: center;
}
.login-modal .content .inner p.timer {
  position: absolute;
  width: 100%;
  margin: 0px;
  font-size: 13px;
  line-height: 20px;
}
.login-modal .content .inner .digit-group .digits-box {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 16px;
  direction: ltr;
}
.login-modal .content .inner .digit-group .digits-box input {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #0865fe;
  width: 20px;
  height: 28px;
  border: none;
  line-height: 50px;
  text-align: center;
  box-shadow: 0 1px 0 0 #0865fe;
  margin: 0px 8px;
}

.discount-modal {
  height: 80%;
  max-height: 560px;
  background-color: #ffffff;
}
.discount-modal .responsive-header {
  position: absolute;
  top: 21px;
  right: 0px;
  width: 100%;
  text-align: center;
}
.discount-modal .responsive-header h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.discount-modal .description {
  width: 50%;
  background: #fff;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 20px;
}
.discount-modal .description .inner {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  width: 100%;
  background: #edf8fe;
  border-radius: 20px;
  position: relative;
}
.discount-modal .description .inner .logo {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 100%;
  text-align: center;
}
.discount-modal .description .inner .logo .img {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.discount-modal .description .inner .logo .img img {
  width: 142px;
}
.discount-modal .description .inner .mtn {
  margin: 0 auto;
  color: #0865fe;
}
.discount-modal .description .inner .mtn .img {
  margin-bottom: 12px;
}
.discount-modal .description .inner .mtn h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 9px;
}
.discount-modal .description .inner .mtn p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: rgba(51, 51, 51, 0.6);
  margin: 0px;
}
.discount-modal .description .inner .mtn p span {
  color: rgb(51, 51, 51);
}
.discount-modal .description .inner .footer {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 100%;
}
.discount-modal .description .inner .footer h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 2px;
  color: #0865fe;
}
.discount-modal .description .inner .footer p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin: 0;
}
.discount-modal .save-for-story {
  position: absolute;
  width: 50%;
  height: 100%;
  padding-right: 32px;
  padding-left: 23px;
}
.discount-modal .save-for-story .header {
  position: absolute;
  width: 100%;
  top: 0px;
  text-align: center;
  height: 100px;
  line-height: 100px;
}
.discount-modal .save-for-story .header h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  height: 100px;
  line-height: 100px;
}
.discount-modal .save-for-story .inner {
  width: 100%;
  text-align: center;
  color: #333333;
  text-align: center;
}
.discount-modal .save-for-story .inner .img {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 10px;
}
.discount-modal .save-for-story .inner .img img {
  width: 100%;
  height: 100%;
}
.discount-modal .save-for-story .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0px;
}
.discount-modal .save-for-story .footer {
  position: absolute;
  bottom: 28px;
  right: 32px;
  width: calc(100% - 43px);
}
.discount-modal .save-for-story .footer a {
  width: 100%;
}

.modal.discount-modal.open {
  height: 560px;
}

.main-sidenav {
  width: 100%;
  padding: 0px;
  z-index: 998;
}
.main-sidenav .header h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
  padding-top: 34px;
  padding-right: 24px;
  padding-bottom: 16px;
}
.main-sidenav li .collapsible.sidenav-collapsible {
  padding: 0px;
  max-height: 72vh;
  overflow-y: scroll;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-header {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  line-height: 49px;
  border-bottom: 1px solid #e5ecf1;
  transition: all 0.3s;
  margin: 0px 20px;
  margin: 0px 20px;
  padding: 0px;
  position: relative;
  display: flex;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-header:hover {
  background: transparent;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-header:after {
  content: " ";
  position: absolute;
  left: 0px;
  width: 10px;
  height: 6px;
  background: url("inc/img/collapse-down.svg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 21px;
  transition: all 0.3s;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-header .img {
  display: inline-block;
  margin-left: 10px;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-header .img img {
  vertical-align: middle;
  margin-top: 0px;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-body {
  background: #f8fafc;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-body ul {
  padding: 0px;
}
.main-sidenav li .collapsible.sidenav-collapsible li .collapsible-body ul li a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  padding-right: 48px;
  padding-left: 0px;
  line-height: 48px;
}
.main-sidenav li .collapsible.sidenav-collapsible li.active {
  background: transparent;
}
.main-sidenav li .collapsible.sidenav-collapsible li.active .collapsible-header {
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}
.main-sidenav li .collapsible.sidenav-collapsible li.active .collapsible-header:after {
  content: " ";
  transform: rotate(180deg);
  transition: all 0.3s;
}

.notification-sidenav span.alert {
  font-family: Yekanbakh !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: -0.02em !important;
  color: #333333 !important;
  padding-top: 34px !important;
  text-align: center !important;
  padding-top: 34px !important;
  text-align: center !important;
  padding-bottom: 16px !important;
  display: block !important;
}
.notification-sidenav .notification h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin-left: 28px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  cursor: pointer;
}
.notification-sidenav .notification h5:hover {
  border-bottom: 2px solid #0865fe;
  transition: all 0.2s;
}
.notification-sidenav .notification h5 .img {
  line-height: 63px;
  margin-left: 10px;
  float: right;
}
.notification-sidenav .notification .inner .content {
  background: #ffffff;
  border-radius: 0px;
  padding: 24px 20px;
}
.notification-sidenav .notification .inner .content .nothing {
  width: 100%;
  text-align: center;
}
.notification-sidenav .notification .inner .content .nothing span.text {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.notification-sidenav .notification .inner .content .nothing p.footer {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  position: absolute;
  bottom: 28px;
  width: 100%;
}
.notification-sidenav .notification .inner .content .nothing.mobile {
  margin-top: 23vh;
}
.notification-sidenav .notification .inner .content .nothing.mobile .footer {
  margin-bottom: 80px;
}
.notification-sidenav .notification .inner .content .childs .child {
  color: #333333;
  text-align: right;
  margin-bottom: 25px;
}
.notification-sidenav .notification .inner .content .childs .child span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin-bottom: 8px;
  padding-right: 15px;
  position: relative;
}
.notification-sidenav .notification .inner .content .childs .child span.title:before {
  content: " ";
  width: 6px;
  height: 6px;
  background-color: #0865fe;
  right: -1px;
  position: absolute;
  top: 5px;
  border-radius: 100%;
}
.notification-sidenav .notification .inner .content .childs .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  margin: 0px;
  margin-bottom: 8px;
  line-height: initial;
}
.notification-sidenav .notification .inner .content .childs .child span.footer {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  float: right;
  position: initial;
  float: initial;
  padding-right: 5px !important;
}
.notification-sidenav .notification .inner .content .childs .child span.footer .img {
  margin-left: 6px;
  float: right;
}
.notification-sidenav .notification .inner .content .childs .child:last-child {
  margin-bottom: 0px;
}
.notification-sidenav .notification:hover .inner {
  opacity: 1;
  visibility: visible;
}

.search-sidenav span.alert {
  font-family: Yekanbakh !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: -0.02em !important;
  color: #333333 !important;
  padding-top: 34px !important;
  text-align: center !important;
  padding-top: 34px !important;
  text-align: center !important;
  padding-bottom: 16px !important;
  display: block !important;
}
.search-sidenav .header-search-box {
  margin-top: 17px;
  width: 100%;
}
.search-sidenav .header-search-box form {
  position: relative;
}
.search-sidenav .header-search-box input[type=text] {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding-right: 44px;
  padding-left: 15px;
  float: right;
}
.search-sidenav .header-search-box input[type=text]:focus {
  border-bottom: 1px solid #0865fe !important;
  border: 1px solid #0865fe;
  box-shadow: initial !important;
}
.search-sidenav .header-search-box input[type=text]::-ms-clear {
  display: none;
}
.search-sidenav .header-search-box input[type=text] {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding-right: 44px;
  padding-left: 15px;
  float: right;
}
.search-sidenav .header-search-box input[type=text]:focus {
  border-bottom: 1px solid #0865fe !important;
  border: 1px solid #0865fe;
  box-shadow: initial !important;
}
.search-sidenav .header-search-box input[type=text]::-ms-clear {
  display: none;
}
.search-sidenav .header-search-box .search-icon .img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 18px;
  height: 18px;
  top: 13px;
  right: 15px;
}
.search-sidenav .header-search-box .search-icon .img img {
  float: right;
}
.search-sidenav .header-search-box .clear {
  display: none;
  position: absolute;
  left: 4px;
  top: -4px;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.search-sidenav .header-search-box .search-result {
  width: 100%;
  transition: all 0.3s;
}
.search-sidenav .header-search-box .search-result .inner {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 20px;
  margin-top: 10px;
  padding: 20px;
  color: #485967;
  background-color: #ffffff;
}
.search-sidenav .header-search-box .search-result .inner div {
  line-height: initial;
}
.search-sidenav .header-search-box .search-result .inner .history .right span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-right: 10px;
}
.search-sidenav .header-search-box .search-result .inner .history .right .icon {
  float: right;
  height: 24px;
}
.search-sidenav .header-search-box .search-result .inner .history .left {
  height: 24px;
}
.search-sidenav .header-search-box .search-result .inner .history .tags-child {
  margin-top: 17px;
}
.search-sidenav .header-search-box .search-result .inner .history .tags-child .tag-child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  margin-left: 7px;
  padding: 4px 8px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box {
  margin-bottom: 17px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper {
  padding: 0px 2px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 0px 30px 50px #ffffff;
  z-index: 1;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .full-result-swiper .swiper-button-next:after {
  content: "prev";
  font-size: 12px;
  background: #8ca0b2;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border-radius: 100%;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .search-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  padding: 8px;
  box-shadow: initial;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-image {
  width: 50px;
  height: 66px;
  border-radius: 6px;
  margin-left: 12px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-image img {
  width: 100%;
  height: 100%;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-title {
  margin-top: 9px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .swiper-box .search-card .card-title h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
.search-sidenav .header-search-box .search-result .inner .full-result .text-results h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 13px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .text-results h5 .img {
  float: right;
  margin-left: 12px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .text-results h5:last-child {
  margin: 0px;
}
.search-sidenav .header-search-box .search-result .inner .full-result .text-results h5 span.colorfull {
  color: #0865fe;
}
.search-sidenav .header-search-box .search-result .inner .full-result .text-results .divider {
  margin-top: 4px;
  margin-bottom: 17px;
  background-color: #e5ecf1;
}
.search-sidenav .header-search-box .search-result .inner .full-result.type-2 .search-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  padding: 8px;
  box-shadow: initial;
}
.search-sidenav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-image {
  width: 65px;
  border-radius: 6px;
  margin-left: 12px;
  height: 85px;
}
.search-sidenav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.search-sidenav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-title {
  margin-top: 9px;
}
.search-sidenav .header-search-box .search-result .inner .full-result.type-2 .search-card .card-title h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
.search-sidenav .header-search-box .search-result .inner .get-results .results-child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  display: inline-block;
  margin-left: 5px;
}
.search-sidenav .header-search-box .search-result .inner .get-results .results-child h5 .img {
  float: right;
  margin-left: 10px;
}
.search-sidenav .header-search-box .search-result .inner .get-results .results-child span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.search-sidenav .header-search-box .search-result .inner .footer a {
  width: 100%;
}
.search-sidenav .header-search-box .search-result.active {
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}

.sidenav-overlay {
  z-index: 995;
}

@media (max-width: 900px) {
  .mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content {
    width: 100% !important;
  }
  .mm-ocd.mm-ocd--right.mm-ocd--open .mm-ocd__content div.close-bottom {
    display: initial !important;
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f3f7fb;
    border-radius: 12px;
    padding: 8px;
    z-index: 9;
    left: 40px;
    bottom: 40px;
  }
  header {
    top: 0px;
  }
  header .container {
    width: 100%;
  }
  header .container .row .col {
    padding: 0px;
  }
  header .container nav {
    border-radius: 0px;
  }
  header .container nav .col.s12.m4:nth-child(2) {
    width: 45%;
  }
  header .container nav .col.s12.m4:nth-child(3) {
    width: 55%;
  }
  header .container nav .more-details-box .phone {
    margin: 0px;
  }
  header .container nav .more-details-box .phone .number p {
    line-height: 44px;
  }
  header .container nav .more-details-box .phone .number .img {
    line-height: 60px;
  }
  header .container nav .more-details-box .phone .number .img img {
    float: initial;
  }
  header .container nav .header-search-box {
    margin-top: 12px;
    width: 100%;
  }
  header .container nav .header-search-box .search-result {
    right: 0px !important;
    width: 100% !important;
    top: 125px !important;
  }
  header .container nav .mobile-header-search-box {
    width: 100%;
  }
  .modal {
    top: 50% !important;
    width: 90%;
    transform: translate(0%, -50%) !important;
    left: 0px;
  }
  .modal .modal-close {
    right: 28px;
    top: 38px;
  }
  .login-modal .content {
    width: 100%;
  }
  .login-modal .content .inner .col {
    padding: 20px;
    width: calc(100% - 20px);
    margin: 0px;
  }
  .discount-modal {
    padding: 20px;
    padding-top: 63px;
  }
  .discount-modal .modal-close {
    right: 28px;
    top: 23px;
  }
  .discount-modal .description {
    width: 100%;
    background: #fff;
    height: 100%;
    position: relative;
    padding: 0px;
  }
  .discount-modal .description .inner {
    height: 440px;
  }
  .discount-modal .save-for-story {
    position: relative;
    width: 100%;
    padding: initial;
    height: initial;
    display: block;
  }
  .discount-modal .save-for-story .inner p {
    margin-top: 28px;
  }
  .discount-modal .save-for-story .footer {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    margin-top: 20px;
  }
  .modal.discount-modal.open {
    height: auto;
    max-height: initial;
  }
}
.otp-inputs {
  display: flex;
  direction: ltr;
}
.otp-inputs input {
  margin: 0 3px !important;
  text-align: center;
}

.page-footer {
  color: #333333;
  background: #ffffff;
  position: relative;
  padding: 0px;
  overflow: hidden;
}
.page-footer .bg {
  position: absolute;
  width: 100%;
}
.page-footer .bg .right {
  position: absolute;
  top: 29%;
}
.page-footer .footer-header {
  position: relative;
  padding: 32px 0px;
  padding-top: 0;
}
.page-footer .footer-header .row {
  margin: 0px;
}
.page-footer .footer-header .left-side {
  text-align: left;
}
.page-footer .footer-header .footer-logo {
  float: right;
  width: 160px;
  margin-left: 47px;
}
.page-footer .footer-header .footer-logo img {
  width: 100%;
}
.page-footer .footer-header .right-side p {
  margin: 0px;
  color: #485967;
  margin-top: 10px;
}
.page-footer .footer-header span.seperator {
  margin: 0px 10px;
  color: #485967;
}
.page-footer .footer-header span.number {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  display: inline-block;
}
.page-footer .footer-header span.number img {
  width: 18px;
  margin-right: 10px;
}
.page-footer .footer-copyright {
  background: initial;
  padding: 0px;
  overflow: inherit;
}
.page-footer .footer-copyright .above {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  padding: 20px 0;
  background-color: #f8fafc;
  color: #485967;
  border-radius: 16px;
  margin-left: 50px;
}
.page-footer .footer-copyright .above h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.page-footer .footer-copyright .above h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.page-footer .footer-copyright .above p {
  font-weight: 400;
  margin-bottom: 0px;
}
.page-footer .footer-icons {
  position: relative;
  margin-bottom: 32px;
}
.page-footer .footer-icons .row {
  margin: 0px;
}
.page-footer .footer-icons .icon-box .img {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: right;
  width: 11%;
  margin-left: 10px;
}
.page-footer .footer-icons .icon-box .img img {
  width: 100%;
  margin-top: 6px;
}
.page-footer .footer-icons .icon-box .mtn h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.page-footer .footer-icons .icon-box .mtn p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin: 0px;
  margin-top: 2px;
}
.page-footer .footer-links {
  position: relative;
  margin-bottom: 32px;
  padding-top: 32px;
  border-top: 1px solid #f8fafc;
}
.page-footer .footer-links .row {
  margin: 0px;
}
.page-footer .footer-section h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.page-footer .footer-section h5.second {
  display: inline-block;
}
.page-footer .footer-section ul {
  color: #333333;
  transition: all 0.2s;
  padding: 0px;
  margin: 10px 0px;
}
.page-footer .footer-section ul li {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  line-height: 30px;
}
.page-footer .footer-section ul li a {
  color: #333333;
  transition: all 0.2s;
}
.page-footer .footer-section ul li a:hover {
  color: #0865fe;
  transition: all 0.2s;
}
.page-footer .footer-section .newsletter {
  position: relative;
  margin-top: 12px;
  margin-bottom: 20px;
}
.page-footer .footer-section .newsletter input.email {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding: 20px 14px;
  background: #ffffff;
}
.page-footer .footer-section .newsletter input.submit {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  position: absolute;
  left: 0px;
  height: 40px;
  width: 77px;
  background-color: #f8fafc;
  border-radius: 16px;
  border: initial;
  left: 2px;
  top: 2px;
  cursor: pointer;
}
.page-footer .footer-section .social {
  display: inline-block;
  margin-top: 9px;
}
.page-footer .footer-section .social a {
  display: inline-block;
  margin-left: 8px;
}
.page-footer .footer-section .social a .child {
  transition: all 0.2s;
  width: 120px;
  height: 40px;
  background: #f8fafc;
  line-height: 40px;
  border-radius: 10px;
  padding: 0px 11px;
}
.page-footer .footer-section .social a .child span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
.page-footer .footer-section .social a .child .img {
  height: 40px;
}
.page-footer .footer-section .social a .child .img img {
  margin-top: 7px;
}
.page-footer .footer-section .social a .child:hover {
  background-color: #e5ecf1;
  transition: all 0.2s;
}
.page-footer .footer-section .certificates {
  display: inline-block;
  margin-top: 8px;
}
.page-footer .footer-section .certificates a {
  display: inline-block;
  margin-left: 8px;
}
.page-footer .footer-section .certificates a .child {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  width: 72px;
  height: 72px;
  text-align: center;
}
.page-footer .footer-section .certificates a .child img {
  margin-top: 4px;
  max-width: 100%;
}
.page-footer .footer-copyright .bottom {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 12px 0px;
}
.page-footer .footer-copyright .bottom b {
  color: #485967;
  font-weight: 500;
}
.page-footer .footer-copyright .bottom b strong {
  font-weight: 700;
}

@media (max-width: 900px) {
  footer .footer-header .right-side.col.s12 {
    width: 50%;
    padding: 0px;
  }
  footer .footer-header .right-side.col.s12 .footer-logo {
    margin: 0px;
  }
  footer .footer-header .left-side.col.s12 {
    width: 50%;
    padding: 0px;
  }
  footer .footer-header .full-side.col.s12 {
    width: 100%;
    padding: 0px;
    font-size: 13px;
  }
  footer .footer-header .full-side.col.s12 p {
    text-align: center;
    font-size: 13px !important;
  }
  footer .footer-header .full-side.col.s12 p span.seperator {
    margin: 0px 2px;
  }
  footer .footer-icons .col.s12.m3 {
    width: 50%;
    padding: 0px;
  }
  footer .footer-icons .col.s12.m3 .icon-box {
    margin-bottom: 20px;
  }
  footer .footer-icons .col.s12.m3 .icon-box .img {
    width: 19%;
    margin-left: 4px;
  }
  footer .footer-icons .col.s12.m3 .icon-box .mtn h5 {
    line-height: 40px;
  }
  footer .footer-icons .col.s12.m3 .icon-box .mtn p {
    display: none;
  }
  footer .footer-links {
    margin-bottom: 0px;
  }
  footer .footer-links .row {
    display: flex;
    flex-wrap: wrap;
  }
  footer .footer-links .footer-section.col.l3 {
    padding: 0px;
    flex: 0 0 50%;
    margin-bottom: 28px;
  }
  footer .footer-links .footer-section .newsletter input.submit {
    height: 36px;
    left: 3px;
    top: 3px;
  }
  footer .footer-links .footer-section .social a {
    width: 100%;
  }
  footer .footer-links .footer-section .social a .child {
    width: 100%;
    margin-bottom: 12px;
  }
  footer .footer-copyright {
    text-align: justify;
  }
}
.footer-margin {
  background-color: #ffffff;
  height: 60px;
}

.page-footer.style-2 {
  background: #f8fafc;
  position: relative;
  padding: 0px;
}
.page-footer.style-2 .footer-header {
  margin-bottom: -10px;
}
.page-footer.style-2 .footer-header .right-section {
  width: 100%;
  height: 100%;
}
.page-footer.style-2 .footer-header .right-section .footer-logo {
  padding-top: 45px;
  float: right;
}
.page-footer.style-2 .footer-header .right-section .footer-logo .img {
  width: 180px;
  height: 47px;
}
.page-footer.style-2 .footer-header .right-section .footer-logo .img img {
  width: 100%;
  height: 100%;
}
.page-footer.style-2 .footer-header .center-section .go-back {
  text-align: center;
}
.page-footer.style-2 .footer-header .left-section .seperator {
  padding-top: 32px;
  text-align: left;
}
.page-footer.style-2 .footer-header .left-section .seperator p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 8px;
  margin-top: 0;
}
.page-footer.style-2 .footer-header .left-section .seperator .phone .inner {
  display: inline-block;
  line-height: 40px;
}
.page-footer.style-2 .footer-header .left-section .seperator .phone .inner span {
  font-size: 24px;
  line-height: 32px;
  font-weight: 875;
  color: #0865fe;
}
.page-footer.style-2 .footer-header .left-section .seperator .phone .inner span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.page-footer.style-2 .footer-header .left-section .seperator .phone .inner .img {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 8px;
}
.page-footer.style-2 .footer-header .left-section .seperator .phone .inner .img img {
  width: 100%;
  height: 100%;
}
.page-footer.style-2 .footer-icons {
  margin-bottom: 5px;
}
.page-footer.style-2 .footer-icons .footer-icons-child {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 25px;
}
.page-footer.style-2 .footer-icons .footer-icons-child .icon-box {
  margin-left: 20px;
}
.page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner {
  display: inline-block;
  width: 100%;
}
.page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner .img {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: right;
  width: 50px;
  height: 50px;
  margin-left: 8px;
  margin-top: -5px;
}
.page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner .img img {
  width: 100%;
  height: 100%;
}
.page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner .mtn h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 725;
  margin-bottom: 2px;
  margin-top: 1px;
}
.page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner .mtn p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
}
.page-footer.style-2 .footer-icons .footer-icons-child .row.no-margin .col.s12.m3.no-padding:nth-child(4) .icon-box {
  margin-left: 0;
}
.page-footer.style-2 .trend-links .link {
  display: inline-block;
  line-height: 40px;
}
.page-footer.style-2 .trend-links .link a {
  color: var(--text-color, #333);
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 150% */
  letter-spacing: -0.24px;
  transition: all 0.2s;
}
.page-footer.style-2 .trend-links .link a:hover {
  color: #0865fe;
  transition: all 0.2s;
}
.page-footer.style-2 .trend-links .link a:before {
  content: "# ";
  margin-right: 5px;
}
.page-footer.style-2 .footer-links {
  margin-bottom: 8px;
}
.page-footer.style-2 .footer-links-child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 16px;
}
.page-footer.style-2 .footer-links-child h5.second {
  display: inline-block;
  margin-bottom: 12px;
}
.page-footer.style-2 .footer-links-child ul {
  color: #333333;
  transition: all 0.2s;
  padding: 0px;
  margin: 0px;
}
.page-footer.style-2 .footer-links-child ul li {
  margin-bottom: 16px;
}
.page-footer.style-2 .footer-links-child ul li a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  transition: all 0.2s;
}
.page-footer.style-2 .footer-links-child ul li a:hover {
  color: #0865fe;
  transition: all 0.2s;
}
.page-footer.style-2 .footer-links-child .newsletter {
  position: relative;
  margin-top: 12px;
  margin-bottom: 20px;
}
.page-footer.style-2 .footer-links-child .newsletter input.email {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding: 20px 14px;
  background: #ffffff;
}
.page-footer.style-2 .footer-links-child .newsletter input.submit {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  position: absolute;
  left: 0px;
  height: 40px;
  width: 77px;
  background-color: #f8fafc;
  border-radius: 16px;
  border: initial;
  left: 2px;
  top: 2px;
  cursor: pointer;
}
.page-footer.style-2 .footer-links-child .social {
  display: inline-block;
  margin-bottom: 20px;
}
.page-footer.style-2 .footer-links-child .social a {
  display: inline-block;
  margin-left: 8px;
}
.page-footer.style-2 .footer-links-child .social a .child {
  transition: all 0.2s;
  width: 120px;
  height: 40px;
  background: #ffffff;
  line-height: 40px;
  border-radius: 10px;
  padding: 0px 12px;
}
.page-footer.style-2 .footer-links-child .social a .child span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
.page-footer.style-2 .footer-links-child .social a .child .img {
  height: 40px;
}
.page-footer.style-2 .footer-links-child .social a .child .img img {
  margin-top: 7px;
}
.page-footer.style-2 .footer-links-child .social a .child:hover {
  background-color: #e5ecf1;
  transition: all 0.2s;
}
.page-footer.style-2 .footer-links-child .certificates {
  display: inline-block;
}
.page-footer.style-2 .footer-links-child .certificates a {
  display: inline-block;
  margin-left: 12px;
}
.page-footer.style-2 .footer-links-child .certificates a .child {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  text-align: center;
  background-color: #ffffff;
}
.page-footer.style-2 .footer-links-child .certificates a .child img {
  width: 100%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 3px;
}
.page-footer.style-2 .footer-copyright {
  background: initial;
  padding-top: 5px;
  padding-bottom: 0;
}
.page-footer.style-2 .footer-copyright .above h4 {
  font-weight: 725;
  font-size: 18px;
  line-height: 35px;
  color: #485967;
  margin-bottom: 4px;
}
.page-footer.style-2 .footer-copyright .above p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 325;
  font-size: 15px;
  line-height: 35px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0;
}
.page-footer.style-2 .footer-copyright .bottom {
  text-align: center;
  border-top: 1px solid #e5ecf1;
  padding: 20px 0px;
}
.page-footer.style-2 .footer-copyright .bottom a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
}

@media only screen and (max-width: 500px) {
  .page-footer.style-2 {
    padding: 0 15px;
  }
  .page-footer.style-2 .footer-header {
    margin-bottom: 14px;
  }
  .page-footer.style-2 .footer-header .right-section .footer-logo {
    padding-top: 37px;
  }
  .page-footer.style-2 .footer-header .right-section .footer-logo .img {
    width: 128px;
    height: 34px;
  }
  .page-footer.style-2 .footer-header .left-section .seperator {
    padding-top: 28px;
  }
  .page-footer.style-2 .footer-header .left-section .seperator p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 325;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
  }
  .page-footer.style-2 .footer-header .left-section .seperator .phone .inner span {
    font-weight: 875;
  }
  .page-footer.style-2 .footer-header .left-section .seperator .phone .inner span span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .page-footer.style-2 .footer-header .left-section .seperator .phone .inner .img {
    width: 30px;
    height: 30px;
  }
  .page-footer.style-2 .footer-icons .footer-icons-child {
    padding: 0;
    background-color: transparent;
    padding-top: 14px;
    margin-bottom: 38px;
  }
  .page-footer.style-2 .footer-icons .footer-icons-child .icon-box {
    margin-left: 18px;
    margin-bottom: 12px;
  }
  .page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner .img {
    width: 30px;
    height: 30px;
  }
  .page-footer.style-2 .footer-icons .footer-icons-child .icon-box .inner .mtn h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin-top: 4px;
  }
  .page-footer.style-2 .footer-links-child {
    padding: 15px;
  }
  .page-footer.style-2 .footer-links-child h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .page-footer.style-2 .footer-links-child h5.second {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .page-footer.style-2 .footer-links-child ul {
    margin-bottom: 38px;
  }
  .page-footer.style-2 .footer-links-child ul li a {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .page-footer.style-2 .footer-links-child .certificates {
    margin-bottom: 62px;
  }
  .page-footer.style-2 .footer-copyright {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .page-footer.style-2 .footer-copyright .above {
    padding: 20px;
    margin: 0;
  }
}
.home .blog-box-type1 {
  display: flex;
  height: 120px;
  background: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 16px;
  margin: 12px 0;
  transition: 0.3s ease-out;
}
.home .blog-box-type1:hover {
  box-shadow: 0px 30px 40px -40px #c2cfe2;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.home .blog-box-type1 .title {
  margin-top: 10px;
}
.home .blog-box-type1 .title h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  text-align: right;
  letter-spacing: -0.02em;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.home .blog-box-type1 .title span.category {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  letter-spacing: -0.02em;
  color: #0865fe;
}
.home .blog-box-type1 > a {
  flex-shrink: 0;
}
.home .blog-box-type1 img {
  height: 77px;
  border-radius: 20px;
  float: right;
  vertical-align: middle;
  margin-top: 5px;
  margin-left: 15px;
}
.home .blog-box-type2.responsive {
  height: 385px;
}
.home .blog-box-type2 {
  height: 516px;
  background: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 20px;
  margin-top: 12px;
  transition: 0.3s ease-out;
}
.home .blog-box-type2:hover {
  box-shadow: 0px 30px 40px -40px #c2cfe2;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.home .blog-box-type2 span.category {
  position: absolute;
  display: block;
  right: 50%;
  transform: translateX(50%);
  margin-top: -30px;
  background: #fff;
  border-radius: 12px 12px 0px 0px;
  padding: 6px 20px 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #0865fe;
}
.home .blog-box-type2 h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #333333;
  padding-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.home .blog-box-type2 img {
  border-radius: 20px;
  display: block;
}
.home .blog-box-type2 div.excerpt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.home .blog-box-type2 .small-detail-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.home .blog-box-type2 .small-detail-info .estimate-time {
  display: flex;
  align-items: center;
  gap: 5px;
}
.home .blog-box-type2 .small-detail-info .estimate-time img {
  width: 27px;
}
.home .blog-box-type2 .small-detail-info .estimate-time .number {
  color: #0865fe;
}
.home .blog-box-type2 .small-detail-info .estimate-time .number span {
  font-weight: 800;
  font-size: 22px;
}
.home .blog-box-type2 .small-detail {
  text-align: center;
  margin-top: 10px;
}
.home .blog-box-type2 .small-detail img {
  display: inline-block !important;
  border-radius: unset !important;
  vertical-align: middle;
  margin-left: 5px;
}
.home .blog-box-type2 .small-detail .publish-time {
  display: inline-block;
}
.home .special-product-box.style-2 {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 32px;
  background: #fff;
  height: 402px;
}
.home .landing-main-offers.type-2#color-4 {
  border-radius: 20px;
}
.home .landing-main-offers.landing-home {
  margin-bottom: 50px !important;
}
.home .offers-list-box.landing-home {
  padding: 50px 25px 25px 25px !important;
}
.home .offers-list-box.landing-home .heading-type-6 .img img {
  height: 30px;
  margin-top: 12px;
  filter: brightness(3.5);
}
.home .landing-swiper-card.landing-home {
  background: transparent;
  box-shadow: initial;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.home .landing-swiper-card.landing-home:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0px;
  right: 0px;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.2;
}
.home .landing-swiper-card.landing-home .card-image {
  border-radius: 12px;
  overflow: hidden;
}
.home .landing-swiper-card.landing-home .card-image img {
  border-radius: 12px;
}
.home .landing-swiper-card.landing-home .card-image.landing-category-image {
  width: 173px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.home .landing-swiper-card.landing-home .card-content {
  padding: 0px;
}
.home .landing-swiper-card.landing-home .card-content h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  margin: 0px;
  font-weight: 700;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 33px;
  padding: 15px;
  text-align: right;
}
.home .landing-swiper-card.landing-home .card-action {
  padding: 0px;
  border: initial;
}
.home .landing-swiper-card.landing-home .card-action p {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #f8fafc;
  line-height: 18px;
  margin: 0px;
}
.home .landing-swiper-card.landing-home .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
  color: #fff;
}
.home .landing-swiper-card.landing-home .small-details .discount .line {
  color: #dde7ef;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.home .landing-swiper-card.landing-home .small-details .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.home .hero-section {
  padding-top: 35px !important;
  padding-bottom: 20px !important;
}
.home .hero-section .hero-image img {
  max-width: 100%;
}
.home .hero-section h1 {
  color: #0865fe;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}
.home .hero-section h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #485967;
}
.home .hero-section p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 24px;
}
.home .hero-section .contact {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: rgba(8, 101, 254, 0.06);
  border-radius: 12px;
  display: inline-block;
  padding: 6px;
}
.home .hero-section .contact .badge-box {
  color: #ffffff;
  background-color: #0865fe;
  padding: 8px 12px;
  border-radius: 12px;
  float: right;
  margin-left: 20px;
}
.home .hero-section .contact .left {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #0865fe;
  height: 37px;
  line-height: 40px;
  margin-left: 14px;
  direction: ltr;
  font-weight: bold;
}
.home .hero-section .contact .left .perfix {
  font-weight: 200;
}
.home .features-section {
  margin-bottom: 76px;
}
.home .features-section .feature-child {
  background-color: #f3f7fb;
  text-align: center;
  border-radius: 20px;
  padding: 30px;
  transition: all 0.2s;
}
.home .features-section .feature-child .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-top: 22px;
}
.home .features-section .feature-child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
  margin-top: 4px;
}
.home .features-section .feature-child:hover {
  background: #ffffff;
  box-shadow: 0px 30px 60px -40px #c2cfe2;
  transition: all 0.2s;
}
.home .amazing-offer .content {
  height: 400px;
  background: url("inc/img/red-bg.svg");
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 44px;
  background-color: #f22966;
}
.home .amazing-offer .content .amazing-offer-swiper {
  height: 312px;
  background: black;
  border-radius: 20px;
}
.home .amazing-offer .content .amazing-offer-swiper .swiper-button-next {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.home .amazing-offer .content .amazing-offer-swiper .swiper-button-next:after {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
}
.home .amazing-offer .content .inner .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
  line-height: 40px;
}
.home .amazing-offer .content .inner .heading span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
}
.home .amazing-offer .content .inner .img {
  padding-right: 30px;
}
.home .amazing-offer .content .inner .img.takhfif-plus img {
  height: 165px;
}
.home .amazing-offer .content .inner .counter p,
.home .amazing-offer .content .inner .mobile-counter p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff0909;
  margin: 0px;
  display: inline-block;
  margin-left: 6px;
  text-align: center;
  background: #fff5f5;
  padding: 6px;
  border-radius: 12px;
  width: 50px;
}
.home .amazing-offer .content .inner .counter p span,
.home .amazing-offer .content .inner .mobile-counter p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  color: #8d1515;
  width: 100%;
}
.home .book-amazing-offer .content {
  height: 400px;
  background: linear-gradient(rgba(0, 192, 154, 0.8274509804), rgba(0, 192, 154, 0.8274509804)), url("inc/img/red-bg.svg");
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 44px;
}
.home .book-amazing-offer .content .amazing-offer-swiper {
  height: 312px;
  background: black;
  border-radius: 20px;
}
.home .book-amazing-offer .content .amazing-offer-swiper .swiper-button-next {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.home .book-amazing-offer .content .amazing-offer-swiper .swiper-button-next:after {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
}
.home .book-amazing-offer .content .inner {
  margin-top: 100px;
}
.home .book-amazing-offer .content .inner .btn.type-4 {
  margin-top: 20px;
}
.home .book-amazing-offer .content .inner .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
  line-height: 40px;
}
.home .book-amazing-offer .content .inner .heading span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
}
.home .book-amazing-offer .content .inner .heading img {
  filter: brightness(100);
  vertical-align: middle;
  height: 25px;
  margin-left: 7px;
}
.home .book-amazing-offer .content .inner .img {
  padding-right: 30px;
}
.home .book-amazing-offer .content .inner .img.takhfif-plus img {
  height: 165px;
}
.home .book-amazing-offer .content .inner .counter p,
.home .book-amazing-offer .content .inner .mobile-counter p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff0909;
  margin: 0px;
  display: inline-block;
  margin-left: 6px;
  text-align: center;
  background: #fff5f5;
  padding: 6px;
  border-radius: 12px;
  width: 50px;
}
.home .book-amazing-offer .content .inner .counter p span,
.home .book-amazing-offer .content .inner .mobile-counter p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  color: #8d1515;
  width: 100%;
}
.text-book-v2 .amazing-offer .content {
  height: 400px;
  background: url("inc/img/red-bg.svg");
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 44px;
  background-color: #0654d1;
}
.text-book-v2 .amazing-offer .content .amazing-offer-swiper {
  height: 312px;
  background: black;
  border-radius: 20px;
}
.text-book-v2 .amazing-offer .content .amazing-offer-swiper .swiper-button-next {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.text-book-v2 .amazing-offer .content .amazing-offer-swiper .swiper-button-next:after {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
}
.text-book-v2 .amazing-offer .content .inner .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
  line-height: 40px;
}
.text-book-v2 .amazing-offer .content .inner .heading span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
}
.text-book-v2 .amazing-offer .content .inner .img {
  padding-right: 30px;
}
.text-book-v2 .amazing-offer .content .inner .img.takhfif-plus img {
  height: 165px;
}
.text-book-v2 .amazing-offer .content .inner .counter p,
.text-book-v2 .amazing-offer .content .inner .mobile-counter p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff0909;
  margin: 0px;
  display: inline-block;
  margin-left: 6px;
  text-align: center;
  background: #fff5f5;
  padding: 6px;
  border-radius: 12px;
  width: 50px;
}
.text-book-v2 .amazing-offer .content .inner .counter p span,
.text-book-v2 .amazing-offer .content .inner .mobile-counter p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  color: #8d1515;
  width: 100%;
}
.text-book-v2 .book-amazing-offer .content {
  height: 400px;
  background: linear-gradient(rgba(0, 192, 154, 0.8274509804), rgba(0, 192, 154, 0.8274509804)), url("inc/img/red-bg.svg");
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 44px;
}
.text-book-v2 .book-amazing-offer .content .amazing-offer-swiper {
  height: 312px;
  background: black;
  border-radius: 20px;
}
.text-book-v2 .book-amazing-offer .content .amazing-offer-swiper .swiper-button-next {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.text-book-v2 .book-amazing-offer .content .amazing-offer-swiper .swiper-button-next:after {
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  border-radius: 100%;
  color: #0865fe;
}
.text-book-v2 .book-amazing-offer .content .inner {
  margin-top: 100px;
}
.text-book-v2 .book-amazing-offer .content .inner .btn.type-4 {
  margin-top: 20px;
}
.text-book-v2 .book-amazing-offer .content .inner .heading {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
  line-height: 40px;
}
.text-book-v2 .book-amazing-offer .content .inner .heading span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
}
.text-book-v2 .book-amazing-offer .content .inner .heading img {
  filter: brightness(100);
  vertical-align: middle;
  height: 25px;
  margin-left: 7px;
}
.text-book-v2 .book-amazing-offer .content .inner .img {
  padding-right: 30px;
}
.text-book-v2 .book-amazing-offer .content .inner .img.takhfif-plus img {
  height: 165px;
}
.text-book-v2 .book-amazing-offer .content .inner .counter p,
.text-book-v2 .book-amazing-offer .content .inner .mobile-counter p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff0909;
  margin: 0px;
  display: inline-block;
  margin-left: 6px;
  text-align: center;
  background: #fff5f5;
  padding: 6px;
  border-radius: 12px;
  width: 50px;
}
.text-book-v2 .book-amazing-offer .content .inner .counter p span,
.text-book-v2 .book-amazing-offer .content .inner .mobile-counter p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  display: block;
  color: #8d1515;
  width: 100%;
}





.home .offer-section {
  height: 130px;
  line-height: 130px;
  margin-bottom: 40px;
}
.home .offer-section .content {
  background: url("inc/img/blue-bg.svg");
  background-color: #0865fe;
  border-radius: 20px;
  height: 130px;
}
.home .offer-section .content .child h4 {
  height: 130px;
  line-height: 130px;
}
.home .offer-section .content .child.one h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.02em;
}
.home .offer-section .content .child.two h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
}
.home .best-selling-section {
  position: relative;
  margin-bottom: 50px;
}
.home .best-selling-section .bg {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0%, -50%);
  z-index: -1;
}
.home .best-selling-section .bg img {
  width: 100%;
}
.home .adds-section {
  margin: 20px 0px;
}
.home .adds-section img {
  width: 100%;
}
.home .top-products-section {
  position: relative;
}
.home .top-products-section .bg:before {
  content: " ";
  width: 100%;
  height: 320px;
  position: absolute;
  background: #f6fbff;
  top: 50%;
  transform: translate(0%, -50%);
}
.home .top-products-section .heading-type-1 .theme-tabs {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
}
.home .categories-section {
  position: relative;
  margin: 100px 0px;
}
.home .categories-section .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: -74px;
}
.home .categories-section .bg img {
  width: 100%;
}
.home .categories-section .child {
  width: 18%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 9px 50px -27px rgba(0, 0, 0, 0.25);
  display: inline-block;
  margin: 0.92%;
  text-align: center;
  padding: 30px 0px;
}
.home .categories-section .child h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-top: 22px;
}
.home .top-released-section {
  margin-bottom: 50px;
}
.home .top-released-section .brands-swipper .swiper-slide {
  text-align: center;
}
.home .top-released-section .brands-swipper .swiper-button-prev,
.home .top-released-section .brands-swipper .swiper-button-next {
  display: flex !important;
}
.home .top-released-section .brands-swipper .swiper-button-prev::after,
.home .top-released-section .brands-swipper .swiper-button-next::after {
  font-size: 11px;
  width: 27px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  border-radius: 100%;
  background: #c137cc;
  color: #fff;
}
.home .top-released-section .brands-swipper .swiper-button-next.swiper-button-disabled,
.home .top-released-section .brands-swipper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

@media (max-width: 900px) {
  .home .landing-swiper-card.landing-home .card-image.landing-category-image {
    width: 210px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .home .landing-swiper-card.landing-home .card-content {
    max-width: 190px;
    padding: 0px;
    margin-bottom: 20px;
  }
  .home .landing-swiper-card.landing-home .card-content h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin: 0px;
    font-weight: 700;
    color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 33px;
    padding: 15px;
    text-align: right;
  }
  .home .landing-swiper-card.landing-home .card-action {
    padding: 0px;
    border: initial;
  }
  .home .landing-swiper-card.landing-home .card-action p {
    font-family: "Yekanbakh";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #f8fafc;
    line-height: 18px;
    margin: 0px;
  }
  .home .landing-swiper-card.landing-home .small-details {
    line-height: 26px;
    padding: 0px 30px;
    text-align: left;
    color: #fff;
  }
  .home .landing-swiper-card.landing-home .small-details .discount .line {
    color: #dde7ef;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    line-height: 29px;
    margin-left: 5px;
    text-decoration: line-through;
  }
  .home .landing-swiper-card.landing-home .small-details .discount .percentage {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    background: #ff253f;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 44px;
    height: 26px;
    border-radius: 20px;
    line-height: 29px;
    text-align: center;
  }
  .home .hero-section .row {
    display: block;
  }
  .home .hero-section .content {
    text-align: center;
  }
  .home .hero-section .content h1 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -0.02em;
    font-size: 40px;
  }
  .home .hero-section .content h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 900;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
    font-size: 20px !important;
  }
  .home .hero-section .content p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.02em;
  }
  .home .features-section .row .col.s12 {
    width: 50%;
  }
  .home .features-section .feature-child {
    margin-bottom: 20px;
  }
  .home .features-section .feature-child {
    padding: 20px;
  }
  .home .features-section .feature-child .heading {
    margin-top: 5px;
  }
  .home .amazing-offer .container {
    width: 100%;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size {
    display: block !important;
    padding-left: 0px;
    border-radius: 0px;
    padding-right: 20px;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box {
    white-space: nowrap;
    overflow-x: auto;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box {
    padding: 0px 15px;
    margin-top: 15px;
    display: inline-block;
    float: right;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus img {
    height: 150px;
    margin: 20px 0 26px 0;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    padding: 4px;
    border-radius: 12px;
    width: 44px;
    height: 54px;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products {
    display: flex;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card {
    display: inline-block;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:first-child {
    border-radius: 0px 20px 20px 0px;
  }
  .home .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:last-child {
    border-radius: 20px 0px 0px 20px;
    margin-left: 16px;
  }
  .home .book-amazing-offer .container {
    width: 100%;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size {
    display: block !important;
    padding-left: 0px;
    border-radius: 0px;
    padding-right: 20px;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box {
    white-space: nowrap;
    overflow-x: auto;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box {
    padding: 0px 20px;
    margin-top: 15px;
    display: inline-block;
    float: right;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus img {
    height: 150px;
    margin: 20px 0 26px 0;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-size: 28px;
    padding: 10px 0;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    padding: 4px;
    border-radius: 12px;
    width: 44px;
    height: 54px;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products {
    display: flex;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card {
    display: inline-block;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:first-child {
    border-radius: 0px 20px 20px 0px;
  }
  .home .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:last-child {
    border-radius: 20px 0px 0px 20px;
    margin-left: 16px;
  }
  
  .text-book-v2 .amazing-offer .container {
    width: 100%;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size {
    display: block !important;
    padding-left: 0px;
    border-radius: 15px;
    padding-right: 20px;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box {
    white-space: nowrap;
    overflow-x: auto;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box {
    padding: 0px 15px;
    margin-top: 15px;
    display: inline-block;
    float: right;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus img {
    height: 150px;
    margin: 20px 0 26px 0;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    padding: 4px;
    border-radius: 12px;
    width: 44px;
    height: 54px;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products {
    display: flex;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card {
    display: inline-block;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:first-child {
    border-radius: 0px 20px 20px 0px;
  }
  .text-book-v2 .amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:last-child {
    border-radius: 20px 0px 0px 20px;
    margin-left: 16px;
  }
  .text-book-v2 .book-amazing-offer .container {
    width: 100%;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size {
    display: block !important;
    padding-left: 0px;
    border-radius: 0px;
    padding-right: 20px;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box {
    white-space: nowrap;
    overflow-x: auto;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box {
    padding: 0px 20px;
    margin-top: 15px;
    display: inline-block;
    float: right;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .img.takhfif-plus img {
    height: 150px;
    margin: 20px 0 26px 0;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .heading span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-size: 28px;
    padding: 10px 0;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    padding: 4px;
    border-radius: 12px;
    width: 44px;
    height: 54px;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-box .inner .mobile-counter p span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products {
    display: flex;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card {
    display: inline-block;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:first-child {
    border-radius: 0px 20px 20px 0px;
  }
  .text-book-v2 .book-amazing-offer .content.show-on-responsive-mobile-size .inner-scroll-box .special-products .mobile-card:last-child {
    border-radius: 20px 0px 0px 20px;
    margin-left: 16px;
  }
  
  
  .home .offer-section {
    height: 200px;
  }
  .home .offer-section .content {
    height: 200px;
  }
  .home .offer-section .content .child h4 {
    line-height: 75px !important;
    height: 42px;
  }
  .home .offer-section .content .one h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .home .offer-section .content .two h4 {
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
  }
  .home .adds-section img {
    margin-bottom: 20px;
  }
  .home .top-products-section .bg:before {
    content: " ";
    width: 100%;
    height: 150px;
    position: absolute;
    background: #f6fbff;
    top: 67%;
    transform: translate(0%, -50%);
  }
  .home .top-products-section .heading-type-1 .theme-tabs {
    position: relative;
    right: initial;
    top: initial;
    transform: initial;
    width: 100%;
    box-shadow: initial;
    margin-top: 33px;
    margin-right: -25px !important;
  }
  .home .categories-section .bg {
    overflow-y: hidden;
  }
  .home .categories-section .bg img {
    width: initial;
    height: 130%;
  }
  .home .categories-section .child {
    width: 100%;
    margin-bottom: 20px;
  }
  .home .top-released-section .container {
    width: 100%;
  }
  .home .top-released-section .brands-swipper .swiper-slide .img img {
    width: 100%;
  }
  .home .top-released-section .brands-slide .child {
    display: inline-block;
    margin-left: 36px;
  }
  .home .blog-posts-section .blog-posts-cards-scroll .card.blog-card {
    display: inline-block;
    margin-left: 30px;
  }
}
.index-2 .main-content .container.brand-description h2 {
  font-weight: 800;
  color: #555555;
  font-size: 20px;
}
.index-2 .main-content .container.brand-description p {
  font-size: 15px;
  line-height: 27px;
}
.index-2 .main-content .container.brand-description {
  background: #f8fafc;
  padding: 24px 30px;
  border-radius: 24px;
  margin-top: 100px;
  position: relative;
}
.index-2 .main-content .container.brand-description img {
  position: absolute;
  top: -30px;
  left: 35px;
}
.index-2 .main-content .container.brand-description p {
  margin-bottom: 0 !important;
}
.index-2 .main-content .container.brand-description.responsive {
  padding: 24px !important;
}
.index-2 .main-content .container.brand-description.responsive p {
  margin-bottom: 0 !important;
}
.index-2 .main-content .container.brand-description.responsive img {
  position: unset !important;
}
.index-2 .main-content .container.brand-description h1 {
  color: #0865fe;
  font-style: normal;
  font-weight: 900;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
.index-2 .main-content .hero-section {
  margin-bottom: 76px;
}
.index-2 .main-content .hero-section .right-section {
  position: relative;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section {
  border-radius: 20px;
  z-index: 2;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .swiper-wrapper .swiper-slide {
  height: auto;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .swiper-wrapper .swiper-slide .slide-img {
  width: 100%;
  height: 380px;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .swiper-wrapper .swiper-slide .slide-img .img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .swiper-wrapper .swiper-slide .slide-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-pagination {
  position: absolute;
  left: 32px;
  z-index: 1;
  text-align: left;
  bottom: 46px;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0865fe;
  opacity: 1;
  border-radius: 4px;
  width: 16px;
  height: 6px;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-pagination .swiper-pagination-bullet {
  background: #8ca0b2;
  opacity: 0.7;
  width: 6px;
  height: 6px;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-button-parent {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-button-parent .right-swiper-hero-section-swiper-button-prev {
  position: absolute;
  right: 46px;
  bottom: 34px;
  width: 30px;
  height: 30px;
  background-image: url("inc/img/hero-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  float: right;
}
.index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-button-parent .right-swiper-hero-section-swiper-button-next {
  bottom: 34px;
  position: absolute;
  right: 100px;
  width: 30px;
  height: 30px;
  background-image: url("inc/img/hero-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.index-2 .main-content .hero-section .right-section .first-bg {
  width: 93%;
  height: 62px;
  background: #f3c5a4;
  border-radius: 20px;
  position: absolute;
  bottom: -8px;
  z-index: 1;
  left: 28px;
}
.index-2 .main-content .hero-section .right-section .second-bg {
  width: 86%;
  height: 62px;
  background: #64bca8;
  border-radius: 20px;
  position: absolute;
  bottom: -16px;
  left: 55px;
}
.index-2 .main-content .hero-section .left-section {
  position: relative;
  margin-right: 32px;
}
.index-2 .main-content .hero-section .left-section .left-section-swiper {
  overflow: hidden;
  box-shadow: 0px 30px 60px -40px #d5e0f2;
}
.index-2 .main-content .hero-section .left-section .left-section-swiper .card-header {
  text-align: center;
  padding: 18px 0px;
  background-color: #ffffff;
  border-radius: 20px 20px 0px 0px;
}
.index-2 .main-content .hero-section .left-section .left-section-swiper .card-header .img {
  width: 158px;
  height: 34px;
  margin: 0 auto;
  position: relative;
}
.index-2 .main-content .hero-section .left-section .left-section-swiper .card-header .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .hero-section .left-section .left-section-swiper .card-header::before {
  content: " ";
  width: 48px;
  height: 2px;
  border-bottom: 1px dashed #e5ecf1;
  position: absolute;
  top: 34px;
  left: 0;
}
.index-2 .main-content .hero-section .left-section .left-section-swiper .card-header::after {
  content: " ";
  width: 48px;
  height: 2px;
  border-bottom: 1px dashed #e5ecf1;
  position: absolute;
  top: 34px;
  right: 0;
}
.index-2 .main-content .hero-section .left-section .left-swiper-swiper-pagination {
  transform: rotate(270deg);
  position: absolute;
  left: 0px;
  bottom: 46px;
  right: calc(50% + 8px);
}
.index-2 .main-content .hero-section .left-section .left-swiper-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 16px;
  background: #ff253f;
  border-radius: 2px;
}
.index-2 .main-content .hero-section .left-section .left-swiper-swiper-pagination .swiper-pagination-bullet {
  background: #8ca0b2;
  border-radius: 2px;
  width: 3px;
  height: 8px;
}
.index-2 .main-content .hero-section .left-section .swiper-hero-progress {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 0;
  height: 3px;
  background: #fff;
  z-index: 5;
}
.index-2 .main-content .hero-section.with-margin-top {
  margin-top: 5px;
}
.index-2 .main-content .discount-section {
  margin-bottom: 210px;
  background-color: #ff253f;
  height: 334px;
  width: auto;
  position: relative;
  z-index: 1;
}
.index-2 .main-content .discount-section .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.index-2 .main-content .discount-section .bg .img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .discount-section .bg .img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-2 .main-content .discount-section .discount-title {
  padding: 50px 0px;
}
.index-2 .main-content .discount-section .discount-title .right-content .img {
  width: 189px;
  height: 76px;
}
.index-2 .main-content .discount-section .discount-title .right-content .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .discount-section .discount-title .left-content {
  text-align: left;
  margin-top: 14px;
  margin-bottom: 6px;
}
.index-2 .main-content .discount-section .discount-title .left-content .counter p,
.index-2 .main-content .discount-section .discount-title .left-content .mobile-counter p {
  font-weight: 875;
  font-size: 20px;
  line-height: 28px;
  color: #f8fafc;
  margin: 0px;
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  background: #ff5165;
  border-radius: 8px;
  width: 50px;
  height: 56px;
  padding: 5px 10px;
}
.index-2 .main-content .discount-section .discount-title .left-content .counter p span,
.index-2 .main-content .discount-section .discount-title .left-content .mobile-counter p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
  width: 100%;
}
.index-2 .main-content .discount-section .discount-content {
  width: auto;
  height: auto;
}
.index-2 .main-content .discount-section .discount-content .discount-swiper {
  position: relative;
}
.index-2 .main-content .discount-section .discount-content .discount-swiper .arrow {
  position: absolute;
  top: 62px;
  width: 100%;
}
.index-2 .main-content .discount-section .discount-content .discount-swiper .arrow .arrow-child {
  display: inline-block;
}
.index-2 .main-content .discount-section .discount-content .discount-swiper .arrow .arrow-child .discount-swiper-button-next {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 73px;
  right: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #ffffff;
  background-image: url("inc/img/discount-right-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  box-shadow: 0px 0px 40px -40px rgba(0, 0, 0, 0.2);
}
.index-2 .main-content .discount-section .discount-content .discount-swiper .arrow .arrow-child .discount-swiper-button-prev {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 73px;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #ffffff;
  background-image: url("inc/img/discount-left-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  box-shadow: 0px 0px 40px -40px rgba(0, 0, 0, 0.2);
}
.index-2 .main-content .discount-section .discount-content .discount-swiper .swiper.discount-swiper-details {
  border-radius: 20px;
}
.index-2 .main-content .discount-section .discount-content .discount-swiper .swiper.discount-swiper-details .swiper-card {
  min-height: 325px;
}
.text-book-v2 .discount-section {
  margin-bottom: 210px;
  background-color: #353aff;
  height: 334px;
  width: auto;
  position: relative;
  z-index: 1;
}
.text-book-v2 .discount-section .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.text-book-v2 .discount-section .bg .img {
  width: 100%;
  height: 100%;
}
.text-book-v2 .discount-section .bg .img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-book-v2 .discount-section .discount-title {
  padding: 50px 0px;
}
.text-book-v2 .discount-section .discount-title .right-content .img {
  width: 189px;
  height: 76px;
}
.text-book-v2 .discount-section .discount-title .right-content .img img {
  width: 100%;
  height: 100%;
}
.text-book-v2 .discount-section .discount-title .left-content {
  text-align: left;
  margin-top: 14px;
  margin-bottom: 6px;
}
.text-book-v2 .discount-section .discount-title .left-content .counter p,
.text-book-v2 .discount-section .discount-title .left-content .mobile-counter p {
  font-weight: 875;
  font-size: 20px;
  line-height: 28px;
  color: #f8fafc;
  margin: 0px;
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  background: #5357ff;
  border-radius: 8px;
  width: 50px;
  height: 56px;
  padding: 5px 10px;
}
.text-book-v2 .discount-section .discount-title .left-content .counter p span,
.text-book-v2 .discount-section .discount-title .left-content .mobile-counter p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
  width: 100%;
}
.text-book-v2 .discount-section .discount-content {
  width: auto;
  height: auto;
}
.text-book-v2 .discount-section .discount-content .discount-swiper {
  position: relative;
}
.text-book-v2 .discount-section .discount-content .discount-swiper .arrow {
  position: absolute;
  top: 62px;
  width: 100%;
}
.text-book-v2 .discount-section .discount-content .discount-swiper .arrow .arrow-child {
  display: inline-block;
}
.text-book-v2 .discount-section .discount-content .discount-swiper .arrow .arrow-child .discount-swiper-button-next {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 73px;
  right: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #ffffff;
  background-image: url("inc/img/discount-right-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  box-shadow: 0px 0px 40px -40px rgba(0, 0, 0, 0.2);
}
.text-book-v2 .discount-section .discount-content .discount-swiper .arrow .arrow-child .discount-swiper-button-prev {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 73px;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #ffffff;
  background-image: url("inc/img/discount-left-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  box-shadow: 0px 0px 40px -40px rgba(0, 0, 0, 0.2);
}
.text-book-v2 .discount-section .discount-content .discount-swiper .swiper.discount-swiper-details {
  border-radius: 20px;
}
.text-book-v2 .discount-section .discount-content .discount-swiper .swiper.discount-swiper-details .swiper-card {
  min-height: 325px;
}



.index-2 .main-content .empty-columns-section {
  margin-bottom: 102px;
}
.index-2 .main-content .empty-columns-section .fifthm img {
  border-radius: 20px;
  margin-bottom: -10px;
  width: auto;
}
.index-2 .main-content .empty-columns-section .col-right.no-padding {
  display: inline-block;
  width: 28.59%;
}
.index-2 .main-content .empty-columns-section .col-left.no-padding {
  float: left;
  width: 70%;
}
.index-2 .main-content .empty-columns-section .right-content .fifth img {
  border-radius: 20px;
  margin-left: 20px;
  width: auto;
}
.index-2 .main-content .empty-columns-section .left-content .first-section img {
  width: auto;
  border-radius: 20px;
  margin-bottom: 20px;
}
.index-2 .main-content .empty-columns-section .left-content .second-section img {
  width: auto;
  border-radius: 20px;
  margin-bottom: 20px;
}
.index-2 .main-content .empty-columns-section .left-content .third-section img {
  width: auto;
  border-radius: 20px;
}
.index-2 .main-content .empty-columns-section .left-content .forth-section img {
  width: auto;
  border-radius: 20px;
}
.text-book-v2 .empty-columns-section {
  margin-bottom: 40px;
  margin-top: 40px;
}
.text-book-v2 .empty-columns-section .fifthm img {
  border-radius: 20px;
  margin-bottom: -10px;
  width: auto;
}
.text-book-v2 .empty-columns-section .col-right.no-padding {
  display: inline-block;
  width: 28.59%;
}
.text-book-v2 .empty-columns-section .col-left.no-padding {
  float: left;
  width: 70%;
}
.text-book-v2 .empty-columns-section .right-content .fifth img {
  border-radius: 20px;
  margin-left: 20px;
  width: auto;
}
.text-book-v2 .empty-columns-section .left-content .first-section img {
  width: auto;
  border-radius: 20px;
  margin-bottom: 20px;
}
.text-book-v2 .empty-columns-section .left-content .second-section img {
  width: auto;
  border-radius: 20px;
  margin-bottom: 20px;
}
.text-book-v2 .empty-columns-section .left-content .third-section img {
  width: auto;
  border-radius: 20px;
}
.text-book-v2 .empty-columns-section .left-content .forth-section img {
  width: auto;
  border-radius: 20px;
}

.index-2 .main-content .best-publication-section {
  margin-bottom: 70px;
}
.index-2 .main-content .best-publication-section .title {
  margin-bottom: 42px;
}
.index-2 .main-content .best-publication-section .title .right-section {
  margin-top: 12px;
}
.index-2 .main-content .best-publication-section .title .right-section .best-publication-section-title {
  position: relative;
  margin-right: 20px;
}
.index-2 .main-content .best-publication-section .title .right-section .best-publication-section-title h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .best-publication-section .title .right-section .best-publication-section-title h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .best-publication-section .title .right-section .best-publication-section-title .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #ffefb5;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .best-publication-section .title .arrow {
  width: 100%;
  text-align: left;
}
.index-2 .main-content .best-publication-section .title .arrow .arrow-child {
  float: left;
}
.index-2 .main-content .best-publication-section .title .arrow .arrow-child .best-publication-section-swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #f3f7fb;
  background-image: url("inc/img/discount-right-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  float: right;
  cursor: pointer;
}
.index-2 .main-content .best-publication-section .title .arrow .arrow-child .best-publication-section-swiper-button-prev {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #f3f7fb;
  background-image: url("inc/img/discount-left-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  float: right;
  margin-right: 12px;
  cursor: pointer;
}
.index-2 .main-content .best-publication-section .best-publication-section-swiper {
  position: relative;
  display: block;
}
.index-2 .main-content .best-publication-section .best-publication-section-swiper .bg .right-bg {
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 231px;
  height: 111px;
  top: 0;
  right: 0;
}
.index-2 .main-content .best-publication-section .best-publication-section-swiper .bg .left-bg {
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  width: 231px;
  height: 111px;
  top: 0;
  left: 0;
}
.index-2 .main-content .last-product {
  margin-bottom: 100px;
}
.index-2 .main-content .last-product .title {
  position: relative;
  margin-bottom: 34px;
  margin-right: 20px;
}
.index-2 .main-content .last-product .title h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .last-product .title h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .last-product .title .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #edd6ff;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .purple-section {
  margin-bottom: 50px;
  position: relative;
}
.index-2 .main-content .purple-section .dash-bg .img {
  position: absolute;
  top: -49px;
  left: 0;
}
.index-2 .main-content .purple-section .dash-bg .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .purple-section .purple-section-child {
  background-image: url("inc/img/purple-img.svg");
  background-size: cover;
  background-size: 100% 100%;
  height: 260px;
  background-repeat: no-repeat;
  padding-top: 56px;
  padding-right: 69px;
  padding-left: 80px;
  position: relative;
  z-index: 2;
  margin-top: 100px;
}
.index-2 .main-content .purple-section .purple-section-child .bg .img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .purple-section .purple-section-child .bg .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.index-2 .main-content .purple-section .purple-section-child .right-section .title {
  margin-bottom: 12px;
}
.index-2 .main-content .purple-section .purple-section-child .right-section .title h2 {
  font-weight: 875;
  font-size: 28px;
  line-height: 38px;
  color: #f8fafc;
}
.index-2 .main-content .purple-section .purple-section-child .right-section .title h2 span {
  color: #e9c5ff;
}
.index-2 .main-content .purple-section .purple-section-child .right-section .title-child {
  margin-bottom: 20px;
}
.index-2 .main-content .purple-section .purple-section-child .right-section .title-child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.index-2 .main-content .purple-section .purple-section-child .right-section .title-child h5 span {
  color: #e9c5ff;
}
.index-2 .main-content .purple-section .purple-section-child .left-section {
  float: left;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img {
  width: 105px;
  height: 110px;
  line-height: 110px;
  border-radius: 100%;
  float: right;
  margin-right: 12px;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 {
  position: relative;
  overflow: hidden;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child .img img {
  width: 100%;
  height: 100%;
  margin-top: -13px;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child .details {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child .details .inner {
  line-height: initial;
  text-align: center;
  width: 100%;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child .details .inner .img {
  height: 22px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 2px;
  line-height: initial;
  float: right;
  width: 100%;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child .details .inner .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child .details .inner span {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child:hover .details {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-2 {
  background: #872ec0;
  text-align: center;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-2 .see-more .inner {
  margin: 0 auto;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-2 .see-more .inner .img {
  float: left;
  width: 14px;
  height: 14px;
  line-height: 118px;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-2 .see-more .inner .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-2 .see-more .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-left: 2px;
}
.index-2 .main-content .choice {
  margin-bottom: 50px;
}
.index-2 .main-content .choice .title {
  text-align: center;
  margin-bottom: 52px;
  position: relative;
}
.index-2 .main-content .choice .title h3 {
  font-weight: 875;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  margin-bottom: 4px;
}
.index-2 .main-content .choice .title h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .choice .title .circle {
  width: 54px;
  height: 54px;
  background: #d8ebfe;
  position: absolute;
  top: -15px;
  left: 48%;
  z-index: -1;
}
.index-2 .main-content .choice .choice-card-parent {
  width: 20%;
  float: right;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child {
  overflow: hidden;
  border-radius: 20px;
  width: auto;
  height: 495px;
  padding-top: 72px;
  margin-left: 12px;
  position: relative;
  transition: all 0.3s;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .details {
  margin-bottom: 23px;
  text-align: center;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  line-height: 31px;
  color: #000000;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .details h3 {
  font-weight: 725;
  font-size: 26px;
  line-height: 34px;
  color: #000000;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .see-books {
  opacity: 0;
  visibility: hidden;
  text-align: center;
  transition: all 0.3s;
  height: 23px;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .see-books .inner {
  display: inline-block;
  padding-bottom: 4px;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .see-books .inner .img {
  float: left;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .see-books .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .choice-card-child-img .img {
  width: 204px;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child .choice-card-child-img .img img {
  position: absolute;
  bottom: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child:hover {
  padding-top: 42px;
  transition: all 0.3s;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child:hover .see-books {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-1 {
  background: #d6f9ff;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-1 .see-books .inner {
  border-bottom: 1px dashed #0299b3;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-1 .see-books .inner span {
  color: #0299b3;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-2 {
  background: #f5f5ff;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-2 .see-books .inner {
  border-bottom: 1px dashed #2e2ece;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-2 .see-books .inner span {
  color: #2e2ece;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-3 {
  background: #dff8e6;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-3 .see-books .inner {
  border-bottom: 1px dashed #2ea750;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-3 .see-books .inner span {
  color: #2ea750;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-4 {
  background: #ffeded;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-4 .see-books .inner {
  border-bottom: 1px dashed #df2f2f;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-4 .see-books .inner span {
  color: #df2f2f;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-5 {
  background: #f3ecfe;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-5 .see-books .inner {
  border-bottom: 1px dashed #6c33c6;
}
.index-2 .main-content .choice .choice-card-parent .choice-card-child.type-5 .see-books .inner span {
  color: #6c33c6;
}
.index-2 .main-content .choice .choice-card-parent:last-child .choice-card-child {
  margin-left: 0;
}
.index-2 .main-content .choice .choice-cards-scroll {
  display: none;
}
.index-2 .main-content .specific {
  margin-bottom: 70px;
}
.index-2 .main-content .specific .specific-title {
  margin-bottom: 34px;
}
.index-2 .main-content .specific .specific-title .right-content {
  margin-right: 20px;
  position: relative;
}
.index-2 .main-content .specific .specific-title .right-content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .specific .specific-title .right-content h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .specific .specific-title .right-content .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #c4d1ff;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .specific .specific-title .left-content .left-content-child {
  text-align: left;
}
.index-2 .main-content .specific .specific-title .left-content .left-content-child .inner {
  display: inline-block;
}
.index-2 .main-content .specific .specific-title .left-content .left-content-child .inner .img {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.index-2 .main-content .specific .specific-title .left-content .left-content-child .inner .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .specific .specific-title .left-content .left-content-child .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  line-height: 18px;
}
.index-2 .main-content .specific .specific-title .left-content .left-content-child .inner:hover {
  cursor: pointer;
}
.index-2 .main-content .specific .specific-title .left-content a .inner span {
  color: black;
  font-weight: 300 !important;
  font-size: 15px !important;
  margin-left: 5px;
}
.index-2 .main-content .specific .specific-content .specific-content-child {
  background: #0023a0;
  border-radius: 20px;
  padding: 60px 56px;
  position: relative;
  overflow: hidden;
}
.index-2 .main-content .specific .specific-content .specific-content-child .bg .img-1 {
  position: absolute;
  top: -34px;
  left: -66px;
  opacity: 0.5;
}
.index-2 .main-content .specific .specific-content .specific-content-child .bg .img-1 img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .specific .specific-content .specific-content-child .bg .img-2 {
  position: absolute;
  bottom: -66px;
  right: -94px;
  opacity: 0.5;
}
.index-2 .main-content .specific .specific-content .specific-content-child .bg .img-2 img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .specific .specific-content .specific-content-child .specific-swiper {
  position: relative;
}
.index-2 .main-content .specific .specific-content .specific-content-child .specific-swiper .arrow {
  position: absolute;
  top: 62px;
  width: 100%;
}
.index-2 .main-content .specific .specific-content .specific-content-child .specific-swiper .arrow .arrow-child {
  display: inline-block;
}
.index-2 .main-content .specific .specific-content .specific-content-child .specific-swiper .arrow .arrow-child .specific-swiper-button-next {
  position: absolute;
  z-index: 2;
  top: 73px;
  right: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #ffffff;
  background-image: url("inc/img/discount-right-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.index-2 .main-content .specific .specific-content .specific-content-child .specific-swiper .arrow .arrow-child .specific-swiper-button-prev {
  position: absolute;
  z-index: 2;
  top: 73px;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #ffffff;
  background-image: url("inc/img/discount-left-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.index-2 .main-content .specific .specific-content .specific-content-child .specific-swiper .swiper.specific-swiper-details {
  border-radius: 20px;
}
.index-2 .main-content .specific.stationery .specific-title .right-content .circle {
  background: #d1d5e5;
}
.index-2 .main-content .specific.stationery .specific-content .specific-content-child {
  background: #525664;
}
.index-2 .main-content .rectangle {
  margin-bottom: 50px;
}
.index-2 .main-content .rectangle .rectangle-child {
  height: 210px;
  background: #cb36c5;
  border-radius: 20px;
}
.index-2 .main-content .sale-section {
  margin-bottom: 102px;
}
.index-2 .main-content .sale-section .specific-title {
  margin-bottom: 34px;
  margin-right: 20px;
  position: relative;
}
.index-2 .main-content .sale-section .specific-title h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .sale-section .specific-title h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .sale-section .specific-title .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #e7ffb5;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .selling-categories {
  margin-bottom: 114px;
}
.index-2 .main-content .selling-categories .title {
  margin-bottom: 62px;
}
.index-2 .main-content .selling-categories .title .right-section {
  margin-top: 11px;
}
.index-2 .main-content .selling-categories .title .right-section .selling-categories-title {
  position: relative;
  margin-right: 20px;
}
.index-2 .main-content .selling-categories .title .right-section .selling-categories-title h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .selling-categories .title .right-section .selling-categories-title h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .selling-categories .title .right-section .selling-categories-title .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #fed8ea;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .selling-categories .title .left-section .arrow {
  width: 100%;
  text-align: left;
}
.index-2 .main-content .selling-categories .title .left-section .arrow .arrow-child {
  float: left;
}
.index-2 .main-content .selling-categories .title .left-section .arrow .arrow-child .selling-categories-swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #f3f7fb;
  background-image: url("inc/img/discount-right-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  float: right;
  cursor: pointer;
}
.index-2 .main-content .selling-categories .title .left-section .arrow .arrow-child .selling-categories-swiper-button-prev {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #f3f7fb;
  background-image: url("inc/img/discount-left-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  float: right;
  margin-right: 12px;
  cursor: pointer;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper {
  position: relative;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .bg .right-bg {
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 87px;
  height: 189px;
  top: -28px;
  right: 0;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .bg .left-bg {
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  width: 87px;
  height: 189px;
  top: -28px;
  left: 0;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .bg .pink-right-bg {
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #db2a7f 0%, rgba(219, 42, 127, 0) 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 87px;
  height: 170px;
  top: 161px;
  right: 0;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .bg .pink-left-bg {
  background: linear-gradient(90deg, #db2a7f 0%, rgba(219, 42, 127, 0) 100%);
  position: absolute;
  z-index: 2;
  width: 87px;
  height: 170px;
  top: 161px;
  left: 0;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details {
  position: relative;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card {
  text-align: center;
  padding-bottom: 42px;
  transition: all 0.3s;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card .img {
  margin-bottom: 8px;
  width: 198px;
  margin: 0 auto;
  height: 228px;
  position: relative;
  margin-bottom: 8px;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card .img::after {
  content: "";
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  filter: blur(1px);
  transition: all 0.3s;
  position: absolute;
  bottom: 14px;
  z-index: -1;
  right: 0;
  width: 100%;
  height: 8px;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card .description {
  text-align: center;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card .description h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card .description span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card:hover {
  margin-top: -28px;
  transition: all 0.3s;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .swiper-wrapper .swiper-slide .selling-categories-card:hover .img::after {
  filter: blur(3px);
  transition: all 0.3s;
}
.index-2 .main-content .selling-categories .selling-categories-content .selling-categories-swiper .selling-categories-swiper-details .pink-bg {
  background: #db2a7f;
  height: 170px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.index-2 .main-content .top-products-section {
  margin-bottom: 50px;
  position: relative;
}
.index-2 .main-content .top-products-section .bg {
  width: 100%;
}
.index-2 .main-content .top-products-section .bg .img {
  position: absolute;
  bottom: 161px;
  width: 100%;
}
.index-2 .main-content .top-products-section .bg .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .top-products-section .title {
  position: relative;
}
.index-2 .main-content .top-products-section .title .specific-title {
  position: relative;
  margin-right: 20px;
  margin-bottom: 46px;
}
.index-2 .main-content .top-products-section .title .specific-title h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .top-products-section .title .specific-title h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .top-products-section .title .specific-title .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #c7eff7;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .top-products-section .title .theme-tabs {
  height: 46px;
  line-height: 46px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
}
.index-2 .main-content .blog-section {
  margin-bottom: 84px;
}
.index-2 .main-content .blog-section .blog-title {
  margin-bottom: 42px;
}
.index-2 .main-content .blog-section .blog-title .right-content {
  margin-right: 20px;
  position: relative;
}
.index-2 .main-content .blog-section .blog-title .right-content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.index-2 .main-content .blog-section .blog-title .right-content h4 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.index-2 .main-content .blog-section .blog-title .right-content .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #ffd8b4;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.index-2 .main-content .blog-section .blog-title .left-content .left-content-child {
  text-align: left;
}
.index-2 .main-content .blog-section .blog-title .left-content .left-content-child .inner {
  display: inline-block;
}
.index-2 .main-content .blog-section .blog-title .left-content .left-content-child .inner .img {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.index-2 .main-content .blog-section .blog-title .left-content .left-content-child .inner .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .blog-section .blog-title .left-content .left-content-child .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  line-height: 18px;
}
.index-2 .main-content .blog-section .blog-title .left-content .left-content-child .inner:hover {
  cursor: pointer;
}
.index-2 .main-content .blog-section .blog-content .right-section {
  margin-left: 10px;
}
.index-2 .main-content .blog-section .blog-content .center-section {
  margin: 0px 10px;
}
.index-2 .main-content .blog-section .blog-content .left-section {
  margin-right: 10px;
}
.index-2 .main-content .blog-section .blog-content .blog-card {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  transition: all 0.3s;
}
.index-2 .main-content .blog-section .blog-content .blog-card:hover {
  box-shadow: 0px 30px 60px -40px #c2cfe2;
  transition: all 0.3s;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-1 {
  padding: 16px;
  padding-top: 14px;
  display: inline-block;
  margin-bottom: 16px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-1 .blog-card-img {
  float: right;
  margin-left: 12px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-1 .blog-card-img .img {
  width: 102px;
  height: 102px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-1 .blog-card-img .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-1 .blog-card-content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 2px;
  margin-top: 10px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-1 .blog-card-content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 325;
  font-size: 15px;
  line-height: 35px;
  letter-spacing: -0.02em;
  color: #485967;
  margin: 0;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-2 {
  text-align: center;
  padding: 20px;
  padding-bottom: 24px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-2 .blog-card-img {
  margin-bottom: 20px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-2 .blog-card-img .img {
  width: 346px;
  height: 242px;
  margin: 0 auto;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-2 .blog-card-img .img img {
  width: 100%;
  height: 100%;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-2 .blog-card-content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 600;
  margin-bottom: 4px;
}
.index-2 .main-content .blog-section .blog-content .blog-card.type-2 .blog-card-content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  margin: 0;
}

@media only screen and (max-width: 900px) {
  .index-2 .main-content .left-section-img.type-1 .left-section-img-child .img img {
    margin-top: -15px !important;
  }
  .index-2 .main-content .hero-section {
    margin-bottom: 0px;
    padding-top: 0px !important;
  }
  .index-2 .main-content .hero-section .right-section {
    margin-bottom: 48px;
  }
  .index-2 .main-content .hero-section .right-section .swiper.right-swiper-hero-section .right-swiper-hero-section-swiper-pagination {
    bottom: 16px;
    left: 0px;
    text-align: center;
  }
  .index-2 .main-content .hero-section .right-section .first-bg {
    left: 13px;
  }
  .index-2 .main-content .hero-section .right-section .second-bg {
    left: 29px;
  }
  .index-2 .main-content .hero-section .left-section {
    margin-right: 0;
  }
  .index-2 .main-content .hero-section.with-margin-top {
    margin-top: 0px;
    padding-top: 0 !important;
  }
  .index-2 .main-content .discount-section {
    height: 376px;
    margin-bottom: 184px;
  }
  .index-2 .main-content .discount-section .discount-title {
    padding: 28px 0px;
  }
  .index-2 .main-content .discount-section .discount-title .right-content {
    margin-bottom: 24px;
  }
  .index-2 .main-content .discount-section .discount-title .right-content .img {
    margin: 0 auto;
  }
  .index-2 .main-content .discount-section .discount-title .left-content {
    text-align: center;
    margin: 0;
  }
  .text-book-v2 .discount-section {
    height: 376px;
    margin-bottom: 184px;
  }
  .text-book-v2 .discount-section .discount-title {
    padding: 28px 0px;
  }
  .text-book-v2 .discount-section .discount-title .right-content {
    margin-bottom: 24px;
  }
  .text-book-v2 .discount-section .discount-title .right-content .img {
    margin: 0 auto;
  }
  .text-book-v2 .discount-section .discount-title .left-content {
    text-align: center;
    margin: 0;
  }
  .index-2 .main-content .empty-columns-section {
    margin-bottom: 74px;
  }
  .index-2 .main-content .empty-columns-section .right-content {
    margin-bottom: 10px;
  }
  .index-2 .main-content .empty-columns-section .right-content .fifth {
    margin-left: 0;
    height: 230px;
  }
  
  .text-book-v2 .empty-columns-section {
    margin-bottom: 74px;
  }
  .text-book-v2 .empty-columns-section .right-content {
    margin-bottom: 10px;
  }
  .text-book-v2 .empty-columns-section .right-content .fifth {
    margin-left: 0;
    height: 230px;
  }
  .index-2 .main-content .best-publication-section {
    margin-bottom: 74px;
  }
  .index-2 .main-content .last-product {
    margin-bottom: 100px;
  }
  .index-2 .main-content .last-product .last-product-content-scroll {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
    border: 1px solid #e5ecf1;
    border-radius: 0px 20px 20px 0px;
    display: flex;
  }
  .index-2 .main-content .last-product .last-product-content-scroll .last-product-content-scroll-child {
    display: inline-block;
  }
  .index-2 .main-content .purple-section {
    margin-bottom: 74px;
  }
  .index-2 .main-content .purple-section .dash-bg .img {
    top: 105px;
    z-index: -2;
  }
  .index-2 .main-content .purple-section .purple-card-bg .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .index-2 .main-content .purple-section .purple-card-bg .img img {
    width: 100%;
    height: 516px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
  }
  .index-2 .main-content .purple-section .purple-section-child {
    background-image: none;
    height: 516px;
    padding: 53px 32px;
    margin-top: 50px;
  }
  .index-2 .main-content .purple-section .purple-section-child .purple-section-inner {
    display: block;
  }
  .index-2 .main-content .purple-section .purple-section-child .right-section {
    text-align: center;
  }
  .index-2 .main-content .purple-section .purple-section-child .right-section .title h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 875;
  }
  .index-2 .main-content .purple-section .purple-section-child .right-section .title-child {
    margin-bottom: 16px;
  }
  .index-2 .main-content .purple-section .purple-section-child .right-section .title-child h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .index-2 .main-content .purple-section .purple-section-child .right-section .copy {
    margin-bottom: 28px;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section {
    float: initial;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section .left-section-child {
    margin: 0px 21px;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img {
    margin-right: 0;
    text-align: center;
    margin: 0 auto;
    float: initial;
    margin-bottom: 12px;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 {
    margin: 0px 6px;
    margin-bottom: 12px;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1 .left-section-img-child {
    width: 100%;
    height: 100%;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-1.with-float {
    float: left;
  }
  .index-2 .main-content .purple-section .purple-section-child .left-section .left-section-img.type-2 {
    margin: 0px 6px;
    margin-bottom: 12px;
  }
  .index-2 .main-content .choice {
    margin-bottom: 100px;
  }
  .index-2 .main-content .choice .title .circle {
    left: 47%;
  }
  .index-2 .main-content .choice .choice-cards-scroll {
    display: initial;
  }
  .index-2 .main-content .choice .choice-cards-scroll .choice-cards-inner {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    display: flex;
    margin-right: 10px;
  }
  .index-2 .main-content .choice .choice-cards-scroll .choice-cards-inner .choice-card-parent {
    display: inline-block;
    width: 222px;
  }
  .index-2 .main-content .specific .specific-title {
    margin-bottom: 42px;
  }
  .index-2 .main-content .rectangle {
    margin-bottom: 100px;
  }
  .index-2 .main-content .selling-categories {
    margin-bottom: 100px;
  }
  .index-2 .main-content .top-products-section {
    margin-bottom: 74px;
  }
  .index-2 .main-content .top-products-section .bg .img {
    bottom: 70px;
  }
  .index-2 .main-content .top-products-section .top-products-section-child {
    margin-bottom: 74px;
  }
  .index-2 .main-content .top-products-section .top-products-section-child .title {
    position: relative;
  }
  .index-2 .main-content .top-products-section .top-products-section-child .title .specific-title {
    position: relative;
    margin-right: 20px;
    margin-bottom: 34px;
  }
  .index-2 .main-content .top-products-section .top-products-section-child .title .specific-title h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #333333;
  }
  .index-2 .main-content .top-products-section .top-products-section-child .title .specific-title h4 span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .index-2 .main-content .top-products-section .top-products-section-child .title .specific-title .circle {
    position: absolute;
    width: 54px;
    height: 54px;
    background: #c7eff7;
    top: -14px;
    right: -20px;
    z-index: -1;
  }
  .index-2 .main-content .top-products-section .top-products-section-child .theme-tabs {
    height: 46px;
    line-height: 46px;
    display: inline-block;
    position: inherit;
    width: 100%;
    margin-bottom: 30px;
  }
  .index-2 .main-content .top-products-section .inner-scroll-box {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
    border-radius: 0px 20px 20px 0px;
    display: flex;
  }
  .index-2 .main-content .top-products-section .inner-scroll-box .special-products {
    display: flex;
  }
  .index-2 .main-content .blog-section {
    margin-bottom: 64px;
  }
  .index-2 .main-content .blog-section .blog-title {
    margin-bottom: 46px;
  }
  .index-2 .main-content .blog-section .blog-content .right-section {
    margin-left: 0;
  }
  .index-2 .main-content .blog-section .blog-content .center-section {
    margin: 0;
    margin-bottom: 16px;
  }
  .index-2 .main-content .blog-section .blog-content .left-section {
    margin-right: 0;
  }
  .index-2 .main-content .blog-section .blog-content .blog-card.type-2 .blog-card-img .img {
    width: auto;
  }
}
@media only screen and (max-width: 500px) {
  .index-2 .main-content .slide-img {
    width: 100%;
    height: auto !important;
  }
  .index-2 .main-content .discount-section .discount-title .right-content .img {
    width: 145px;
    height: 58px;
  }
  .index-2 .main-content .discount-section .discount-content-scroll {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
    border: 1px solid #e5ecf1;
    border-radius: 0px 20px 20px 0px;
    display: flex;
  }
  .index-2 .main-content .discount-section .discount-content-scroll .discount-content-child {
    display: inline-block;
  }
  .text-book-v2 .discount-section .discount-title .right-content .img {
    width: 145px;
    height: 58px;
  }
  .text-book-v2 .discount-section .discount-content-scroll {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
    border: 1px solid #e5ecf1;
    border-radius: 0px 20px 20px 0px;
    display: flex;
  }
  .text-book-v2 .discount-section .discount-content-scroll .discount-content-child {
    display: inline-block;
  }
  .index-2 .main-content .best-publication-section .title .right-section {
    margin-top: 0;
  }
  .index-2 .main-content .best-publication-section .title .right-section .best-publication-section-title h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 600;
  }
  .index-2 .main-content .best-publication-section .best-publication-section-scroll .best-publication-section-scroll-floor-1 {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
    margin-bottom: 12px;
  }
  .index-2 .main-content .best-publication-section .best-publication-section-scroll .best-publication-section-scroll-floor-2 {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
  }
  .index-2 .main-content .last-product {
    margin-bottom: 40px;
  }
  .index-2 .main-content .choice {
    margin-bottom: 74px;
  }
  .index-2 .main-content .choice .title {
    margin-bottom: 46px;
  }
  .index-2 .main-content .choice .title h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 875;
    margin-bottom: 5px;
  }
  .index-2 .main-content .choice .title .circle {
    left: 46%;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent {
    width: 100%;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child {
    height: 340px;
    padding-top: 36px;
    width: auto;
    margin-bottom: 10px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child .details {
    margin-bottom: 21px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child .details span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-bottom: 5px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child .details h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 725;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child .choice-card-child-img .img img {
    width: 161px;
    height: 226px;
    right: 19px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-1 {
    margin-left: 5px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-2 {
    margin-right: 5px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-3 {
    margin-left: 5px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-4 {
    margin-right: 5px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-5 {
    margin-top: 18px;
    margin-bottom: 0;
    height: 180px;
    padding-top: 0;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-5 .choice-card-child-img {
    float: left;
    margin-left: 23px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-5 .choice-card-child-img .img {
    width: 131px;
    height: 180px;
  }
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child.type-5 .choice-card-child-img .img img {
    position: initial;
    width: 131px;
    height: 193px;
  }
  .index-2 .main-content .choice .choice-cards-scroll {
    display: none;
  }
  .index-2 .main-content .specific {
    margin-bottom: 60px;
  }
  .index-2 .main-content .specific .specific-content .specific-content-child {
    padding: 60px 0px;
    border-radius: 0;
  }
  .index-2 .main-content .specific .specific-content .specific-content-child .specific-content-scroll {
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    scrollbar-width: none;
    margin-right: 10px;
    border-radius: 0px 20px 20px 0px;
  }
  .index-2 .main-content .specific .specific-content .specific-content-child .specific-content-scroll .specific-content-scroll-child {
    display: inline-block;
    margin-left: 24px;
  }
  .index-2 .main-content .specific .specific-content .specific-content-child .specific-content-scroll .specific-content-scroll-child .swiper-card.transparent-bg {
    min-height: 295px;
  }
  .index-2 .main-content .rectangle {
    margin-bottom: 50px;
  }
  .index-2 .main-content .rectangle .rectangle-child {
    height: 170px;
  }
  .index-2 .main-content .sale-section {
    margin-bottom: 0;
  }
  .index-2 .main-content .selling-categories {
    margin-bottom: 74px;
    position: relative;
  }
  .index-2 .main-content .selling-categories .title {
    margin-bottom: 74px;
  }
  .index-2 .main-content .selling-categories .title .right-section {
    margin-top: 0;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card {
    display: inline-block;
    margin-left: 12px;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child {
    padding-bottom: 40px;
    text-align: center;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child .img {
    width: 198px;
    margin: 0 auto;
    height: 228px;
    position: relative;
    margin-bottom: 8px;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child .img::after {
    content: "";
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    filter: blur(1px);
    transition: all 0.3s;
    position: absolute;
    bottom: 14px;
    z-index: 0;
    right: 0;
    width: 100%;
    height: 8px;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child .description {
    text-align: center;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child .description h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 4px;
  }
  .index-2 .main-content .selling-categories .selling-categories-content .selling-categories-content-child .selling-categories-card .selling-categories-child .description span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #ffffff;
  }
  .index-2 .main-content .selling-categories .pink-bg {
    background: #db2a7f;
    height: 170px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .index-2 .main-content .top-products-section .bg .img {
    bottom: 161px;
  }
}
@media only screen and (max-width: 380px) {
  .index-2 .main-content .choice .choice-cards .choice-card-parent .choice-card-child .choice-card-child-img .img img {
    right: 5px;
  }
}
.pursuit #results .card {
  padding: 20px;
  border-radius: 16px;
  box-shadow: none;
  border: 1px solid #e5ecf1;
  text-align: right;
  font-size: 16px;
}
.pursuit .main {
  margin-bottom: 100px;
}
.pursuit .pursuit-box {
  text-align: center;
}
.pursuit .pursuit-box .form {
  width: 50%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 48px;
}

.contact-us .main .section {
  padding: 60px;
  padding-top: 60px;
  padding-top: 44px;
}

@media (max-width: 900px) {
  .pursuit .main .section.type-1 {
    padding: 0px 20px;
  }
  .pursuit .pursuit-box .form {
    width: 100%;
  }
  .pursuit .pursuit-box .form .col {
    width: 100%;
  }
  .pursuit .pursuit-box .form .col input {
    width: 100%;
  }
  .pursuit .pursuit-box .form .col input[type=text] {
    width: calc(100% - 32px);
  }
}
.contact-us .sidenav.type-2 .content-mobile .form-submit {
  bottom: 60px !important;
}
.contact-us .contact-us-box .details .child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.contact-us .contact-us-box .details .child span {
  font-weight: bold;
}
.contact-us .contact-us-box .details .child.inline {
  margin-top: 8px;
  display: inline-block;
}
.contact-us .contact-us-box .details .child.inline.bullet {
  padding-left: 28px;
  position: relative;
}
.contact-us .contact-us-box .details .child.inline.bullet:after {
  content: " ";
  position: absolute;
  left: 12px;
  width: 4px;
  height: 4px;
  background: #0865fe;
  border-radius: 100%;
  top: 8px;
}
.contact-us .contact-us-box .divider {
  background-color: #e0e0e0;
  margin: 24px 0.75rem;
}
.contact-us .contact-us-box .social .col {
  padding: 0px;
}
.contact-us .contact-us-box .social .child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  height: 50px;
  line-height: 50px;
  border-radius: 12px;
  padding: 0px 20px;
  margin-top: 20px;
}
.contact-us .contact-us-box .social .child .img {
  height: 100%;
  line-height: 68px;
  margin-left: 10px;
}
.contact-us .contact-us-box .social .child .img img {
  max-width: 100%;
}
.contact-us .contact-us-box .social .wa {
  background: #dbfce7;
  color: #24b43b;
  margin-left: 10px;
}
.contact-us .contact-us-box .social .wa img {
  margin-top: 7px;
}
.contact-us .contact-us-box .social .balad {
  background: #e5e9f9;
  color: #3c60f1;
  margin-left: 10px;
}
.contact-us .contact-us-box .social .balad img {
  margin-top: 7px;
}
.contact-us .contact-us-box .social .telegram {
  background: #e2f6ff;
  color: #1f97c9;
  margin-right: 10px;
}
.contact-us .contact-us-box .social .tell {
  background: #ffeadb;
  color: #f16807;
  /*margin-right: 10px;*/
}
.contact-us .contact-us-box .social .tell img {
  /*filter: brightness(45);*/
}
.contact-us .contact-us-box .form .m6 {
  margin-bottom: 10px;
}
.contact-us .contact-us-box .form textarea {
  margin-bottom: 20px;
}
.contact-us iframe {
  width: 100%;
  height: 290px;
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .contact-us .main .section {
    padding: 32px 16px;
  }
  .contact-us .main .section .heading-type-1 {
    text-align: right;
    padding-right: 36px;
    margin-bottom: 28px;
  }
  .contact-us .main .section .heading-type-1 h1:after {
    right: -36%;
  }
  .contact-us .main .section .heading-type-1 h2:after {
    right: -36%;
  }
  .contact-us .main .section .contact-us-box {
    display: block;
  }
  .contact-us .main .section .contact-us-box .details .child.inline.bullet:after {
    display: none;
  }
  .contact-us .main .section .contact-us-box .image-box {
    margin-bottom: 28px;
  }
  .contact-us .main .section .contact-us-box .image-box .img {
    text-align: center;
  }
  .contact-us .main .section .contact-us-box .image-box .img img {
    width: 78%;
  }
  .contact-us .main .section .contact-us-box .social .child {
    text-align: center;
  }
  .contact-us .main .section .contact-us-box .social .child section {
    display: inline-block;
    margin: 0px;
    height: 50px;
    line-height: 50px;
  }
  .contact-us .main .section .contact-us-box .social .child section .img {
    height: 50px;
    line-height: 66px;
  }
  .contact-us .main .section .contact-us-box .social .telegram {
    margin-right: 0px;
  }
  .contact-us .main .section .contact-us-box .social .tell {
    margin-right: 0px;
  }
  .contact-us .main .section .contact-us-box .social .wa {
    margin-left: 0px;
  }
  .contact-us .main .section .contact-us-box .social .balad {
    margin-left: 0px;
  }
  .contact-us .main .section .form .btn.type-2 {
    width: 100%;
  }
  .contact-us .main .section.type-1 {
    padding: 25px 7px;
    margin: 24px 0;
  }
}
.blog {
  /* Add styles for the sticky behavior */
}
.blog .sticky-sidebar {
  position: fixed;
  top: 120px;
  width: 297px;
}
.blog .load-more-button {
  background-color: #0865fe;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
  width: 160px;
  text-align: center;
  padding: 10px 20px;
  border-radius: 50px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  cursor: pointer;
}
.blog .load-more-button .img.arrow {
  transform: rotate(180deg);
  display: inline-block;
  vertical-align: middle;
  margin-top: -9px;
  margin-right: 6px;
}
.blog .load-more-button .loader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.blog .load-more-button .loader .img img {
  width: 46px;
}
.blog .load-more-button.have-loader {
  position: relative;
  overflow: hidden;
  background: #485967 !important;
  cursor: no-drop;
  transition: all 0.2s;
  color: #485967 !important;
}
.blog .load-more-button.have-loader span {
  filter: blur(3px);
  opacity: 0.2;
  transition: all 0.2s;
}
.blog .load-more-button.have-loader .loader {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s;
}
.blog .load-more-button.have-loader .img.arrow {
  display: none;
}
.blog .blog-box-type1 {
  height: 120px;
  background: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 16px;
  margin: 12px 0;
  transition: 0.3s ease-out;
}
.blog .blog-box-type1:hover {
  box-shadow: 0px 30px 40px -40px #c2cfe2;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.blog .blog-box-type1 .title {
  margin-top: 10px;
}
.blog .blog-box-type1 .title h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  text-align: right;
  letter-spacing: -0.02em;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blog .blog-box-type1 .title span.category {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  letter-spacing: -0.02em;
  color: #0865fe;
}
.blog .blog-box-type1 img {
  height: 77px;
  border-radius: 20px;
  float: right;
  vertical-align: middle;
  margin-top: 5px;
  margin-left: 15px;
}
.blog .blog-box-type2 {
  max-height: 340px;
  background: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 20px;
  margin-top: 12px;
  transition: 0.3s ease-out;
  height: 340px;
  margin-bottom: 15px;
}
.blog .blog-box-type2:hover {
  box-shadow: 0px 30px 40px -40px #c2cfe2;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.blog .blog-box-type2 span.category {
  position: absolute;
  display: block;
  right: 50%;
  transform: translateX(50%);
  margin-top: -30px;
  background: #fff;
  border-radius: 12px 12px 0px 0px;
  padding: 6px 20px 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #0865fe;
}
.blog .blog-box-type2 h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #333333;
  padding-top: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blog .blog-box-type2 img {
  border-radius: 20px;
  display: block;
}
.blog .blog-box-type2 .small-detail {
  text-align: center;
  margin-top: 10px;
}
.blog .blog-box-type2 .small-detail img {
  display: inline-block !important;
  border-radius: unset !important;
  vertical-align: middle;
  margin-left: 5px;
}
.blog .blog-box-type2 .small-detail .publish-time {
  display: inline-block;
}
.blog .blog-posts .header .col {
  padding: 0px;
}
.blog .blog-posts .header h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  line-height: 45px;
}
.blog .blog-posts .header .list {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  font-weight: 100;
  line-height: 45px;
  color: #333333;
  text-align: left;
}
.blog .blog-posts .inner .blog-card {
  box-shadow: initial;
  border-radius: 20px;
  background: none !important;
}
.blog .blog-posts .inner .blog-card .card-image img {
  border-radius: 20px;
}
.blog .blog-posts .inner .blog-card .card-content {
  padding: 0px;
  padding-top: 25px;
  padding-bottom: 12px;
}
.blog .blog-posts .inner .blog-card .card-content .card-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: #333333;
  line-height: 25px;
}
.blog .blog-posts .inner .blog-card .card-action {
  border: initial;
  padding: 0px;
}
.blog .blog-posts .inner .blog-card .card-action .small-details {
  line-height: 26px;
}
.blog .blog-posts .inner .blog-card .card-action .small-details img {
  float: right;
}
.blog .blog-posts .inner .blog-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  font-weight: 100;
  margin-right: 7px;
}
.blog .blog-posts .pagination {
  text-align: center;
}
.blog .blog-posts .pagination .main {
  height: 46px;
  display: inline-block;
  padding: 4px;
  background: #f8fafc;
  border-radius: 30px;
}
.blog .blog-posts .pagination .main li {
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
}
.blog .blog-posts .pagination .main li a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 900;
  padding: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
}
.blog .blog-posts .pagination .main li.active {
  background-color: #ffffff;
  height: 38px;
  border-radius: 100%;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
}
.blog .blog-posts .pagination li.next,
.blog .blog-posts .pagination li.prev {
  height: 46px;
  line-height: 46px;
  background: #f8fafc;
  border-radius: 30px;
}
.blog .blog-posts .pagination li.next a,
.blog .blog-posts .pagination li.prev a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  height: 46px;
  line-height: 46px;
  background: #f8fafc;
  border-radius: 30px;
  padding: 1px 18px;
}
.blog .blog-posts .pagination li.next .img {
  height: 100%;
  line-height: 54px;
  margin-right: 8px;
  z-index: 0;
}
.blog .blog-posts .pagination li.next .img img {
  z-index: 0;
}
.blog .blog-posts .pagination li.next a {
  color: #333333;
}
.blog .blog-posts .pagination li.prev .img {
  height: 100%;
  line-height: 54px;
  margin-left: 8px;
}
.blog .blog-posts .pagination li.prev .img img {
  z-index: 0;
}
.blog .blog-sidebar .blog-sidebar-widget {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background: #ffffff;
  padding: 23px 22px;
  border-radius: 20px;
}

@media (max-width: 900px) {
  .blog .load-more-button {
    margin-bottom: 40px;
  }
  .blog .blog-posts .header .col.s12.m3 {
    width: 50%;
  }
  .blog .blog-posts .header .show-on-responsive-mobile-size .blog-filter-box.filter-box {
    margin: 35px 0px;
  }
}
.blog .noscrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.blog .noscrollbar::-webkit-scrollbar {
  display: none;
}
.blog .title h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  line-height: 45px;
}
.blog .blog-post:hover .podcast-text {
  width: 40px !important;
  opacity: 1 !important;
}
.blog .blog-post {
  position: relative;
  width: 100%;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 20px;
  display: flex;
}
.blog .blog-post a:has(img.inline) {
  width: 100px;
  height: 100%;
  margin-left: 20px;
}
.blog .blog-post a:has(img.inline) img {
  height: 100%;
}
.blog .blog-post img.block {
  display: block;
}
.blog .blog-post img {
  border-radius: 20px;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog .blog-post img.horizontal {
  height: 160px;
  width: 100%;
}
.blog .blog-post div.inline {
  display: inline-grid;
}
.blog .blog-post .cat {
  font-weight: 700;
  margin-top: 5px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.blog .blog-post .cat a {
  color: #0865fe !important;
  height: 22px;
}
.blog .blog-post h3 {
  margin: 5px 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.02em;
  color: #333333;
  overflow: hidden;
  line-height: 22px;
  height: 44px;
}
.blog .blog-post h3 a {
  color: #333333;
}



.landing-hero-section .blog-post h3 {
  margin: 5px 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.02em;
  color: #333333;
  overflow: hidden;
  line-height: 22px;
  height: 44px;
}
.landing-hero-section .blog-post h3 a {
  color: #333333;
}


.blog .blog-post div.excerpt {
  line-height: 20px;
  overflow: hidden;
}
.blog .blog-post .time-to-read {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.blog .blog-post .time-to-read .time {
  display: flex;
  align-items: end;
  gap: 5px;
  height: 20px;
}
.blog .blog-post .time-to-read .time div span {
  line-height: 20px;
  vertical-align: sub;
}
.blog .blog-post .time-to-read img {
  width: 20px !important;
}
.blog .blog-post .podcast-label {
  position: absolute;
  top: 25px;
  right: 25px;
  background-color: #f8fafc;
  color: #7f54b3;
  padding: 1px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 15px;
  z-index: 10;
  display: flex;
  align-items: center;
}
.blog .blog-post .podcast-label .podcast-text {
  transition: 0.2s all;
  width: 0px;
  opacity: 0;
  margin: 0px auto;
}
.blog .blog-post.horizontal .time-to-read {
  margin: 0;
}
.blog .blog-post.horizontal h3 {
  margin: 10px 0;
}
.blog .blog-post.horizontal.mobile {
  margin-bottom: 20px;
}
.blog .cart-post .blog-post {
  margin-bottom: 20px;
}
.blog .cart-post .blog-post h3 {
  margin: 0;
}
.blog .cart-post .blog-post:not(.mobile):last-of-type {
  margin-bottom: 0;
}
.blog .cart-post .cat {
  margin-top: 0 !important;
}
.blog .head {
  padding-bottom: 10px;
  position: relative;
  z-index: 99;
}
.blog .head h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  display: flex;
  align-items: center;
  height: 45px;
  padding-top: 5px;
  padding-right: 20px;
  margin: 10px;
}
.blog .head h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  display: flex;
  align-items: center;
  height: 45px;
  padding-top: 5px;
  padding-right: 20px;
}
.blog .head::before {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #ffefb5;
  top: -2px;
  right: 0;
  border-radius: 27px;
  z-index: -9;
  content: "";
  margin: 10px;
}
.blog .last-posts .first .blog-post {
  flex-direction: column;
}
.blog .last-posts .first.mobile {
  margin-bottom: 20px;
}
.blog .last-posts .first .blog-post .excerpt {
  flex: 1 1 auto !important;
  text-align: justify;
}
.blog .last-posts .first .blog-post img.block {
  width: 100%;
  height: 220px;
}
.blog .categories {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.blog .categories::-webkit-scrollbar {
  display: none;
}
.blog .categories .categories-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-bottom: 20px;
}
.blog .categories .categories-row .category-col {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  margin: 0;
  width: calc(25% - 15px);
  padding: 20px;
  background: white;
}
.blog .categories .categories-row .category-col a:has(.category-image) {
  display: contents;
}
.blog .categories .categories-row .category-col a:has(.category-image) img.category-image {
  width: 90px;
  height: 70px;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog .categories .categories-row .category-col h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.02em;
  color: #333333;
  overflow: hidden;
  line-height: 22px;
  max-height: 44px;
}
.blog .categories .categories-row .category-col h3 a {
  color: #333333;
}
.blog .categories .categories-row .category-col.mobile {
  width: calc(50% - 10px);
  flex-direction: column;
}
.blog .categories .categories-row .category-col.mobile img.category-image {
  width: 100%;
  height: 100px;
}
.blog .categories .categories-row:last-of-type {
  margin-bottom: 0;
}
.blog .swipe-categories .swiper-pagination-bullet {
  transform: rotate(90deg);
  cursor: pointer;
}
.blog .swipe-categories .swiper-pagination-bullet.active {
  background: #007aff;
  opacity: 1;
}
.blog .bg-gray {
  background: #f8fafc !important;
  padding-bottom: 0.1px;
}
.blog .bg-gray .blog-post {
  background: white;
}
.blog .all-posts .blog-post {
  margin-bottom: 20px;
}
.blog #search-input {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  color: #8ca0b2;
  padding-right: 44px;
  padding-left: 15px;
  float: right;
  background: white;
}
.blog #search-input:focus {
  border-bottom: 1px solid #0865fe !important;
  border: 1px solid #0865fe;
  box-shadow: initial !important;
}
.blog .search-result .blog-post {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  width: calc(50% - 5px) !important;
  gap: 10px;
}
.blog .search-result .blog-post .inline:last-of-type {
  flex: 1;
}
.blog .search-result .blog-post a {
  margin: 0 !important;
}
.blog .search-result .blog-post img {
  border-radius: 10px;
}
.blog .search-result .blog-post h3 {
  font-size: 14px;
}
.blog .search-result .blog-post:nth-child(2n) {
  margin-right: 5px;
}
.blog .search-result .blog-post:nth-child(2n-1) {
  margin-left: 5px;
}
.blog .search-result .blog-post.mobile {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.blog .paginate-links {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 30px;
  gap: 5px;
}
.blog .paginate-links .pagination-link {
  background: #0865fe;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.blog .paginate-links .pagination-link.active {
  background: gray;
}

.single-blog .blog-products-swiper .blog-products-swiper-details {
  border-radius: 20px;
  padding: 1px;
}
.single-blog .blog-products-swiper .swiper-slide-active .swiper-card {
  border-radius: 0px 20px 20px 0px;
}
.single-blog .main-image-post {
  border-radius: 16px;
  margin-top: 1px;
  margin-bottom: 25px;
}
.single-blog .blog-posts-col {
  float: initial;
  margin: 0 auto;
}
.single-blog .blog-posts .promotion {
  margin: 10px 0;
}
.single-blog .blog-posts .promotion a {
  border: none !important;
  cursor: pointer;
}
.single-blog .blog-posts .promotion img {
  border-radius: 16px;
}
.single-blog .blog-posts .inner .child {
  width: 100%;
}
.single-blog .blog-posts .inner .single-card {
  box-shadow: initial;
  border-radius: 20px;
  background: transparent;
}
.single-blog .blog-posts .inner .single-card .card-main-image {
  margin-bottom: 58px;
  width: 100%;
  float: right;
  position: relative;
}
.single-blog .blog-posts .inner .single-card .card-main-image > img {
  border-radius: 20px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.single-blog .blog-posts .inner .single-card .card-main-image .play-badge {
  position: absolute;
  top: 47%;
  right: 50%;
  transform: translate(50%, -50%);
  background: rgba(255, 255, 255, 0.6784313725);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.single-blog .blog-posts .inner .single-card .card-main-image .play-badge .img {
  justify-content: center;
  align-items: center;
  display: flex;
}
.single-blog .blog-posts .inner .single-card .card-main-image .play-badge .img img {
  width: 100% !important;
}
.single-blog .blog-posts .inner .single-card .card-main-image #show-box-video .modal-close {
  position: absolute;
  right: 23px;
  top: 20px;
  z-index: 999;
  background: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.single-blog .blog-posts .inner .single-card .card-main-image #show-box-video .modal-inner figure {
  margin: 1em 15px !important;
}
.single-blog .blog-posts .inner .single-card .card-main-image #show-box-video .modal-inner figure video {
  border-radius: 15px;
}
.single-blog .blog-posts .inner .single-card .card-main-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  margin: 0px;
  padding: 0px;
  display: block;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}
.single-blog .blog-posts .inner .single-card .card-main-title:after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background: #0865fe;
  opacity: 0.2;
  border-radius: 100%;
  left: 50%;
  top: 0px;
  transform: translate(-50%, 50%);
}
.single-blog .blog-posts .inner .single-card .card-action {
  border: initial;
  padding: 0px;
  margin-bottom: 14px;
  text-align: center;
}
.single-blog .blog-posts .inner .single-card .card-action .small-details {
  line-height: 26px;
}
.single-blog .blog-posts .inner .single-card .card-action .small-details .child {
  width: auto;
  display: inline-block;
  position: relative;
}
.single-blog .blog-posts .inner .single-card .card-action .small-details .child span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  font-weight: 100;
  margin-right: 20px;
}
.single-blog .blog-posts .inner .single-card .card-action .small-details .child:first-child span {
  margin-right: 0px;
}
.single-blog .blog-posts .inner .single-card .card-action .small-details .child:first-child:before {
  display: none;
}
.single-blog .blog-posts .inner .single-card .card-action .small-details .child:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #00c09b;
  position: absolute;
  right: 8px;
  border-radius: 100%;
  top: 9px;
}
.single-blog .blog-posts .inner .single-card .card-content {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  padding: 0px;
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table {
  margin: 0px;
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table {
  border-radius: 16px;
  overflow: hidden;
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table tr {
  border-bottom: none;
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table > tbody > tr > td {
  border-radius: 0;
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table > tbody > tr {
  transition: background-color 0.25s ease;
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}
.single-blog .blog-posts .inner .single-card .card-content .pk-table table thead tr th,
.single-blog .blog-posts .inner .single-card .card-content .pk-table table tbody tr td {
  text-align: center;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box {
  position: absolute;
  top: 0px;
  left: 15px;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box .icons .icon {
  height: 32px;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box .icons .icon a {
  display: inline-block;
  padding: 0px 10px;
  height: 32px;
  line-height: 50px;
  border-radius: 18px;
  transition: all 0.2s;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box .icons .icon a svg path {
  transition: all 0.2s;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box .icons .icon a:hover {
  background: rgba(8, 101, 254, 0.1);
  transition: all 0.2s;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box .icons .icon a:hover svg path {
  transition: all 0.2s;
  stroke: #0865fe;
}
.single-blog .blog-posts .inner .single-card .card-content .share-box.sticky {
  position: fixed;
  top: 93px;
}
.single-blog .blog-posts .inner .single-card .card-content > p {
  padding: 0 2% 0 10%;
}
.single-blog .blog-posts .inner .card-footer .tags {
  margin-bottom: 12px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
.single-blog .blog-posts .inner .card-footer .tags span {
  color: black;
  margin-left: 8px;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
.single-blog .blog-posts .inner .card-footer .tags .inner a {
  background-color: #f8fafc;
  color: #485967;
  border-radius: 25.5px;
  padding: 0 15px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 4px;
}
.single-blog .blog-posts .inner .card-footer .source_sec {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
.single-blog .blog-posts .inner .card-footer .source_sec span {
  color: black;
  margin-left: 8px;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
.single-blog .blog-posts .inner .card-footer .source_sec .inner a {
  background-color: #f8fafc;
  color: #485967;
  border-radius: 25.5px;
  padding: 0 15px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 4px;
}
.single-blog .blog-posts .inner .card-footer .source_sec .inner a img {
  vertical-align: middle;
  width: 14px;
  margin-right: 7px;
}
.single-blog .author-box {
  position: relative;
}
.single-blog .author-box .author-box-divider {
  margin: 24px 0px;
  background-color: #e5ecf1;
}
.single-blog .author-box .inner {
  background: #f8fafc;
  border-radius: 20px;
  padding: 28px;
  min-height: 199px;
}
.single-blog .author-box .inner h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin-bottom: 16px;
  color: #000000;
}
.single-blog .author-box .inner .img img {
  width: 100%;
  border-radius: 100%;
}
.single-blog .author-box .inner h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-top: 0px;
  font-weight: 400;
  margin-bottom: 4px;
}
.single-blog .author-box .inner h4 span {
  font-weight: 700;
}
.single-blog .author-box .inner h4 span a {
  color: #333333;
}
.single-blog .author-box .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
}
.single-blog .author-box .inner .share-box {
  position: absolute;
  left: 25px;
}
.single-blog .author-box .inner .share-box .icons {
  background: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 8px 10px;
  border-radius: 10px;
}
.single-blog .author-box .inner .share-box .icons .icon {
  margin-bottom: 10px;
}
.single-blog .author-box .inner .share-box .icons .icon:last-child {
  margin: 0 !important;
}
.single-blog .author-box .inner .share-box .icons .icon a {
  display: flex;
}
.single-blog .blog-comments {
  margin-bottom: 60px;
  margin-top: 30px;
}
.single-blog .blog-comments .main .section.type-1 {
  margin-top: 24px;
  padding: 30px;
}
.single-blog .blog-comments .main .header span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 24px;
  font-weight: bold;
  display: block;
}
.single-blog .blog-comments .main .small-header span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 24px;
  display: block;
}
.single-blog .blog-comments .main .form .col.s12 {
  padding-right: 0px;
}
.single-blog .blog-comments .comments-box .single-comment {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
}
.single-blog .blog-comments .comments-box .single-comment .header {
  padding: 20px;
  border-bottom: 1px solid #e5ecf1;
}
.single-blog .blog-comments .comments-box .single-comment .header .name {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  display: inline-block;
}
.single-blog .blog-comments .comments-box .single-comment .header .name .gravatar {
  float: right;
}
.single-blog .blog-comments .comments-box .single-comment .header .name .gravatar .img {
  width: 22px;
  height: 22px;
  margin-left: 4px;
}
.single-blog .blog-comments .comments-box .single-comment .header .name .gravatar .img img {
  width: 100%;
}
.single-blog .blog-comments .comments-box .single-comment .header .date {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: left;
  color: #485967;
}
.single-blog .blog-comments .comments-box .single-comment .content {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  padding: 20px;
  color: #485967;
}
.single-blog .blog-comments .comments-box .single-comment .content p {
  margin: 0px;
}
.single-blog .blog-comments .comments-box .single-comment .content .replay {
  background-color: #f8fafc;
  border-radius: 12px;
  margin-top: 20px;
}
.single-blog .blog-comments .comments-box .single-comment .content .replay .header .name {
  color: #0865fe;
}

@media (max-width: 900px) {
  .single-blog .blog-posts .inner .single-card .card-main-title {
    padding-bottom: 0px;
    font-weight: 900;
    font-size: 20px;
    line-height: 26px;
  }
  .single-blog .blog-posts .inner .single-card .card-main-title:after {
    width: 60px;
    height: 60px;
  }
  .single-blog .blog-posts .inner .single-card .card-main-image {
    margin-bottom: 24px;
  }
  .single-blog .blog-posts .inner .single-card .card-main-image .share-box {
    bottom: -89px;
  }
  .single-blog .blog-posts .inner .single-card .card-action {
    float: initial;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }
  .single-blog .blog-posts .inner .single-card .card-action .small-details .img:first-child {
    margin-right: 0px;
  }
  .single-blog .blog-posts .inner .single-card .card-content {
    padding: 0%;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table td:empty:before {
    content: " ";
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table th,
.single-blog .blog-posts .inner .single-card .card-content .pk-table table td {
    margin: 0;
    vertical-align: top;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table th {
    text-align: left;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table thead {
    display: block;
    float: right;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table thead tr {
    display: block;
    padding: 0 0 0 10px;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table thead tr th::before {
    content: " ";
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table th {
    display: block;
    text-align: right;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table tr {
    border-bottom: none;
    padding: 0 10px;
  }
  .single-blog .blog-posts .inner .single-card .card-content .pk-table table thead {
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
  }
  .single-blog .blog-posts .inner .single-card .card-content .share-box {
    position: unset;
    margin: 30px 0;
  }
  .single-blog .blog-posts .inner .single-card .card-content .share-box .icons {
    text-align: center;
  }
  .single-blog .blog-posts .inner .single-card .card-content .share-box .icons .icon {
    display: inline-flex;
  }
  .single-blog .blog-posts .inner .single-card .card-content > p {
    padding: 0;
  }
  .single-blog .blog-posts .inner .single-card .card-footer .tags .inner a {
    margin-bottom: 8px;
  }
  .single-blog .author-box .img {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    margin-bottom: 8px;
  }
  .single-blog .author-box .img img {
    width: 100%;
  }
  .single-blog .author-box .inner {
    padding: 16px;
  }
  .single-blog .author-box .inner h4 {
    margin-bottom: 8px;
    text-align: center;
  }
  .single-blog .author-box .inner .share-box {
    position: unset !important;
    float: left;
    width: 100%;
    text-align: center;
  }
  .single-blog .author-box .inner .share-box .icons {
    display: flex;
  }
  .single-blog .author-box .inner .share-box .icons .icon {
    margin-left: 10px;
    margin-bottom: 0 !important;
  }
  .single-blog .author-box .inner .share-box .icons .icon:last-child {
    margin: unset !important;
  }
  .single-blog .blog-comments .main .header span.title {
    line-height: 45px;
    margin-bottom: 37px;
    display: block;
  }
  .single-blog .blog-comments .main .section.type-1 {
    padding: 16px;
  }
  .single-blog .blog-comments .main .section.type-1 .col.s12 {
    padding: 0px;
  }
  .single-blog .blog-comments .comments-box .single-comment .content {
    padding: 12px;
  }
  .single-blog .blog-posts-section .blog-card {
    display: inline-block;
    width: 282px;
    margin-left: 30px;
  }
}
.listing .listing-page-content .content {
  padding: 20px 20px 60px 20px;
}
.listing .header {
  margin-bottom: 16px;
}
.listing .header .col {
  padding: 0px;
}
.listing .header h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  line-height: 45px;
}
.listing .header h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  line-height: 45px;
}
.listing .header .shop-filter-box {
  text-align: center;
}
.listing .header .shop-filter-box span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  margin-left: 8px;
}
.listing .header .shop-filter-box .filter {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  background: #f3f7fb;
  height: 46px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.listing .header .shop-filter-box .filter span {
  padding: 7px 20px;
  height: 38px;
  display: inline-block;
  border-radius: 30px;
  margin: 0px 4px;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 100;
}
.listing .header .shop-filter-box .filter span.active {
  font-weight: bold;
  background: #ffffff;
  transition: all 0.2s;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
}
.listing .header .list {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  font-weight: 100;
  line-height: 45px;
  color: #333333;
  text-align: left;
}
.listing .header .list span {
  font-weight: bold;
}
.listing .mobile-filters span.btn {
  width: 100%;
}
.listing .mobile-filters .col:first-child span.btn {
  border-radius: 12px;
  background-color: #fff;
}
.listing .mobile-filters .col:nth-child(2) span.btn {
  border-radius: 12px;
  background-color: #fff;
  margin-right: 5px;
  width: 98%;
}
.listing .shop-products .shop-products-scroll-section {
  margin-bottom: 14px;
  position: relative;
}
.listing .shop-products .shop-products-scroll-section .shop-products-scroll-section-inner {
  overflow-x: scroll;
  white-space: nowrap;
  display: block;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.listing .shop-products .shop-products-scroll-section .shop-products-scroll-section-inner .shop-products-scroll-card {
  display: inline-block;
  margin-left: 16px;
}
.listing .shop-products .shop-products-scroll-section .left-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 82px;
  height: auto;
}
.listing .shop-products .shop-products-scroll-section .arrow-right {
  position: absolute;
  right: -14px;
  top: 31px;
  bottom: 31px;
}
.listing .shop-products .shop-products-scroll-section .arrow-right .right-arrow {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  box-shadow: 0px 2px 29px 2px rgba(194, 207, 226, 0.5490196078);
  cursor: pointer;
}
.listing .shop-products .shop-products-scroll-section .arrow-right .right-arrow .inner .img {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  line-height: 67px;
}
.listing .shop-products .shop-products-scroll-section .arrow-right .right-arrow .inner .img img {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
.listing .shop-products .shop-products-scroll-section .arrow-left {
  position: absolute;
  left: -14px;
  top: 31px;
  bottom: 31px;
}
.listing .shop-products .shop-products-scroll-section .arrow-left .left-arrow {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  box-shadow: 0px 2px 29px 2px rgba(194, 207, 226, 0.5490196078);
  cursor: pointer;
}
.listing .shop-products .shop-products-scroll-section .arrow-left .left-arrow .inner .img {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  line-height: 67px;
}
.listing .shop-products .shop-products-scroll-section .arrow-left .left-arrow .inner .img img {
  width: 100%;
  height: 100%;
}
.listing .shop-products .inner .child {
  width: 25%;
  float: right;
}
.listing .shop-products .inner .child:nth-child(1) .shop-card {
  border-radius: 0px 20px 0px 0px;
}
.listing .shop-products .inner .child:nth-child(4) .shop-card {
  border-radius: 20px 0px 0px 0px;
  border-left: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(8) .shop-card {
  border-left: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(12) .shop-card {
  border-left: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(16) .shop-card {
  border-left: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(17) .shop-card {
  border-radius: 0px 0px 20px 0px;
  border-bottom: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(18) .shop-card {
  border-bottom: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(19) .shop-card {
  border-bottom: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:nth-child(20) .shop-card {
  border-radius: 0px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
  border-bottom: 1px solid #e5ecf1;
}
.listing .shop-products .inner .child:last-child .shop-card {
  border-radius: 0px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
  border-bottom: 1px solid #e5ecf1;
}
.listing .shop-products .inner .shop-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: initial;
  border-radius: 0px;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin: 0px;
  min-height: 350px;
  transition: all 0.2s;
}
.listing .shop-products .inner .shop-card .play-badge {
  background: #0865fe;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-radius: 100px;
  height: 30px;
  transition: width 0.1s;
  width: 30px;
}
.listing .shop-products .inner .shop-card .play-badge span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: none;
}
.listing .shop-products .inner .shop-card .play-badge img {
  float: right;
}
.listing .shop-products .inner .shop-card .card-image img {
  width: initial;
  margin: 0px auto;
  margin-top: 0px;
  margin-top: 26px;
  max-height: 170px;
}
.listing .shop-products .inner .shop-card .card-content {
  padding: 30px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.listing .shop-products .inner .shop-card .card-content a {
  color: #333333;
}
.listing .shop-products .inner .shop-card .card-content .card-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333333;
}
.listing .shop-products .inner .shop-card .card-content .card-title a {
  color: #333333;
  font-weight: 700;
}
.listing .shop-products .inner .shop-card .card-action {
  border: initial;
  padding: 0px;
}
.listing .shop-products .inner .shop-card .card-action .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
}
.listing .shop-products .inner .shop-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  font-weight: 100;
}
.listing .shop-products .inner .shop-card .card-action .small-details span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 900;
}
.listing .shop-products .inner .shop-card .card-action .small-details span.coming-soon {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffa800;
  font-weight: 600;
}
.listing .shop-products .inner .shop-card .card-action .small-details .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.listing .shop-products .inner .shop-card .card-action .small-details .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.listing .shop-products .inner .shop-card:hover {
  border: 1px solid #0865fe !important;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  position: relative;
  z-index: 1;
  transition: all 0.2s;
}
.listing .shop-products .inner .shop-card:hover .play-badge {
  width: 115px;
}
.listing .shop-products .inner .shop-card:hover .play-badge span {
  display: block;
  /* animation: ease-in 2s; */
  transition-timing-function: ease-in;
}
.listing .shop-products .inner .has-offer {
  border-bottom-color: #ff253f;
}
.listing .shop-products .inner .has-offer .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
}
.listing .shop-products .inner .has-offer .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ff2727 !important;
  font-weight: 100;
}
.listing .shop-products .inner .has-offer .small-details span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 900;
}
.listing .shop-products .pagination {
  text-align: center;
  margin-top: 10px;
}
.listing .shop-products .pagination .main {
  display: inline-block;
  padding: 4px;
  background: #f8fafc;
  border-radius: 30px;
}
.listing .shop-products .pagination .main li {
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
}
.listing .shop-products .pagination .main li a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 900;
  padding: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
}
.listing .shop-products .pagination li.active {
  background-color: #ffffff;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
}
.listing .shop-products .pagination li.next,
.listing .shop-products .pagination li.prev {
  height: 46px;
  line-height: 46px;
  background: #f8fafc;
  border-radius: 30px;
}
.listing .shop-products .pagination li.next a,
.listing .shop-products .pagination li.prev a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  height: 46px;
  line-height: 46px;
  background: #f8fafc;
  border-radius: 30px;
  padding: 1px 18px;
}
.listing .shop-products .pagination li.next .img {
  height: 100%;
  line-height: 54px;
  margin-right: 8px;
  z-index: 0;
}
.listing .shop-products .pagination li.next .img img {
  z-index: 0;
}
.listing .shop-products .pagination li.next a {
  color: #333333;
}
.listing .shop-products .pagination li.prev .img {
  height: 100%;
  line-height: 54px;
  margin-left: 8px;
}
.listing .shop-products .pagination li.prev .img img {
  z-index: 0;
}
.listing .shop-sidebar .shop-sidebar-widget {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 20px;
  background-color: #ffffff;
  margin-bottom: 12px;
  padding: 16px;
  position: relative;
}
.listing .shop-sidebar .shop-sidebar-widget .title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  border: initial;
  background: #fff;
  position: relative;
  padding: 0px;
}
.listing .shop-sidebar .shop-sidebar-widget .content {
  margin-top: 12px;
  padding: 0;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child {
  padding-top: 9px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 42px;
  background: #f3f7fb;
  color: #485967;
  border-radius: 12px;
  display: inline-block;
  position: relative;
  height: auto;
  margin-bottom: 10px;
  margin-left: 10px;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child .close .img {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 17px;
  top: 11px;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child .close .img img {
  cursor: pointer;
  width: 100%;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child_2 {
  padding-top: 9px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 42px;
  background: #f3f7fb;
  color: #485967;
  border-radius: 12px;
  display: inline-block;
  position: relative;
  height: 42px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child_2 span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child_2 .close .img {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 17px;
  top: 11px;
}
.listing .shop-sidebar .shop-sidebar-widget .list-of-filters .child_2 .close .img img {
  cursor: pointer;
  width: 100%;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search {
  position: relative;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search input {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  padding-right: 43px;
  width: calc(100% - 59px);
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search .img {
  position: absolute;
  right: 15px;
  top: 12px;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body {
  max-height: 300px;
  overflow-x: hidden;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body label {
  display: block;
  margin: 12px 0px;
  display: none;
  visibility: hidden;
  opacity: 0;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body label span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body label.show {
  visibility: visible;
  display: block;
  opacity: 1;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body [type=checkbox].filled-in:checked + span:not(.lever)::after {
  left: initial;
  right: 0px;
  border-radius: 8px;
  border: 2px solid #0865fe;
  background-color: #0865fe;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body [type=checkbox].filled-in:checked + span:not(.lever)::before {
  left: initial;
  top: 1px;
  right: 10px;
  width: 6px;
  height: 10px;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body [type=checkbox].filled-in:not(:checked) + span:not(.lever)::before {
  left: initial;
  right: 0px;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body [type=checkbox].filled-in:not(:checked) + span:not(.lever)::after {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  left: initial;
  right: 0px;
  border-radius: 8px;
}
.listing .shop-sidebar .shop-sidebar-widget .widget-search-body [type=checkbox] + span:not(.lever) {
  padding-left: 0px;
  padding-right: 30px;
}
.listing .shop-sidebar .shop-sidebar-widget .collapsible.sidebar {
  padding: 0px;
  margin: 0px;
  box-shadow: initial;
  border: initial;
}
.listing .shop-sidebar .shop-sidebar-widget .collapsible.sidebar li {
  border: initial;
}
.listing .shop-sidebar .shop-sidebar-widget .collapsible.sidebar li .title:after {
  content: " ";
  width: 16px;
  height: 9px;
  background-image: url(inc/img/collapse-down.svg);
  position: absolute;
  left: 0px;
  top: 7px;
  background-repeat: no-repeat;
  transition: all 0.2s;
}
.listing .shop-sidebar .shop-sidebar-widget .collapsible.sidebar li.active .title:after {
  transform: rotate(180deg);
  transition: all 0.2s;
}
.listing .shop-sidebar .shop-sidebar-widget .collapsible.sidebar .collapsible-body {
  border: initial;
  padding: 0px;
  padding-top: 12px;
}
.listing .shop-sidebar .shop-sidebar-widget .shop-sidebar-switch {
  position: absolute;
  top: 14px;
  left: 0px;
}
.listing .shop-description {
  padding: 24px;
  background: #f8fafc;
  border-radius: 20px;
  margin-top: 40px;
}
.listing .shop-description figure {
  margin: none !important;
  margin-right: auto;
  margin-left: auto;
}
.listing .shop-description .wp-block-table.is-style-stripes {
  border: 1px solid #989898;
}
.listing .shop-description .wp-block-table thead tr th strong {
  font-weight: 700 !important;
  font-size: 16px;
}
.listing .shop-description .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f8fafc;
}
.listing .shop-description .inner {
  position: relative;
}
.listing .shop-description .inner .text {
  max-height: 999999px;
  transition: all 0.3s;
}
.listing .shop-description .inner .text h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #000;
}
.listing .shop-description .inner .text ul li {
  list-style: initial;
  font-size: 16px;
  line-height: 35px;
}
.listing .shop-description .inner .text ul li a {
  font-weight: 700;
  border-bottom: 1px solid;
}
.listing .shop-description .inner .text ul li strong {
  font-weight: 900;
}
.listing .shop-description .inner .text p {
  font-size: 16px;
  line-height: 36px;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
}
.listing .shop-description .inner .text p a {
  font-weight: 700;
  border-bottom: 1px solid;
}
.listing .shop-description .inner .text p strong {
  font-weight: 900;
}
.listing .shop-description .inner .text.close {
  max-height: 135px;
  overflow: hidden;
  transition: all 0.3s;
}
.listing .shop-description .inner .footer {
  text-align: center;
  margin-bottom: -51px;
  z-index: 9999;
  position: absolute;
  width: 100%;
  bottom: -5px;
}
.listing .shop-description .description-img {
  border-radius: 20px;
  overflow: hidden;
  background: white;
  box-shadow: 0 8px 50px -27px rgba(0, 0, 0, 0.25);
  text-align: center;
}
.listing .shop-description .description-img img {
  max-width: 100%;
  padding: 25px;
}

@media (max-width: 900px) {
  .listing .col.s12.m9 {
    width: 100%;
  }
  .listing .header {
    margin-bottom: 0;
  }
  .listing .header h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #333333;
    line-height: 45px;
  }
  .listing .header .col.s12.m6 {
    width: 50%;
  }
  .listing .shop-sidebar .shop-sidebar-widget .widget-search {
    padding: 0px;
  }
  .listing .shop-sidebar .shop-sidebar-widget .widget-search .img {
    position: absolute;
    right: 15px;
    top: 12px;
  }
  .listing .shop-sidebar .shop-sidebar-widget .collapsible-body .widget-search .img {
    position: absolute;
    right: 15px;
    top: 5px;
  }
  .listing .shop-sidebar .shop-sidebar-widget .widget-search-body label {
    display: block;
    margin: 0px;
  }
  .listing .mobile-filters {
    margin-bottom: 60px;
  }
  .listing .mobile-filters .order-filter-box {
    position: relative;
  }
  .listing .mobile-filters .order-filter-box .order-filters {
    position: absolute;
    top: 55px;
    right: 0px;
    width: 100%;
    background: #ffffff;
    z-index: 2;
    box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
    border-radius: 20px;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
  }
  .listing .mobile-filters .order-filter-box .order-filters h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #485967;
    margin-bottom: 20px;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child {
    margin-bottom: 13px;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child :last-child {
    margin: 0px !important;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child label {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #333333;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:not(:checked) + span,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:checked + span {
    padding-left: 0px;
    padding-right: 35px;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio] + span::before,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio] + span::after {
    left: initial;
    right: 0px;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:checked + span::after,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio].with-gap:checked + span::before,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio].with-gap:checked + span::after {
    border: 1px solid #0865fe;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:checked + span::after,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio].with-gap:checked + span::after {
    background-color: #0865fe;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:checked + span::after,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio].with-gap:checked + span::before,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio].with-gap:checked + span::after {
    border: 1px solid #0865fe;
  }
  .listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:not(:checked) + span::before,
.listing .mobile-filters .order-filter-box .order-filters .childs .child [type=radio]:not(:checked) + span::after {
    border: 1px solid #e5ecf1;
  }
  .listing .mobile-filters .order-filter-box .order-filters.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
  }
  .listing .shop-products .inner .child {
    width: 100%;
    float: right;
    position: relative;
    min-height: 135px;
  }
  .listing .shop-products .inner .child .shop-card {
    min-height: 135px;
    height: 100%;
    position: initial;
    border: 1px solid #e5ecf1;
    border-bottom: 0px !important;
    border-radius: 0px !important;
  }
  .listing .shop-products .inner .child .shop-card .play-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
  }
  .listing .shop-products .inner .child .shop-card .card-image {
    width: 21%;
    margin: 14px;
    float: right;
  }
  .listing .shop-products .inner .child .shop-card .card-image img {
    width: 100%;
    margin: 0px;
    border-radius: 6px;
    height: inherit;
    max-height: inherit;
  }
  .listing .shop-products .inner .child .shop-card .card-action {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: transparent;
  }
  .listing .shop-products .inner .child .shop-card .card-action .small-details {
    padding: 0px;
  }
  .listing .shop-products .inner .child .shop-card .card-action .small-details .discount .line {
    font-size: 15px;
    line-height: 23px;
  }
  .listing .shop-products .inner .child .shop-card:hover {
    border: 1px solid #e5ecf1 !important;
    border-bottom: 0px !important;
  }
  .listing .shop-products .inner .child:first-child .shop-card {
    border-radius: 20px 20px 0px 0px !important;
  }
  .listing .shop-products .inner .child:nth-child(20) .shop-card {
    border-radius: 0px 0px 20px 20px !important;
    border-bottom: 1px solid #e5ecf1 !important;
  }
  .listing .shop-products .pagination li.next .img {
    width: 8px;
  }
  .listing .shop-products .pagination li.prev .img {
    width: 8px;
  }
  .listing .shop-description {
    padding: 18px 16px;
  }
  .listing .shop-description .col.s10 {
    width: 100%;
  }
  .listing .shop-description h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .listing .shop-description .inner {
    padding-bottom: 20px;
  }
  .listing .shop-description .inner h2 {
    margin-top: 20px;
  }
  .listing .shop-description .inner .text ul li {
    list-style: initial;
    font-size: 16px;
    line-height: 35px;
  }
  .listing .shop-description .inner .text ul li a {
    font-weight: 700;
    border-bottom: 1px solid;
  }
  .listing .shop-description .inner .text p {
    font-size: 16px;
    line-height: 36px;
    font-weight: 300;
    color: #1d1d1d;
    letter-spacing: initial;
  }
  .listing .shop-description .inner .text p a {
    font-weight: 700;
    border-bottom: 1px solid;
  }
  .listing .shop-description .inner .footer {
    margin-bottom: -35px;
  }
}
.cart .header h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: black;
  margin-bottom: 20px;
}
.cart .message-box {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  background: rgba(8, 101, 254, 0.03);
  border: 1px solid rgba(8, 101, 254, 0.3);
  padding: 16px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.cart .message-box .img {
  float: right;
  margin-left: 10px;
}
.cart .empty {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 150px;
}
.cart .empty h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .empty p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 0px;
  margin-top: 36px;
}
.cart .empty a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #00c09b;
  display: inline-block;
}
.cart .empty a img {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  width: 5px;
}
.cart .empty .img {
  text-align: center;
}
.cart .empty .mtn {
  text-align: center;
}
.cart .products-in-cart-page .child {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 16px;
  background: #ffffff;
  border-radius: 20px;
  margin-bottom: 12px;
}
.cart .products-in-cart-page .child .img.type-1 {
  float: right;
  padding: 23px 13px;
  background: #f8fafc;
  border-radius: 20px;
}
.cart .products-in-cart-page .child .img.type-1 img {
  border-radius: 6px;
}
.cart .products-in-cart-page .child .content {
  padding-right: 103px;
}
.cart .products-in-cart-page .child .content .top {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
}
.cart .products-in-cart-page .child .content .top a {
  float: left;
  color: #ff253f;
}
.cart .products-in-cart-page .child .content .top a .img {
  float: right;
  margin-left: 10px;
}
.cart .products-in-cart-page .child .content h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #333333;
  margin-top: 6px;
  margin-bottom: 16px;
}
.cart .products-in-cart-page .child .content .bottom {
  float: right;
  margin-top: 30px;
  width: 100%;
}
.cart .products-in-cart-page .child .content .bottom .input-group {
  display: inline-block;
}
.cart .products-in-cart-page .child .content .bottom .input-number-box {
  float: right;
}
.cart .products-in-cart-page .child .content .bottom span.price {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #0865fe;
  float: left;
  float: left;
  margin-top: 11px;
}
.cart .products-in-cart-page .child .content .bottom span.price span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .products-in-cart-page .child .bottom.type-2 {
  float: right;
  margin-top: 12px;
  width: 100%;
}
.cart .products-in-cart-page .child .bottom.type-2 .input-group {
  display: inline-block;
}
.cart .products-in-cart-page .child .bottom.type-2 .input-number-box {
  float: right;
}
.cart .products-in-cart-page .child .bottom.type-2 span.price {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #0865fe;
  float: left;
  float: left;
  margin-top: 11px;
}
.cart .products-in-cart-page .child .bottom.type-2 span.price span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .price-box {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background: #ffffff;
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.cart .price-box .child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 18px;
}
.cart .price-box .child h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  display: inline-block;
}
.cart .price-box .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: #333333;
  float: left;
}
.cart .price-box .child p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .price-box .discount-price P {
  color: #00c09b;
}
.cart .price-box .final-price p {
  color: #0865fe;
}
.cart .price-box .btn {
  margin-bottom: 20px;
  width: 100%;
}
.cart .price-box .divider {
  background-color: #e5ecf1;
  margin-bottom: 18px;
}
.cart .price-box .free-shipping {
  background-color: #f8fafc;
  border-radius: 16px;
  padding: 17px 16px;
}
.cart .price-box .free-shipping h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  line-height: 26px;
  margin-bottom: 15px;
}
.cart .price-box .free-shipping h3 .img {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  float: right;
}
.cart .price-box .free-shipping h3 .img img {
  width: 100%;
}
.cart .price-box .free-shipping .order-amount {
  background: linear-gradient(90deg, #00c09b 0%, #00c09b 39%, black 39%, black 40%, black 40%, #0865fe 40%);
  border-radius: 2px;
  height: 4px;
  position: relative;
  margin-bottom: 16px;
}
.cart .price-box .free-shipping .order-amount .bar {
  position: absolute;
  right: 0px;
  height: 4px;
  background: transparent;
  border-radius: 2px;
  min-width: 20%;
  max-width: 100%;
  transition: width 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  z-index: 1;
  width: 50%;
}
.cart .price-box .free-shipping .order-amount .bar .inner {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #ffffff;
  position: absolute;
  left: -20px;
  min-width: 39px;
  height: 16px;
  background: #333333;
  border-radius: 8px;
  top: -6px;
  line-height: 18px;
  text-align: center;
  padding: 0px 4px;
}
.cart .price-box .free-shipping .order-amount .overlay {
  position: absolute;
  left: -1px;
  height: 4px;
  background: #e5ecf1;
  border-radius: 2px;
  max-width: 100%;
  width: 0%;
  z-index: 0;
}
.cart .price-box .free-shipping .upto .inner {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
  display: block;
}
.cart .price-box .free-shipping .upto .inner .img {
  width: 16px;
  height: 23px;
  float: left;
  line-height: 30px;
  display: none;
}
.cart .price-box .free-shipping .upto .inner .img.close {
  display: block;
}
.cart .price-box .free-shipping .upto .inner span {
  margin-left: 3px;
}
.cart .price-box .free-shipping .upto .inner.active {
  color: #00997c;
  font-weight: 700;
}
.cart .price-box .free-shipping .upto .inner.active .img.close {
  display: none;
}
.cart .price-box .free-shipping .upto .inner.active .img.check {
  display: block;
}
.cart .price-box .free-shipping .upto #shahrestan {
  margin-top: 10px;
}
.cart .price-box .free-shipping .divider {
  margin: 12px 0px;
  background: transparent;
  border: 1px dashed #e5ecf1;
}
.cart .price-box .free-shipping .description {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0px;
}
.cart .shop-sidebar .simple-img .img img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
}
.cart .shop-sidebar .special-product-box {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 32px;
}
.cart .modal .modal-content {
  padding: 24px;
  height: 70vh;
  overflow-y: scroll;
}
.cart label.shop-card {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: initial;
  border-radius: 0px;
  margin: 15px 0;
  max-height: 150px;
  transition: all 0.2s;
  width: 100%;
  border-radius: 20px !important;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 20px;
  gap: 15px;
}
.cart label.shop-card input[type=radio] {
  display: none;
}
.cart label.shop-card .card-image {
  width: 100px;
  padding: 11px 13px;
  background: #f8fafc;
  border-radius: 20px;
  margin: 0 !important;
}
.cart label.shop-card .card-image img {
  width: 100%;
  border-radius: 12px;
}
.cart label.shop-card .card-content {
  align-self: start;
}
.cart label.shop-card .card-content span {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
}
.cart label.shop-card .card-content .card-title {
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #333333;
  margin-top: 6px;
  margin-bottom: 16px;
}
.cart label.shop-card .card-action {
  border: initial;
  padding: 0px;
  background: transparent !important;
  margin-right: auto;
  margin-top: auto;
}
.cart label.shop-card .card-action .small-details {
  line-height: 26px;
  padding: 0px 30px;
  text-align: left;
}
.cart label.shop-card .card-action .small-details span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  font-weight: 100;
}
.cart label.shop-card .card-action .small-details span span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 900;
  margin-left: 4px;
}
.cart label.shop-card .card-action .small-details .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.cart label.shop-card .card-action .small-details .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.cart label.shop-card:hover {
  border: 1px solid #0865fe !important;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  position: relative;
  z-index: 1;
  transition: all 0.2s;
}
.cart .card.shop-card.active {
  border: 1px solid #0865fe !important;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  position: relative;
  z-index: 1;
  transition: all 0.2s;
  background: rgba(8, 101, 254, 0.1019607843);
}

@media (max-width: 900px) {
  .cart .message-box {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .cart .products-in-cart-page .child .content .top a .img {
    margin: 0px;
  }
  .cart .products-in-cart-page .child .content h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .cart .products-in-cart-page .child .img.type-1 {
    padding: 11px 17px;
  }
  .cart .products-in-cart-page .child .img.type-1 img {
    width: 50px !important;
  }
  .cart label.shop-card {
    min-height: 135px;
  }
  .cart label.shop-card .card-image {
    width: 65px;
    padding: 12px 6px;
    flex-shrink: 0;
  }
  .cart label.shop-card .card-content {
    align-self: auto;
    padding: 0 10px;
  }
  .cart label.shop-card .card-action .small-details {
    padding: 0;
  }
  .cart label.shop-card .card-action .small-details .discount .line {
    color: #8ca0b2;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    line-height: 29px;
    margin-left: 5px;
    text-decoration: line-through;
  }
  .cart label.shop-card .card-action .small-details .discount .percentage {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    background: #ff253f;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 44px;
    height: 26px;
    border-radius: 20px;
    line-height: 29px;
    text-align: center;
  }
}
.cart .modal.tehran-shipping {
  height: 500px;
  width: 500px;
  right: initial;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.cart .modal.tehran-shipping .modal-close {
  position: relative !important;
  right: unset !important;
  top: unset !important;
}
.cart .modal.tehran-shipping .responsive-header {
  position: absolute;
  top: 21px;
  right: 0px;
  width: 100%;
  text-align: center;
}
.cart .modal.tehran-shipping .responsive-header h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .modal.tehran-shipping .description {
  width: 100%;
  background: #fff;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 20px;
}
.cart .modal.tehran-shipping .description .inner {
  margin: 0 auto;
  text-align: center;
  height: 90%;
  width: 100%;
  border-radius: 20px;
  position: relative;
}
.cart .modal.tehran-shipping .description .inner .logo {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 100%;
  text-align: center;
}
.cart .modal.tehran-shipping .description .inner .logo .img {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.cart .modal.tehran-shipping .description .inner .logo .img img {
  width: 142px;
}
.cart .modal.tehran-shipping .description .inner .mtn {
  margin: 0 auto;
  color: #0865fe;
}
.cart .modal.tehran-shipping .description .inner .mtn .img {
  margin-bottom: 12px;
}
.cart .modal.tehran-shipping .description .inner .mtn h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 9px;
}
.cart .modal.tehran-shipping .description .inner .mtn p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: rgba(51, 51, 51, 0.6);
  margin: 0px;
  margin-bottom: 10px;
}
.cart .modal.tehran-shipping .description .inner .mtn p span {
  color: rgb(51, 51, 51);
}
.cart .modal.tehran-shipping .description .inner .mtn p.notice {
  font-weight: 700;
  margin-top: 10px;
  color: #ff253f;
}
.cart .modal.tehran-shipping .description .inner .mtn span {
  line-height: 25px;
  font-weight: 600;
  font-size: 16px;
}
.cart .modal.tehran-shipping .description .inner .footer {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 100%;
}
.cart .modal.tehran-shipping .description .inner .footer h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 2px;
  color: #0865fe;
}
.cart .modal.tehran-shipping .description .inner .footer p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  margin: 0;
}
.cart .modal.tehran-shipping .description .btn {
  width: 100%;
}
.cart .modal.tehran-shipping .description .btn img {
  margin-left: 2px;
  height: 23px;
  vertical-align: middle;
}
.cart .modal.tehran-shipping.open {
  height: 500px;
  width: 500px;
  right: initial;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.cart .header h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: black;
  margin-bottom: 20px;
}
.cart .collapsible.checkout {
  padding: 0px;
  margin: 0px;
  box-shadow: initial;
  border: initial;
}
.cart .collapsible.checkout li {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #0865fe;
  border-color: #e5ecf1;
  border-radius: 20px;
  margin-bottom: 16px;
}
.cart .collapsible.checkout li .title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  border: initial;
  background: transparent;
  position: relative;
  padding: 0px;
  padding: 36px 30px;
  padding-right: 102px;
}
.cart .collapsible.checkout li .title:after {
  content: " ";
  width: 16px;
  height: 9px;
  background-image: url(inc/img/collapse-down.svg);
  position: absolute;
  left: 30px;
  top: 41px;
  background-repeat: no-repeat;
  transition: all 0.2s;
}
.cart .collapsible.checkout li .title span {
  width: 42px;
  height: 42px;
  background: #0865fe;
  border-radius: 100%;
  text-align: center;
  line-height: 42px;
  float: right;
  position: absolute;
  top: 26px;
  color: #ffffff;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart .collapsible.checkout li .collapsible-body {
  border-top: 1px solid #e5ecf1;
  border-bottom: initial;
  padding: 0px;
}
.cart .collapsible.checkout li .collapsible-body .inner {
  padding: 36px 30px;
}
.cart .collapsible.checkout li .collapsible-body .divider {
  margin-top: 32px;
  margin-bottom: 20px;
}
.cart .collapsible.checkout li .collapsible-body .footer {
  padding: 20px;
  padding-top: 20px;
  padding-top: 0px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 16px;
  background: #ffffff;
  border: initial;
  border-radius: 28px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .img.type-1 {
  float: right;
  padding: 23px 13px;
  background: #f8fafc;
  border-radius: 20px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .img.type-1 img {
  border-radius: 6px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content {
  padding-right: 103px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .top {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .top a {
  float: left;
  color: #ff253f;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .top a .img {
  float: right;
  margin-left: 10px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #333333;
  margin-top: 6px;
  margin-bottom: 16px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .bottom {
  float: right;
  margin-top: 30px;
  width: 100%;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .bottom .input-number-box {
  display: inline-block;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .bottom span.price {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #0865fe;
  float: left;
  float: left;
  margin-top: 11px;
}
.cart .collapsible.checkout li .collapsible-body .products-in-checkout-page .child .content .bottom span.price span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .collapsible.checkout li .collapsible-body .logged-in-address {
  padding: 20px 28px;
}
.cart .collapsible.checkout li .collapsible-body .logged-in-address .add-address-box {
  padding: 30px 0px;
  text-align: center;
  border: 1px dashed #e5ecf1;
  border-radius: 20px;
}
.cart .collapsible.checkout li .collapsible-body .logged-in-address .add-address-box .btn.type-6 {
  font-weight: normal;
  color: #333333;
}
.cart .collapsible.checkout li .collapsible-body .logged-in-address .add-address-box .btn.type-6:hover {
  background: transparent;
  color: #0865fe;
}
.cart .collapsible.checkout li .collapsible-body .pay {
  padding: 28px;
}
.cart .collapsible.checkout li .collapsible-body .pay .coupon {
  position: relative;
}
.cart .collapsible.checkout li .collapsible-body .pay .coupon .btn {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background-color: #8ca0b2;
  border-radius: 10px;
  position: absolute;
  left: 7px;
  bottom: 14px;
  height: 32px;
  width: 63px;
  padding: 0px;
}
.cart .collapsible.checkout li .collapsible-body .pay .note-box a {
  display: none;
}
.cart .collapsible.checkout li .collapsible-body .pay .note-box a.active {
  display: inline-block;
}
.cart .collapsible.checkout li .collapsible-body .pay h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 12px;
}
.cart .collapsible.checkout li .collapsible-body .pay .gateways {
  display: inline-block;
  width: 100%;
  margin-top: 12px;
}
.cart .collapsible.checkout li.active {
  border-color: #0865fe;
}
.cart .collapsible.checkout li.active .title:after {
  transform: rotate(180deg);
  transition: all 0.2s;
}
.cart .price-box {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  background: #ffffff;
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.cart .price-box .child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 18px;
}
.cart .price-box .child h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  display: inline-block;
}
.cart .price-box .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: #333333;
  float: left;
}
.cart .price-box .child p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.cart .price-box .discount-price P {
  color: #00c09b;
}
.cart .price-box .final-price p {
  color: #0865fe;
}
.cart .price-box .btn {
  width: 100%;
}
.cart .price-box .divider {
  background-color: #e5ecf1;
  margin-bottom: 18px;
}
.cart .shop-sidebar .simple-img .img img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
}
.cart .shop-sidebar .special-product-box {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 32px;
}
.cart .modal.type-2 .modal-close {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 999;
}
.cart .modal.type-2 .modal-header {
  border: 1px solid #e5ecf1;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  padding: 21px 0px;
  text-align: center;
}
.cart .modal.type-2 .modal-footer {
  text-align: left;
  padding: 16px 30px;
  height: 80px;
  border-top: 1px solid #e5ecf1;
}
.cart .modal.type-2 .modal-footer .modal-close {
  position: relative;
  right: initial;
  top: initial;
  z-index: initial;
  margin: 0px;
  margin-bottom: 0px;
  margin-bottom: 16px;
  float: left;
}

@media (max-width: 900px) {
  .cart .tehran-shipping {
    padding: 20px;
    padding-top: 63px;
  }
  .cart .tehran-shipping .modal-close {
    right: 28px;
    top: 23px;
  }
  .cart .tehran-shipping .description {
    width: 100%;
    background: #fff;
    height: 100%;
    position: relative;
    padding: 0px;
  }
  .cart .tehran-shipping .description .inner {
    height: 440px;
  }
  .cart .tehran-shipping .save-for-story {
    position: relative;
    width: 100%;
    padding: initial;
    height: initial;
    display: block;
  }
  .cart .tehran-shipping .save-for-story .inner p {
    margin-top: 28px;
  }
  .cart .tehran-shipping .save-for-story .footer {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    margin-top: 20px;
  }
  .cart .modal.tehran-shipping.open {
    max-height: initial;
    width: 90% !important;
  }
  .cart .collapsible.checkout li .title {
    padding: 25px 30px;
    padding-right: 90px;
  }
  .cart .collapsible.checkout li .title span {
    width: 34px;
    height: 34px;
    line-height: 34px;
    top: 19px;
  }
  .cart .collapsible.checkout li .title:after {
    top: 34px;
  }
  .cart .collapsible.checkout li .collapsible-body .pay {
    padding: 21px 10px;
  }
  .cart .collapsible.checkout li .collapsible-body .pay h4:nth-child(2) {
    margin-bottom: 12px;
    margin-top: 24px;
  }
  .cart .price-box .btn {
    position: fixed;
    bottom: 108px;
    z-index: 2;
    right: 0px;
    width: calc(100% - 24px);
    transform: translate(-12px);
    margin-bottom: 0px;
  }
}
.end .section {
  min-height: 360px;
  text-align: center;
  margin-bottom: 100px;
}
.end .content {
  margin: 0px auto;
  padding: 50px 10px;
}
.end .content .img {
  margin-bottom: 33px;
}
.end .content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #00c09b;
  margin-bottom: 8px;
}
.end .content h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 8px;
}
.end .content .buttons {
  margin-top: 24px;
}
.end .content .buttons a {
  margin: 0px 10px;
}

@media (max-width: 900px) {
  .end .section {
    min-height: 470px;
  }
  .end .content .buttons a {
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 12px;
  }
}
.landing-page {
  padding-top: 0px;
}
.landing-page .landing-hero-section {
  background: #0b5fea;
  padding-top: 213px;
  padding-bottom: 55px;
  margin-bottom: 70px;
}
.landing-page .landing-hero-section .main {
  position: relative;
  z-index: 1;
}
.landing-page .landing-hero-section .main .inner h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffe145;
}
.landing-page .landing-hero-section .main .inner h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-top: 14px;
  margin-bottom: 16px;
}
.landing-page .landing-hero-section .main .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.landing-page .landing-hero-section .main .inner .phone-box {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #fff;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  line-height: 38px;
  padding: 6px;
}
.landing-page .landing-hero-section .main .inner .phone-box p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  float: right;
  margin: 0px;
  height: 38px;
  line-height: 21px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.landing-page .landing-hero-section .main .inner .phone-box span {
  margin-left: 14px;
}
.landing-page .landing-hero-section .main .inner .phone-box div.number {
  display: inline-block;
  margin-right: 16px;
  font-weight: bold;
}
.landing-page .landing-hero-section .main .hero-section-img img {
  text-align: center;
}
.landing-page .landing-hero-section .bg {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}
.landing-page .landing-hero-section .bg .img img {
  width: 100%;
  position: absolute;
}
.landing-page .landing-hero-section .bg .left {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 200px;
  left: 0px;
  z-index: 0;
}
.landing-page .landing-hero-section .bg .left img {
  top: 0px;
}
.landing-page .landing-hero-section .bg .right {
  position: absolute;
  width: 100%;
  height: 200px;
  z-index: 99999;
  left: 0px;
  bottom: 0px;
  z-index: 0;
}
.landing-page .landing-hero-section .bg .right img {
  bottom: 0px;
}
.landing-page .our-features-section .main .main-img {
  text-align: center;
}
.landing-page .our-features-section .main .child {
  margin-bottom: 36px;
}
.landing-page .our-features-section .main .child .img {
  width: 15%;
}
.landing-page .our-features-section .main .child .img .inner {
  text-align: center;
  width: 70px;
  height: 70px;
  background: rgba(8, 101, 254, 0.08);
  border-radius: 100%;
  line-height: 95px;
}
.landing-page .our-features-section .main .child .content {
  width: 85%;
}
.landing-page .our-features-section .main .child .content h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .our-features-section .main .child .content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
  margin-top: 4px;
}
.landing-page .our-features-section .main .child.right-align .img {
  float: right;
}
.landing-page .our-features-section .main .child.right-align .img .inner {
  float: left;
}
.landing-page .our-features-section .main .child.right-align .content {
  padding-right: 20px;
  float: left;
}
.landing-page .our-features-section .main .child.left-align .img {
  float: left;
}
.landing-page .our-features-section .main .child.left-align .content {
  padding-left: 20px;
}
.landing-page .latest-product-section {
  position: relative;
  margin: 100px 0px;
}
.landing-page .latest-product-section .similar-products {
  margin-top: 32px;
  position: relative;
}
.landing-page .latest-product-section .bg {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  float: left;
  top: -85px;
}
.landing-page .latest-product-section .bg img {
  width: 100%;
}
.landing-page .description-section.left-align .img {
  text-align: right;
}
.landing-page .description-section.right-align .img {
  text-align: left;
}
.landing-page .buy-online-section {
  margin-bottom: 150px;
  margin-top: 128px;
}
.landing-page .buy-online-section .content .child {
  background-color: #f8fafc;
  text-align: center;
  border-radius: 20px;
  padding: 30px;
}
.landing-page .buy-online-section .content .child .img img {
  width: 44px;
  margin-bottom: 12px;
}
.landing-page .buy-online-section .content .child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .buy-online-section .content .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
}
.landing-page .why-us-section .img img {
  width: 100%;
}
.landing-page .why-us-section .content .child {
  margin-bottom: 20px;
}
.landing-page .why-us-section .content .child .number {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: right;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: rgba(8, 101, 254, 0.04);
  border-radius: 100%;
}
.landing-page .why-us-section .content .child .inner {
  margin-right: 90px;
}
.landing-page .why-us-section .content .child .inner h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .why-us-section .content .child .inner h2 p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .why-us-section .content .child .inner .heading-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .why-us-section .content .child .inner .heading-2 p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .why-us-section .more-content .child {
  position: relative;
  text-align: center;
  background: rgba(8, 101, 254, 0.04);
  border-radius: 20px;
  height: 175px;
}
.landing-page .why-us-section .more-content .child .number {
  position: absolute;
  text-align: center;
  top: -20px;
  width: 100%;
}
.landing-page .why-us-section .more-content .child .number span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  width: 46px;
  height: 46px;
  display: inline-block;
  background: #f5f9ff;
  border-radius: 100%;
  line-height: 39px;
  border: 4px solid #fff;
}
.landing-page .why-us-section .more-content .child .content {
  padding: 12px;
}
.landing-page .why-us-section .more-content .child .content .img {
  width: 100%;
  text-align: center;
  margin-top: 60px;
  float: right;
  margin-top: 37px;
  margin-bottom: 10px;
}
.landing-page .why-us-section .more-content .child .content .img img {
  width: 44px;
}
.landing-page .why-us-section .more-content .child .content h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.landing-page .complete-shop-section {
  position: relative;
  margin-top: 300px;
  margin-bottom: 170px;
}
.landing-page .complete-shop-section .bg {
  height: 270px;
  position: absolute;
  width: 100%;
  bottom: 70px;
  background: #f8fafc;
}
.landing-page .complete-shop-section .content {
  text-align: center;
  z-index: 1;
  position: relative;
}
.landing-page .complete-shop-section .content .col {
  float: initial;
  margin: 0 auto;
  display: inline-block;
}
.landing-page .complete-shop-section .content .child {
  background: #f3f7fb;
  border: 6px solid #ffffff;
  border-radius: 20px;
  display: inline-block;
  width: 17.8%;
  margin: 1%;
  padding: 20px 15px;
}
.landing-page .complete-shop-section .content .child h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 16px;
}
.landing-page .complete-shop-section .content .child .heading-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 16px;
}
.landing-page .complete-shop-section .content .child h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #0865fe;
}
.landing-page .faq-section .col {
  margin: 0 auto;
  float: initial;
}
.landing-page .faq-section .faq-collapsible {
  margin: 0px;
  box-shadow: initial;
  border: initial;
  padding: 0px;
}
.landing-page .faq-section .faq-collapsible li {
  margin-bottom: 12px;
  background: #f8fafc;
  border-radius: 12px;
}
.landing-page .faq-section .faq-collapsible li .collapsible-header {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  background: #f8fafc;
  border: initial;
  color: #333333;
  border-radius: 12px;
  padding: 16px 28px;
}
.landing-page .faq-section .faq-collapsible li .collapsible-body {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: initial;
  border-top: 1px solid #e5ecf1;
  border-radius: 0px 0px 12px 12px;
  padding: 16px 28px;
  color: #485967;
}
.landing-page .faq-section .faq-collapsible li.active .collapsible-header {
  color: #0865fe;
}
.landing-page .testimonials-section {
  position: relative;
  margin-top: 225px;
  margin-bottom: 200px;
}
.landing-page .testimonials-section .bg {
  content: " ";
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 96%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 22%;
  left: 50%;
  z-index: -1;
}
.landing-page .testimonials-section .bg img {
  width: 100%;
}
.landing-page .testimonials-section .content {
  text-align: center;
}
.landing-page .testimonials-section .content .child {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  position: relative;
}
.landing-page .testimonials-section .content .child .img {
  position: absolute;
  width: 100%;
  text-align: center;
  right: 0px;
  top: -30px;
}
.landing-page .testimonials-section .content .child .img img {
  border-radius: 100%;
  box-shadow: 0px 0px 0px 8px #f8fafc;
}
.landing-page .testimonials-section .content .child .inner {
  padding-top: 28px;
}
.landing-page .testimonials-section .content .child .inner .header {
  margin-bottom: 14px;
}
.landing-page .testimonials-section .content .child .inner .header h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  display: inline-block;
}
.landing-page .testimonials-section .content .child .inner .header span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  position: relative;
  margin-right: 20px;
}
.landing-page .testimonials-section .content .child .inner .header span:before {
  content: " ";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  position: absolute;
  background: #c4c4c4;
  right: -13px;
  top: 8px;
}
.landing-page .testimonials-section .content .child .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: #333333;
}

@media (max-width: 900px) {
  .landing-page .landing-hero-section {
    position: relative;
  }
  .landing-page .landing-hero-section .row {
    display: block;
  }
  .landing-page .landing-hero-section .main .inner h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
  .landing-page .landing-hero-section .main .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .landing-page .landing-hero-section .main .hero-section-img img {
    width: 100%;
  }
  .landing-page .landing-hero-section .main .inner {
    text-align: center;
  }
  .landing-page .landing-hero-section .main .inner .phone-box p {
    text-align: center;
    width: 100%;
    margin-bottom: 12px;
  }
  .landing-page .landing-hero-section .main .inner .phone-box div.number {
    margin-right: 0px;
  }
  .landing-page .landing-hero-section .main .inner .phone-box span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-left: 0px;
  }
  .landing-page .landing-hero-section .bg {
    top: initial;
    bottom: 0px;
  }
  .landing-page .heading-type-4 h4 {
    display: none;
  }
  .landing-page .our-features-section .main .child {
    margin-bottom: 36px;
    text-align: right;
  }
  .landing-page .our-features-section .main .child .content h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .landing-page .our-features-section .main .child .content p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .landing-page .our-features-section .main .child.right-align {
    margin-right: 10px;
  }
  .landing-page .our-features-section .main .child.left-align {
    margin-right: 10px;
  }
  .landing-page .our-features-section .main .child.left-align .img {
    float: right;
    text-align: right;
  }
  .landing-page .our-features-section .main .child.left-align .img .inner {
    float: left;
  }
  .landing-page .our-features-section .main .child.left-align .content {
    padding-left: 0px;
    float: left;
    padding-right: 20px;
  }
  .landing-page .latest-product-section .container {
    width: 100%;
  }
  .landing-page .latest-product-section .latest-product-section-cards .mobile-card {
    display: inline-block;
  }
  .landing-page .description-section.left-align .row {
    display: block;
  }
  .landing-page .description-section.left-align .img img {
    width: 100%;
  }
  .landing-page .description-section.right-align .row {
    display: block;
  }
  .landing-page .description-section.right-align .img img {
    width: 100%;
  }
  .landing-page .buy-online-section .content .col.s12 {
    width: 50%;
  }
  .landing-page .buy-online-section .content .child {
    border-radius: 20px;
    padding: 20px 10px;
    margin-bottom: 20px;
  }
  .landing-page .buy-online-section .content .child h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .landing-page .buy-online-section .content .child p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .landing-page .why-us-section .row {
    display: block;
  }
  .landing-page .why-us-section .content .child {
    margin-bottom: 40px;
  }
  .landing-page .why-us-section .content .child .inner h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .landing-page .why-us-section .content .child .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .landing-page .why-us-section .more-content .col.s12 {
    width: 50%;
  }
  .landing-page .why-us-section .more-content .child {
    margin-bottom: 40px;
  }
  .landing-page .why-us-section .more-content .child .content h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .landing-page .complete-shop-section {
    margin-top: 120px;
  }
  .landing-page .complete-shop-section .bg {
    height: 195px;
    bottom: 0px;
    top: -70px;
  }
  .landing-page .complete-shop-section .complete-shop-section-childs {
    text-align: center;
    z-index: 1;
    position: relative;
  }
  .landing-page .complete-shop-section .complete-shop-section-childs .col {
    float: initial;
    margin: 0 auto;
    display: inline-block;
  }
  .landing-page .complete-shop-section .complete-shop-section-childs .child {
    background: #f3f7fb;
    border: 6px solid #ffffff;
    border-radius: 20px;
    display: inline-block;
    width: 300px;
    margin: 1%;
    padding: 20px 15px;
  }
  .landing-page .complete-shop-section .complete-shop-section-childs .child h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #485967;
    margin-bottom: 16px;
  }
  .landing-page .complete-shop-section .complete-shop-section-childs .child h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #0865fe;
  }
  .landing-page .faq-section .faq-collapsible li .collapsible-header {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .landing-page .faq-section .faq-collapsible li .collapsible-body {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .landing-page .testimonials-section .child {
    margin: 0px 10px;
  }
  .landing-page .testimonials-section .bg {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 60%;
  }
  .landing-page .testimonials-section .bg img {
    width: initial;
    height: 207%;
  }
  .landing-page .testimonials-section .testimonial-swiper {
    height: 390px;
    padding-top: 50px;
  }
  .landing-page .blog-posts-section .container {
    width: 100%;
  }
  .landing-page .blog-posts-section .landing-blog-scrollbar .card.blog-card {
    margin-left: 30px;
    display: inline-block;
  }
}
.page-template-page-kheilisabz-landing-php {
  padding-top: 0px !important;
}

.landing__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  direction: rtl;
  background-color: #f0f5fc;
}
.landing__container .specific-content-child {
  overflow-x: scroll;
  padding: 0;
  overflow-x: scroll;
  white-space: nowrap;
  display: block !important;
  scrollbar-width: none;
}
.landing__container .specific-content-scroll {
  display: flex;
  flex-wrap: nowrap;
  padding-right: 9px;
}
.landing__container a {
  cursor: pointer;
  text-decoration: none;
}
.landing__container p {
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0 !important;
  font-size: 16px;
  text-align: right;
  font-weight: 500;
  white-space: pre-line;
}
.landing__container > div {
  width: 100%;
}
.landing__container .swiper {
  width: 70%;
}
.landing__container .swiper .swiper-wrapper {
  height: auto;
}
.landing__container .swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.landing__container .swiper .swiper-slide > div {
  width: 100%;
}
.landing__container .swiper .swiper-slide .swiper-card {
  border-radius: 12px;
  overflow: hidden;
}
.landing__container .swiper .swiper-slide .swiper-card .card-image {
  margin: 0px auto !important;
  margin-top: 26px !important;
  width: 90% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  max-width: 225px;
}
.landing__container .swiper .swiper-slide .swiper-card .card-image img {
  border-radius: 16px;
}
.landing__container .swiper .swiper-slide .swiper-card .card-content .card-title {
  color: #333 !important;
  font-weight: bold;
}
.landing__container .swiper .swiper-slide .swiper-card .card-action .line {
  color: #808080 !important;
}
.landing__container .swiper .swiper-slide .swiper-card .card-action span {
  color: #6b6d6f !important;
}
.landing__container .swiper .swiper-button-prev {
  background: url("/wp-content/themes/theme-paytakhteketab/assets/images/arrow-right.svg") no-repeat !important;
  top: 40% !important;
  right: var(--swiper-navigation-sides-offset, -3px) !important;
  margin-left: 100px;
}
.landing__container .swiper .swiper-button-next {
  background: url("/wp-content/themes/theme-paytakhteketab/assets/images/arrow-left.svg") no-repeat !important;
  top: 40% !important;
  left: var(--swiper-navigation-sides-offset, -3px) !important;
}
.landing__container .swiper .swiper-button-next::after,
.landing__container .swiper .swiper-button-prev::after {
  content: "" !important;
}
.landing__container .swiper #grade-12 .swiper-button-prev,
.landing__container .swiper #grade-11 .swiper-button-prev,
.landing__container .swiper #grade-10 .swiper-button-prev {
  top: 48% !important;
}
.landing__container .swiper #grade-12 .swiper-button-next,
.landing__container .swiper #grade-11 .swiper-button-next,
.landing__container .swiper #grade-10 .swiper-button-next {
  top: 48% !important;
}
.landing__container .card-content .card-title {
  color: #333 !important;
  font-weight: bold;
}
.landing__container .card-action .line {
  color: #808080 !important;
}
.landing__container .card-action span {
  color: #6b6d6f !important;
}
.landing__container .swiper-card.transparent-bg {
  margin-left: 12px;
}

.landing__mr-t-8 {
  margin-top: 32px;
}

.landing__content {
  padding: 48px 0;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.landing__content__grades {
  padding-top: 68px;
  padding-bottom: 80px;
}

.landing__button {
  display: flex;
  padding: 12px 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 99px;
  border: 3px solid #fff;
  background: #ef018d;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.landing__button a {
  color: #fff !important;
}
.landing__button:hover {
  background-color: #000;
}

.landing__col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1 0px;
}

.landing__img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.landing__title {
  color: white;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.landing__logo {
  display: flex;
  justify-content: center;
  width: 100px;
  padding: 40px 25px;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 12px;
}
.landing__logo img {
  width: 100px;
  height: 95.258px;
}

.landing__hiro {
  max-height: 750px;
  background-image: url("/wp-content/themes/theme-paytakhteketab/assets/images/background/bg-hiro.png");
  padding-top: 150px;
  padding-bottom: 70px;
}

.landing__hiro-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  gap: 80px;
}
.landing__hiro-content p {
  -webkit-line-clamp: 3;
}
.landing__hiro-content a {
  padding: 0;
}

.landing__discount {
  background: #005aa8;
}

.landing__discount-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  color: white !important;
}

.landing__discount-desc {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.landing__discount-desc p {
  line-height: 26.56px;
  -webkit-line-clamp: 2;
}

.landing__copy-code {
  display: flex;
  flex: 1;
  gap: 0px;
  border: 2px solid #ffffff;
  border-radius: 99px;
  width: 254px;
  background-color: white;
  text-align: center;
  overflow: hidden;
  margin-top: 12px;
}
.landing__copy-code div {
  padding: 20px 36px;
  background-color: white;
  color: #000;
  margin: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 26.56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing__copy-btn {
  background: #ef018d !important;
  color: white !important;
}
.landing__copy-btn:hover {
  background: #000 !important;
  cursor: pointer;
}

.landing__grades {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url("/wp-content/themes/theme-paytakhteketab/assets/images/background/bg-grades.png") no-repeat center;
  height: 213px;
  background-size: contain;
  box-sizing: content-box;
}
.landing__grades h3 {
  color: #000 !important;
  text-align: right !important;
  margin-right: 32px;
}

.landing_gardes-item {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  overflow-x: auto;
}
.landing_gardes-item a {
  padding: 16px 35px;
  font-size: 28px;
  font-weight: 700;
  line-height: 53.13px;
  text-align: center;
  text-decoration: none;
}

.curve {
  background: url("/wp-content/themes/theme-paytakhteketab/assets/images/background/bg-curve.png") no-repeat center;
}

.grades-c-7 {
  color: #fdd55c;
}

.grades-c-8 {
  color: #9e9e9e;
}

.grades-c-9 {
  color: #b089bd;
}

.grades-c-10 {
  color: #a0d176;
}

.grades-c-11 {
  color: #9e9e9e;
}

.grades-c-12 {
  color: #e66c26;
}

.bg-line {
  background-image: url("/wp-content/themes/theme-paytakhteketab/assets/images/background/bg-line.svg");
  background-repeat: no-repeat;
}

.grades-bg-7 {
  background-color: #fdd55c;
}

.grades-bg-8 {
  background-color: #f0f5fc;
}

.grades-bg-9 {
  background-color: #b089bd;
}

.grades-bg-10 {
  background-color: #a0d176;
}

.grades-bg-11 {
  background-color: #f0f5fc;
}

.grades-bg-12 {
  background-color: #e66c26;
}

@media only screen and (min-width: 480px) {
  .landing__left {
    direction: ltr;
  }
  .landing__left .landing__grade-fixed {
    margin-left: 0px;
    margin-right: 48px;
  }
  .landing__header-notification {
    display: none;
  }
  .landing__header-phone {
    display: none;
  }
}
.landing__learn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding-top: 0;
}
.landing__learn p {
  color: #333;
  -webkit-line-clamp: 3;
}
.landing__learn .landing__title {
  color: black !important;
}
.landing__learn .landing__col {
  gap: 24px !important;
}

.landing__video video {
  border-radius: 20px;
  max-height: 421px;
  max-width: 630px;
}

.landing__books {
  display: flex;
}

.filter-field {
  text-align: right;
  padding-right: 32px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.filter-field .select-wrapper {
  width: 180px;
  height: 51px;
  position: relative;
  padding: 0;
  border-radius: 99px;
  background-color: #ffffff;
  border: none;
  cursor: pointer;
}
.filter-field .select-wrapper .select-dropdown.dropdown-trigger {
  background-image: url("/wp-content/themes/theme-paytakhteketab/assets/images/arrow-circle-down.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding: 12px 24px 12px 16px;
  font-family: inherit;
}
.filter-field .select-wrapper .select-dropdown {
  font-size: 16px;
  font-weight: 700;
  border-radius: 30px;
  background-color: #ffffff;
  padding: 0;
  height: auto;
  line-height: 26.56px;
  cursor: pointer;
  border: none;
  outline: none;
}
.filter-field .select-wrapper .select-dropdown span {
  text-align: right;
  color: #333 !important;
}
.filter-field .select-wrapper .caret {
  display: none;
}
.filter-field .select-wrapper select {
  display: none;
}

.landing__book {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px;
  padding-top: 20px;
}
.landing__book img {
  border-radius: 20px;
  max-width: 275px;
  max-height: 337px;
}
.landing__book h3 {
  margin: 0;
  color: #333;
  font-weight: bold;
}
.landing__book .landing__price {
  font-size: 14px;
  font-weight: 500;
  line-height: 23.24px;
  color: #808080;
  text-decoration: line-through;
}
.landing__book .landing__discount-price {
  display: flex;
  gap: 6px;
  color: #333 !important;
}
.landing__book .landing__discount-percentage {
  display: inline-block;
  background-color: #ec2027;
  color: white;
  text-align: center;
  border-radius: 99px;
  width: 20px;
  height: 20px;
  padding: 4px 10px;
  text-decoration: none;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 19.92px;
}

.landing__grade-fixed {
  display: flex;
  justify-content: center;
  width: 254px;
  height: 255px;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  top: 90px;
  text-align: center;
}
.landing__grade-fixed .landing__button {
  position: absolute;
  bottom: -120px;
}

.landing__grade-desc {
  height: 40px;
  line-height: 15px;
  text-align: right;
  margin-left: 24px;
  top: 105px;
  right: 117px;
  z-index: 99;
  position: absolute;
}
.landing__grade-desc span {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.landing__grade-desc div {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.landing_kheilisabz-logo {
  position: absolute;
  top: 117px;
  right: 24px;
  width: 63.02px;
  height: 59.98px;
}

.landing_grade-fixed__story-logo {
  position: absolute;
  top: -80px;
  width: 228.26px;
}

.landing__grade-img {
  position: absolute;
  bottom: -70px;
  z-index: 100;
}

.landing__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: #f0f5fc;
}

.landing__series {
  background: url("/wp-content/themes/theme-paytakhteketab/assets/images/background/bg-series.png") no-repeat;
  background-size: cover;
}

.landing__series-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.landing__series-content h2 {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 24px 0;
}

.landing__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.landing__categories-item img {
  width: 148px !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 480px) {
  .landing__container p {
    font-size: 14px;
  }
  .landing__container .swiper {
    width: 100%;
  }
  .landing__container .swiper .swiper-button-next,
.landing__container .swiper .swiper-button-prev {
    visibility: hidden;
  }
  .landing__container .swiper .swiper-slide {
    width: unset !important;
  }
  .landing__content {
    padding: 25px 15px;
    max-width: unset;
    margin-left: unset;
    margin-right: unset;
  }
  .landing__content__grades {
    padding: 24px 24px 24px 0;
  }
  .landing__button {
    width: unset;
  }
  .landing__title {
    font-size: 18px;
    -webkit-line-clamp: 2;
  }
  .landing__header {
    padding: 0;
  }
  .landing__header-content {
    padding: 24px;
    border-radius: 0px;
    background: unset;
  }
  .landing__header-contact {
    display: none;
  }
  .landing__header-info {
    gap: 8px;
  }
  .landing__header-info a {
    background-color: #fff;
  }
  .landing__hiro {
    padding: 0;
  }
  .landing__col {
    gap: 24px;
  }
  .landing__hiro-content {
    padding-top: 350px;
    position: relative;
  }
  .landing__hiro-content p {
    line-height: 23.24px;
    -webkit-line-clamp: 5;
  }
  .landing__logo {
    width: 90px;
    padding: 25px 0px;
    border-radius: 10px;
    background: #fff;
  }
  .landing__logo img {
    width: 63.22px;
    height: 60.22px;
  }
  .landing__hiro-story {
    position: absolute;
    top: 150px;
    right: 75px;
  }
  .landing__hiro-story img {
    width: 248px;
  }
  .landing__discount-content {
    flex-direction: column;
  }
  .landing__copy-code {
    width: unset;
  }
  .landing__copy-code > div:nth-child(2) {
    width: 70%;
  }
  .landing__grades {
    background-image: unset;
    background-color: #fff;
    margin: 24px;
    border-radius: 24px;
    border: 2px solid #000;
    height: unset;
  }
  .landing__grades h3 {
    margin-right: unset;
    margin-top: 0;
  }
  .landing_gardes-item {
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
  }
  .landing_gardes-item a {
    font-size: 16px;
    padding: 0;
    line-height: unset;
    flex: 1;
  }
  .landing__learn {
    flex-direction: column-reverse;
  }
  .landing__learn p {
    -webkit-line-clamp: 5;
  }
  .landing__books {
    flex-direction: column;
  }
  .landing__categories {
    gap: 16px;
  }
  .landing__grade-fixed {
    width: unset;
    height: 130px;
    border-radius: 10px;
    padding: 12px, 11px, 12px, 11px;
    top: 0px;
    margin-left: 24px;
    margin-top: 0;
  }
  .landing__grade-fixed .landing__button {
    position: absolute;
    width: 88px;
    height: 28px;
    padding: 4px 12px;
    gap: 10px;
    border-radius: 99px;
    top: 24px;
    left: 11px;
    font-size: 12px;
    font-weight: 500;
  }
  .landing__grade-desc {
    height: auto;
    align-items: center;
    display: flex;
    gap: 12px;
    margin-left: 11px;
    right: 11px;
    top: 80px;
  }
  .landing__grade-desc div {
    color: #666666;
    font-size: 11px;
    flex: 1 1 0;
  }
  .landing_kheilisabz-logo {
    display: none;
  }
  .landing_grade-fixed__story-logo {
    position: absolute;
    top: 12px;
    right: 11px;
    width: 70.81px;
    height: 56.54px;
  }
  .landing__grade-img {
    display: none;
  }
  .landing__header-basket {
    display: none;
  }
  .landing__header-phone img {
    filter: brightness(0) saturate(100%);
  }
  .filter-field {
    padding-top: 24px;
    text-align: right;
    padding-right: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.92px;
    width: 100%;
  }
  .filter-field select {
    width: 240px;
  }
}
.text-book-v2 {
  padding-top: 0px;
}
.text-book-v2 .landing-hero-section {
  background: #f0f8ff;
  padding-top: 170px;
  padding-bottom: 25px;
}
.text-book-v2 .landing-hero-section .go-down {
  text-align: center;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
}
.text-book-v2 .landing-hero-section .go-down img {
  filter: brightness(6);
  -webkit-animation: slide-top 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
  animation: slide-top 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
@-webkit-keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
.text-book-v2 .landing-hero-section .main {
  position: relative;
  z-index: 1;
}
.text-book-v2 .landing-hero-section .main .inner .textbook-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 14px 80px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background: #fff;
  border-radius: 12px;
  cursor: pointer;
  color: #0b849e;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 23px;
  letter-spacing: -0.3px;
}
.text-book-v2 .landing-hero-section .main .inner .textbook-btn .img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  line-height: 7px;
}
.text-book-v2 .landing-hero-section .main .inner h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffe145;
}
.text-book-v2 .landing-hero-section .main .inner h1 {
  color: #000;
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: 900;
}
.text-book-v2 .landing-hero-section .main .inner h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  color: #000;
  margin-top: 14px;
  margin-bottom: 16px;
}
.text-book-v2 .landing-hero-section .main .inner span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #ffba00;
  margin-top: 14px;
  margin-bottom: 16px;
}
.text-book-v2 .landing-hero-section .main .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #111e33;
}
.text-book-v2 .landing-hero-section .main .inner p strong {
  font-weight: 900;
  border-bottom: dotted;
}
.text-book-v2 .landing-hero-section .main .inner .phone-box {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #000;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  line-height: 38px;
  padding: 6px;
}
.text-book-v2 .landing-hero-section .main .inner .phone-box p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  float: right;
  margin: 0px;
  height: 38px;
  line-height: 21px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.text-book-v2 .landing-hero-section .main .inner .phone-box span {
  margin-left: 14px;
}
.text-book-v2 .landing-hero-section .main .inner .phone-box div.number {
  display: inline-block;
  margin-right: 16px;
  font-weight: bold;
}
.text-book-v2 .landing-hero-section .main .hero-section-img img {
  text-align: center;
}
.text-book-v2 .landing-hero-section .bg {
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
}
.text-book-v2 .landing-hero-section .bg .img img {
  position: absolute;
}
.text-book-v2 .landing-hero-section .bg .left {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 200px;
  left: 0px;
  z-index: 0;
}
.text-book-v2 .landing-hero-section .bg .left img {
  top: 0px;
}
.text-book-v2 .landing-hero-section .bg .right {
  position: absolute;
  width: 15%;
  height: 87px;
  z-index: 99999;
  right: 0px;
  bottom: 215px;
  z-index: 0;
}
.text-book-v2 .landing-hero-section .bg .right img {
  bottom: 0px;
}
.text-book-v2 section.choose-book {
  background: var(--light-background, #f8fafc);
  padding-top: 60px;
  padding-bottom: 5px;
}
.text-book-v2 section.choose-book .header {
  margin-bottom: 30px;
}
.text-book-v2 section.choose-book .header p {
  padding: 0 30px;
  line-height: 30px;
}
.text-book-v2 section.choose-book .box {
  box-shadow: 0px 30px 60px -40px #c2cfe2;
  background: #fff;
  padding: 55px 20px;
  border-radius: 16px;
  margin-bottom: 20px;
  cursor: pointer;
}
.text-book-v2 section.choose-book .box p {
  font-size: 14px !important;
  line-height: 0 !important;
}
.text-book-v2 section.choose-book .box h3 {
  font-size: 15px;
  text-align: center;
}
.text-book-v2 section.choose-book .box span {
  position: absolute;
  font-size: 45px;
  color: #eaeaea;
  font-weight: 900;
}
.text-book-v2 section.choose-book h2 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-align: center;
}
.text-book-v2 section.choose-book p {
  color: var(--dark-grey, #485967);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.text-book-v2 .choose-book {
  padding-top: 30px;
  padding-bottom: 5px;
}
.text-book-v2 .choose-book .header {
  margin-bottom: 50px;
}
.text-book-v2 .choose-book .header p {
  padding: 0 30px;
  line-height: 30px;
}
.text-book-v2 .choose-book .boxgrade {
  box-shadow: 0px 30px 60px -28px #c2cfe2;
  background: #fff;
  padding: 55px 10px;
  border-radius: 16px;
  margin-bottom: 20px;
  cursor: pointer;
}
.text-book-v2 .choose-book .boxgrade p {
  font-size: 14px !important;
  line-height: 0 !important;
}
.text-book-v2 .choose-book .boxgrade h3 {
  font-size: 15px;
  text-align: center;
}
.text-book-v2 .choose-book .boxgrade span {
  position: absolute;
  font-size: 45px;
  color: #eaeaea;
  font-weight: 900;
}
.text-book-v2 .choose-book h2 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-align: center;
}
.text-book-v2 .choose-book a {
  color: var(--dark-grey, #485967);
  text-align: center;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -0.28px;
}
.text-book-v2 .choose-book p {
  color: var(--dark-grey, #485967);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.text-book-v2 .latest-product-section {
  position: relative;
  margin: 100px 0px;
}
.text-book-v2 .latest-product-section .similar-products {
  margin-top: 32px;
  position: relative;
}
.text-book-v2 .latest-product-section .bg {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  float: left;
  top: -85px;
}
.text-book-v2 .latest-product-section .bg img {
  width: 100%;
}
.text-book-v2 .description-section.left-align .img {
  text-align: right;
}
.text-book-v2 .description-section.right-align .img {
  text-align: left;
}
.text-book-v2 .buy-online-section {
  margin-bottom: 150px;
  margin-top: 128px;
}
.text-book-v2 .buy-online-section .content .child {
  background-color: #f8fafc;
  text-align: center;
  border-radius: 20px;
  padding: 30px;
}
.text-book-v2 .buy-online-section .content .child .img img {
  width: 44px;
  margin-bottom: 12px;
}
.text-book-v2 .buy-online-section .content .child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
}
.text-book-v2 .buy-online-section .content .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
}
.text-book-v2 .why-us-section .img img {
  width: 100%;
}
.text-book-v2 .why-us-section .content .child {
  margin-bottom: 20px;
}
.text-book-v2 .why-us-section .content .child .number {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: right;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: rgba(8, 101, 254, 0.04);
  border-radius: 100%;
}
.text-book-v2 .why-us-section .content .child .inner {
  margin-right: 90px;
}
.text-book-v2 .why-us-section .content .child .inner h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.text-book-v2 .why-us-section .content .child .inner h2 p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.text-book-v2 .why-us-section .content .child .inner .heading-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.text-book-v2 .why-us-section .content .child .inner .heading-2 p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.text-book-v2 .why-us-section .more-content .child {
  position: relative;
  text-align: center;
  background: rgba(8, 101, 254, 0.04);
  border-radius: 20px;
  height: 175px;
}
.text-book-v2 .why-us-section .more-content .child .number {
  position: absolute;
  text-align: center;
  top: -20px;
  width: 100%;
}
.text-book-v2 .why-us-section .more-content .child .number span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  width: 46px;
  height: 46px;
  display: inline-block;
  background: #f5f9ff;
  border-radius: 100%;
  line-height: 39px;
  border: 4px solid #fff;
}
.text-book-v2 .why-us-section .more-content .child .content {
  padding: 12px;
}
.text-book-v2 .why-us-section .more-content .child .content .img {
  width: 100%;
  text-align: center;
  margin-top: 60px;
  float: right;
  margin-top: 37px;
  margin-bottom: 10px;
}
.text-book-v2 .why-us-section .more-content .child .content .img img {
  width: 44px;
}
.text-book-v2 .why-us-section .more-content .child .content h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.text-book-v2 .complete-shop-section {
  position: relative;
  margin-top: 300px;
  margin-bottom: 170px;
}
.text-book-v2 .complete-shop-section .bg {
  height: 270px;
  position: absolute;
  width: 100%;
  bottom: 70px;
  background: #f8fafc;
}
.text-book-v2 .complete-shop-section .content {
  text-align: center;
  z-index: 1;
  position: relative;
}
.text-book-v2 .complete-shop-section .content .col {
  float: initial;
  margin: 0 auto;
  display: inline-block;
}
.text-book-v2 .complete-shop-section .content .child {
  background: #f3f7fb;
  border: 6px solid #ffffff;
  border-radius: 20px;
  display: inline-block;
  width: 17.8%;
  margin: 1%;
  padding: 20px 15px;
}
.text-book-v2 .complete-shop-section .content .child h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 16px;
}
.text-book-v2 .complete-shop-section .content .child .heading-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 16px;
}
.text-book-v2 .complete-shop-section .content .child h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #0865fe;
}
.text-book-v2 .faq-section .col {
  margin: 0 auto;
  float: initial;
}
.text-book-v2 .faq-section .faq-collapsible {
  margin: 0px;
  box-shadow: initial;
  border: initial;
  padding: 0px;
}
.text-book-v2 .faq-section .faq-collapsible li {
  margin-bottom: 12px;
  background: #f8fafc;
  border-radius: 12px;
}
.text-book-v2 .faq-section .faq-collapsible li .collapsible-header {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  background: #f8fafc;
  border: initial;
  color: #333333;
  border-radius: 12px;
  padding: 16px 28px;
}
.text-book-v2 .faq-section .faq-collapsible li .collapsible-body {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: initial;
  border-top: 1px solid #e5ecf1;
  border-radius: 0px 0px 12px 12px;
  padding: 16px 28px;
  color: #485967;
}
.text-book-v2 .faq-section .faq-collapsible li.active .collapsible-header {
  color: #0865fe;
}
.text-book-v2 .testimonials-section {
  position: relative;
  margin-top: 45px;
  margin-bottom: 25px;
}
.text-book-v2 .testimonials-section .bg {
  content: " ";
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 96%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 22%;
  left: 50%;
  z-index: -1;
}
.text-book-v2 .testimonials-section .bg img {
  width: 100%;
}
.text-book-v2 .testimonials-section .content {
  text-align: center;
}
.text-book-v2 .testimonials-section .content .child {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  position: relative;
}
.text-book-v2 .testimonials-section .content .child .img {
  position: absolute;
  width: 100%;
  text-align: center;
  right: 0px;
  top: -30px;
}
.text-book-v2 .testimonials-section .content .child .img img {
  border-radius: 100%;
  box-shadow: 0px 0px 0px 8px #f8fafc;
}
.text-book-v2 .testimonials-section .content .child .inner {
  padding-top: 28px;
}
.text-book-v2 .testimonials-section .content .child .inner .header {
  margin-bottom: 14px;
}
.text-book-v2 .testimonials-section .content .child .inner .header p,
.text-book-v2 .testimonials-section .content .child .inner .header h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  display: inline-block;
}
.text-book-v2 .testimonials-section .content .child .inner .header span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  position: relative;
  margin-right: 20px;
}
.text-book-v2 .testimonials-section .content .child .inner .header span:before {
  content: " ";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  position: absolute;
  background: #c4c4c4;
  right: -13px;
  top: 8px;
}
.text-book-v2 .testimonials-section .content .child .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: #333333;
}

@media (max-width: 900px) {
  .text-book-v2 .landing-hero-section {
    position: relative;
    padding-top: 185px;
  }
  .text-book-v2 .landing-hero-section .go-down {
    padding-top: 30px;
    margin-bottom: -30px;
  }
  .text-book-v2 .landing-hero-section .row {
    display: block;
  }
  .text-book-v2 .landing-hero-section .main {
    margin-top: -60px;
  }
  .text-book-v2 .landing-hero-section .main .inner .textbook-btn {
    margin-right: auto;
    margin-left: auto;
  }
  .text-book-v2 .landing-hero-section .main .inner h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .landing-hero-section .main .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .landing-hero-section .main .hero-section-img img {
    width: 100%;
  }
  .text-book-v2 .landing-hero-section .main .inner {
    text-align: center;
  }
  .text-book-v2 .landing-hero-section .main .inner .phone-box p {
    text-align: center;
    width: 100%;
    margin-bottom: 12px;
  }
  .text-book-v2 .landing-hero-section .main .inner .phone-box div.number {
    margin-right: 0px;
  }
  .text-book-v2 .landing-hero-section .main .inner .phone-box span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-left: 0px;
  }
  .text-book-v2 .landing-hero-section .bg {
    top: initial;
    bottom: 0px;
  }
  .text-book-v2 .heading-type-4 h4 {
    display: none;
  }
  .text-book-v2 .our-features-section .main .child {
    margin-bottom: 36px;
    text-align: right;
  }
  .text-book-v2 .our-features-section .main .child .content h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .our-features-section .main .child .content p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .our-features-section .main .child.right-align {
    margin-right: 10px;
  }
  .text-book-v2 .our-features-section .main .child.left-align {
    margin-right: 10px;
  }
  .text-book-v2 .our-features-section .main .child.left-align .img {
    float: right;
    text-align: right;
  }
  .text-book-v2 .our-features-section .main .child.left-align .img .inner {
    float: left;
  }
  .text-book-v2 .our-features-section .main .child.left-align .content {
    padding-left: 0px;
    float: left;
    padding-right: 20px;
  }
  .text-book-v2 .latest-product-section .container {
    width: 100%;
  }
  .text-book-v2 .latest-product-section .latest-product-section-cards .mobile-card {
    display: inline-block;
  }
  .text-book-v2 .description-section.left-align .row {
    display: block;
  }
  .text-book-v2 .description-section.left-align .img img {
    width: 100%;
  }
  .text-book-v2 .description-section.right-align .row {
    display: block;
  }
  .text-book-v2 .description-section.right-align .img img {
    width: 100%;
  }
  .text-book-v2 .buy-online-section .content .col.s12 {
    width: 50%;
  }
  .text-book-v2 .buy-online-section .content .child {
    border-radius: 20px;
    padding: 20px 10px;
    margin-bottom: 20px;
  }
  .text-book-v2 .buy-online-section .content .child h5 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .buy-online-section .content .child p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .why-us-section .row {
    display: block;
  }
  .text-book-v2 .why-us-section .content .child {
    margin-bottom: 40px;
  }
  .text-book-v2 .why-us-section .content .child .inner h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .why-us-section .content .child .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .why-us-section .more-content .col.s12 {
    width: 50%;
  }
  .text-book-v2 .why-us-section .more-content .child {
    margin-bottom: 40px;
  }
  .text-book-v2 .why-us-section .more-content .child .content h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .complete-shop-section {
    margin-top: 120px;
  }
  .text-book-v2 .complete-shop-section .bg {
    height: 195px;
    bottom: 0px;
    top: -70px;
  }
  .text-book-v2 .complete-shop-section .complete-shop-section-childs {
    text-align: center;
    z-index: 1;
    position: relative;
  }
  .text-book-v2 .complete-shop-section .complete-shop-section-childs .col {
    float: initial;
    margin: 0 auto;
    display: inline-block;
  }
  .text-book-v2 .complete-shop-section .complete-shop-section-childs .child {
    background: #f3f7fb;
    border: 6px solid #ffffff;
    border-radius: 20px;
    display: inline-block;
    width: 300px;
    margin: 1%;
    padding: 20px 15px;
  }
  .text-book-v2 .complete-shop-section .complete-shop-section-childs .child h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #485967;
    margin-bottom: 16px;
  }
  .text-book-v2 .complete-shop-section .complete-shop-section-childs .child h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #0865fe;
  }
  .text-book-v2 .faq-section .faq-collapsible li .collapsible-header {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .faq-section .faq-collapsible li .collapsible-body {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .testimonials-section .child {
    margin: 0px 10px;
  }
  .text-book-v2 .testimonials-section .bg {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 60%;
  }
  .text-book-v2 .testimonials-section .bg img {
    width: initial;
    height: 207%;
  }
  .text-book-v2 .testimonials-section .testimonial-swiper {
    height: 390px;
    padding-top: 50px;
  }
  .text-book-v2 .blog-posts-section .container {
    width: 100%;
  }
  .text-book-v2 .blog-posts-section .landing-blog-scrollbar .card.blog-card {
    margin-left: 30px;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #e5ecf1;
    border-radius: 20px;
    padding: 20px;
    margin-top: 12px;
    transition: 0.3s ease-out;
  }
}
.text-book-v2 .landing-main-offers {
  padding-bottom: 80px;
  padding-top: 78px;
  margin-bottom: 100px;
}
.text-book-v2 .super-offer-box {
  margin-bottom: 100px;
  margin-top: 230px;
}
.text-book-v2 .super-offer-box .super-offer-description {
  text-align: center;
}
.text-book-v2 .super-offer-box .super-offer-description strong,
.text-book-v2 .super-offer-box .super-offer-description h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 8px;
  color: #ffffff;
}
.text-book-v2 .super-offer-box .super-offer-description strong span,
.text-book-v2 .super-offer-box .super-offer-description h4 span {
  font-weight: 900;
  margin-bottom: 5px;
  font-size: 40px;
}
.text-book-v2 .super-offer-box .super-offer-description p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  margin: 0px;
  color: #ffffff;
}
.text-book-v2 .super-offer-box .super-offer-description .offer-counter {
  margin-top: 32px;
}
.text-book-v2 .super-offer-box .inner {
  background: #f9b628;
  border-radius: 20px;
  position: relative;
  padding: 52px 40px;
}
.text-book-v2 .super-offer-box .inner .col {
  z-index: 2;
}
.text-book-v2 .super-offer-box .inner .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.text-book-v2 .super-offer-box .inner .bg .bg-left-top {
  position: absolute;
  left: 0px;
  top: 0px;
}
.text-book-v2 .super-offer-box .inner .bg .bg-left-top img {
  float: left;
}
.text-book-v2 .super-offer-box .inner .bg .bg-right-top {
  position: absolute;
  right: 0px;
  top: 0px;
}
.text-book-v2 .super-offer-box .inner .bg .bg-right-top img {
  float: right;
}
.text-book-v2 .super-offer-box .inner .bg .bg-right-bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.text-book-v2 .super-offer-box .inner .bg .bg-right-bottom img {
  float: right;
}
.text-book-v2 .super-offer-box .inner .bg .bg-left-bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.text-book-v2 .super-offer-box .inner .bg .bg-left-bottom img {
  float: left;
}
.text-book-v2 .super-offer-box .inner .super-offer-image {
  position: absolute;
  height: 100%;
  top: -60px;
  width: 100%;
  right: 0px;
  text-align: center;
}
.text-book-v2 .super-offer-box .inner .super-offer-image .img {
  position: absolute;
  bottom: 0px;
  right: 50%;
  transform: translate(50%);
}
.text-book-v2 .super-offer-box .inner .super-offer-image .img img {
  float: right;
  border-radius: 20px;
}
.text-book-v2 .super-offer-box .inner .super-offer-image .badge {
  position: absolute;
  bottom: -24px;
  width: 100%;
  text-align: center;
}
.text-book-v2 .super-offer-box .inner .super-offer-image .badge span {
  font-style: normal;
  font-weight: 900;
  font-size: 21px;
  line-height: 34px;
  width: 92px;
  height: 48px;
  display: inline-block;
  background: #ffffff;
  color: #ff253f;
  border: 8px solid #f9b628;
  border-radius: 27px;
  line-height: 38px;
}
.text-book-v2 .super-offer-box .inner .product-description .publisher-box span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  display: block;
  color: #f3f7fb;
}
.text-book-v2 .super-offer-box .inner .product-description .product-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.text-book-v2 .super-offer-box .inner .product-description .price-box {
  margin-top: 22px;
  margin-bottom: 39px;
}
.text-book-v2 .super-offer-box .inner .product-description .price-box div {
  display: inline-block;
}
.text-book-v2 .super-offer-box .inner .product-description .price-box .before {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-left: 27px;
  color: #ffffff;
  opacity: 0.7;
}
.text-book-v2 .super-offer-box .inner .product-description .price-box .after {
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 38px;
  position: relative;
}
.text-book-v2 .super-offer-box .inner .product-description .price-box .after span {
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
}
.text-book-v2 .super-offer-box .inner .product-description .price-box .after:after {
  content: "";
  background: url("inc/img/price-circle.svg");
  background-size: auto;
  position: absolute;
  width: 150%;
  height: 150%;
  right: 50%;
  top: 50%;
  background-size: 100% 100%;
  transform: translate(50%, -50%);
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  height: 52px;
  line-height: 52px;
  border-radius: 12px;
  transition: all 0.3s;
  padding: 0px 40px;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn .img {
  line-height: 69px;
  transition: all 0.3s;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn .img svg {
  transition: all 0.3s;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn .img svg path {
  transition: all 0.3s;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #f9b628;
  border-color: #ffffff;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn:hover .img {
  transition: all 0.3s;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn:hover .img svg {
  transition: all 0.3s;
}
.text-book-v2 .super-offer-box .inner .product-description .buy-box .btn:hover .img svg path {
  transition: all 0.3s;
  stroke: #ffffff;
}
.text-book-v2 .landing-offer-section {
  position: relative;
}
.text-book-v2 .landing-offer-section .content .img {
  float: right;
  width: 45%;
}
.text-book-v2 .landing-offer-section .content .inner {
  float: right;
  width: 55%;
  margin-right: 20px;
}
.text-book-v2 .landing-offer-section .content .inner h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}
.text-book-v2 .landing-offer-section .content .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
}
.text-book-v2 .landing-offer-section .offer-box {
  background: radial-gradient(50% 50% at 50% 50%, #004dcc 0%, #004bc6 100%);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.text-book-v2 .landing-offer-section .offer-box .content {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  padding-top: 88px;
  padding-bottom: 34px;
  width: 65%;
  margin: 0 auto;
}
.text-book-v2 .landing-offer-section .offer-box .content h3 {
  font-family: "yekanbakh";
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 4px;
}
.text-book-v2 .landing-offer-section .offer-box .content p {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  margin: 0px;
  color: #ffffff;
}
.text-book-v2 .landing-offer-section .offer-box .content .copy-box {
  margin-top: 24px;
}
.text-book-v2 .landing-offer-section .offer-box .content .copy-box .img {
  float: right;
  width: initial;
}
.text-book-v2 .landing-offer-section .offer-box .content .status-bar {
  margin-top: 50px;
}
.text-book-v2 .landing-offer-section .offer-box .content .status-bar .title {
  margin-bottom: 5px;
  text-align: right;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.text-book-v2 .landing-offer-section .offer-box .content .status-bar .bar {
  height: 6px;
  width: 100%;
  background: #0865fe;
  border-radius: 3px;
  position: relative;
}
.text-book-v2 .landing-offer-section .offer-box .content .status-bar .bar .bar-precent {
  height: 6px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #ffffff;
  border-radius: 3px;
}
.text-book-v2 .landing-offer-section .offer-box .content .status-bar .footer {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-top: 12px;
}
.text-book-v2 .landing-offer-section .offer-box .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  mix-blend-mode: multiply;
  opacity: 1;
  height: 100%;
  width: 100%;
}
.text-book-v2 .landing-offer-section .offer-box .bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-book-v2 .landing-offer-section::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  height: 290px;
  width: 100%;
  background: #e6efff;
  z-index: -1;
  transform: translate(0%, -50%);
}
.text-book-v2 .offers-list-box {
  padding: 40px 0px;
  position: relative;
}
.text-book-v2 .offers-list-box .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.text-book-v2 .offers-list-box .bg .bg-left-top {
  position: absolute;
  left: 0px;
  top: 0px;
}
.text-book-v2 .offers-list-box .bg .bg-left-top img {
  float: left;
}
.text-book-v2 .offers-list-box .bg .bg-right-top {
  position: absolute;
  right: 0px;
  top: 0px;
}
.text-book-v2 .offers-list-box .bg .bg-right-top img {
  float: right;
}
.text-book-v2 .offers-list-box .bg .bg-right-bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.text-book-v2 .offers-list-box .bg .bg-right-bottom img {
  float: right;
}
.text-book-v2 .offers-list-box .bg .bg-left-bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.text-book-v2 .offers-list-box .bg .bg-left-bottom img {
  float: left;
}
.text-book-v2 .offers-list-box .similar-products {
  padding: 0px;
}
.text-book-v2 .offers-list-box .landing-products-swiper {
  border-radius: 20px;
}
.text-book-v2 .offers-list-box .landing-products-swiper .swiper-slide-active {
  border: initial;
  border-radius: 10px 11px 21px 16px;
}
.text-book-v2 .offers-list-box .swiper-button-next.swiper-button-disabled,
.text-book-v2 .offers-list-box .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.text-book-v2 .offers-list-box .mobile-scroll .swiper-card {
  display: inline-block;
}
.text-book-v2 .offers-list-box .mobile-scroll .swiper-card:first-child {
  border-radius: 0px 20px 20px 0px;
}
.text-book-v2 .offers-list-box .mobile-scroll .swiper-card:last-child {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}
.text-book-v2 .offers-list-box .theme-tabs {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
}
.text-book-v2 .offers-list-box .theme-tabs.type-2 {
  position: relative;
  right: initial;
  top: initial;
  transform: initial;
  float: right;
}
.text-book-v2 .offers-list-box .landing-offer {
  margin-top: 4px;
  width: 210px;
  text-align: center;
}
.text-book-v2 .offers-list-box .landing-offer p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0px;
  height: 46px;
  line-height: 46px;
  padding: 0px 20px;
  background: linear-gradient(180deg, #ff7d8d 0%, #ff253f 100%);
  border-radius: 27px;
}
.text-book-v2 .offers-list-box .landing-offer p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.text-book-v2 .offers-list-box.without-margin {
  padding-top: 0px;
}
.text-book-v2 .offers-list-box.type-2 .heading-type-6 h2 {
  color: #000;
  font-weight: 900;
  font-size: 19px;
}
.text-book-v2 .offers-list-box.type-2 .heading-type-6 .img {
  float: right;
  width: 54px;
  height: 54px;
  margin-left: 10px;
  background: rgb(255, 228, 0);
}
.text-book-v2 .offers-list-box.type-2 .heading-type-6 .theme-tabs {
  padding: 0px 4px !important;
  margin: 0 auto;
  text-align: center;
  background: rgb(72, 89, 103);
  width: auto;
  display: inline-block;
  height: 45px;
  padding: 0px 4px;
  border-radius: 30px;
  box-shadow: initial;
}
.text-book-v2 .offers-list-box.type-2 .heading-type-6 .theme-tabs .tab a {
  color: #ffffff;
}
.text-book-v2 .offers-list-box.type-2 .heading-type-6 .theme-tabs .tab a.active {
  background: rgba(255, 255, 255, 0.2);
}
.text-book-v2 .offers-list-box.type-2 .modal_paye {
  background-color: #F8FAFC;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  padding: 10px 18px;
  cursor: pointer;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.text-book-v2 .offers-list-box.type-2 .modal_paye span {
  color: #485967;
  font-weight: bold;
  font-size: 15px;
  line-height: 0 !important;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open {
  height: 500px;
  width: 500px;
  right: initial;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .header .title {
  display: flex;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .header .title span {
  color: #333333;
  font-weight: 900;
  margin-top: 3px;
  margin-right: 6px;
  font-size: 15px;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .header button.modal-close {
  position: inherit !important;
  float: left;
  margin: 0px !important;
  border: none !important;
  font-size: 33px !important;
  width: 40px;
  height: 40px;
  background: #f3f7fb !important;
  border-radius: 12px;
  padding: 8px 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .box_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  max-height: 280px;
  overflow-y: auto;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .box_items .item {
  background-color: #F3F7FB;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  flex-basis: 48%;
  padding: 15px;
  border-radius: 12px;
  cursor: pointer;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .box_items .item span {
  color: #333333;
}
.text-book-v2 .offers-list-box.type-2 .modal-paye-sec.open .modal-inner .link-footer {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 19px;
}
.text-book-v2 .offers-list-box.type-2 .landing-offer p {
  color: #ff253f;
  background: #ffffff;
}
.text-book-v2 .offers-list-box.type-2 .similar-products {
  background-color: transparent;
}
.text-book-v2 .offers-list-box.type-1 .heading-type-6 h2 {
  font-weight: 900;
  font-size: 19px;
}
.text-book-v2 .offers-list-box.type-1 .heading-type-6 .img {
  float: right;
  width: 54px;
  height: 54px;
  margin-left: 10px;
  background: #000;
}
.text-book-v2 .offers-list-box.type-1 .modal_paye {
  background-color: #F8FAFC;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  padding: 10px 18px;
  cursor: pointer;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.text-book-v2 .offers-list-box.type-1 .modal_paye span {
  color: #485967;
  font-weight: bold;
  font-size: 15px;
  line-height: 0 !important;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open {
  height: 500px;
  width: 500px;
  right: initial;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .header .title {
  display: flex;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .header .title span {
  color: #333333;
  font-weight: 900;
  margin-top: 3px;
  margin-right: 6px;
  font-size: 15px;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .header button.modal-close {
  position: inherit !important;
  float: left;
  margin: 0px !important;
  border: none !important;
  font-size: 33px !important;
  width: 40px;
  height: 40px;
  background: #f3f7fb !important;
  border-radius: 12px;
  padding: 8px 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .box_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  max-height: 280px;
  overflow-y: auto;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .box_items .item {
  background-color: #F3F7FB;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  flex-basis: 48%;
  padding: 15px;
  border-radius: 12px;
  cursor: pointer;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .box_items .item span {
  color: #333333;
}
.text-book-v2 .offers-list-box.type-1 .modal-paye-sec.open .modal-inner .link-footer {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 19px;
}
.text-book-v2 .offers-list-box.type-1 .landing-offer p {
  color: #ff253f;
  background: #ffffff;
}
.text-book-v2 .offers-list-box.type-1 .similar-products {
  background-color: transparent;
}
.text-book-v2 .offers-list-box.type-6 .modal_paye {
  background-color: #F8FAFC;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  padding: 10px 18px;
  cursor: pointer;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.text-book-v2 .offers-list-box.type-6 .modal_paye span {
  color: #485967;
  font-weight: bold;
  font-size: 15px;
  line-height: 0 !important;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open {
  height: 500px;
  width: 500px;
  right: initial;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .header .title {
  display: flex;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .header .title span {
  color: #333333;
  font-weight: 900;
  margin-top: 3px;
  margin-right: 6px;
  font-size: 15px;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .header button.modal-close {
  position: inherit !important;
  float: left;
  margin: 0px !important;
  border: none !important;
  font-size: 33px !important;
  width: 40px;
  height: 40px;
  background: #f3f7fb !important;
  border-radius: 12px;
  padding: 8px 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .box_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  max-height: 280px;
  overflow-y: auto;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .box_items .item {
  background-color: #F3F7FB;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  flex-basis: 48%;
  padding: 15px;
  border-radius: 12px;
  cursor: pointer;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .box_items .item span {
  color: #333333;
}
.text-book-v2 .offers-list-box.type-6 .modal-paye-sec.open .modal-inner .link-footer {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 19px;
}
.text-book-v2 .offers-list-box.type-6 .landing-offer p {
  color: #ff253f;
  background: #ffffff;
}
.text-book-v2 .offers-list-box.type-6 .similar-products {
  background-color: transparent;
}
.text-book-v2 .offer-section {
  height: 130px;
  line-height: 130px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.text-book-v2 .offer-section .content {
  background: url("inc/img/blue-bg.svg");
  background-color: #0865fe;
  border-radius: 20px;
  height: 130px;
}
.text-book-v2 .offer-section .content .child strong,
.text-book-v2 .offer-section .content .child h4 {
  height: 130px;
  line-height: 130px;
}
.text-book-v2 .offer-section .content .child.one strong,
.text-book-v2 .offer-section .content .child.one h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.02em;
}
.text-book-v2 .offer-section .content .child.two strong,
.text-book-v2 .offer-section .content .child.two h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 29px;
}

.text-book-v2 .offer-section {
  height: 130px;
  line-height: 130px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.text-book-v2 .offer-section .content {
  background: url("inc/img/blue-bg.svg");
  background-color: #0865fe;
  border-radius: 20px;
  height: 130px;
}
.text-book-v2 .offer-section .content .child strong,
.text-book-v2 .offer-section .content .child h4 {
  height: 130px;
  line-height: 130px;
}
.text-book-v2 .offer-section .content .child.one strong,
.text-book-v2 .offer-section .content .child.one h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.02em;
}
.text-book-v2 .offer-section .content .child.two strong,
.text-book-v2 .offer-section .content .child.two h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 29px;
}




.text-book-v2 .offer-section1406 {
  height: 130px;
  line-height: 130px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.text-book-v2 .offer-section1406 .content {
  background: url("inc/img/blue-bg.svg");
  background-color: #fbbb34;
  border-radius: 20px;
  height: 130px;
}
.text-book-v2 .offer-section1406 .content .child strong,
.text-book-v2 .offer-section1406 .content .child h4 {
  height: 130px;
  line-height: 130px;
}
.text-book-v2 .offer-section1406 .content .child.one strong,
.text-book-v2 .offer-section1406 .content .child.one h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.02em;
}
.text-book-v2 .offer-section1406 .content .child.two strong,
.text-book-v2 .offer-section1406 .content .child.two h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 29px;
}


.text-book-v2 .offers-list-box.type-2#color-01 {
  background: #f7f9f6;
}
.text-book-v2 .offers-list-box.type-2#color-1 {
  background: #c51996;
}
.text-book-v2 .offers-list-box.type-2#color-2 {
  background: #882499;
}
.text-book-v2 .offers-list-box.type-2#color-3 {
  background: #dd594d;
}
.text-book-v2 .offers-list-box.type-2#color-4 {
  background: #810084;
}
.text-book-v2 .faq-section {
  margin-top: 30px;
}
.text-book-v2 .social-media-box .content {
  position: relative;
  margin-top: 80px;
  margin-bottom: 60px;
  background: #0795e5;
  border-radius: 20px;
  padding: 37px 80px;
  background-image: url("inc/img/social-media-bg.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text-book-v2 .social-media-box .content .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text-book-v2 .social-media-box .content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0px;
}
.text-book-v2 .social-media-box .content .buttons {
  text-align: left;
}
.text-book-v2 .social-media-box .content .buttons .btn {
  margin-right: 12px;
}
.text-book-v2 .social-media-box .description {
  padding: 32px 40px;
  padding-bottom: 32px;
  background: #f8fafc;
  border-radius: 20px;
  padding-bottom: 40px;
  position: relative;
}
.text-book-v2 .social-media-box .description .text {
  max-height: 999999px;
  transition: all 0.3s;
}
.text-book-v2 .social-media-box .description .text p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 31px;
  letter-spacing: -0.02em;
  color: #485967;
  margin: 5px;
}
.text-book-v2 .social-media-box .description .text ul, .text-book-v2 .social-media-box .description .text li {
  list-style: initial;
  line-height: 30px;
}
.text-book-v2 .social-media-box .description .text h2, .text-book-v2 .social-media-box .description .text h3, .text-book-v2 .social-media-box .description .text h4, .text-book-v2 .social-media-box .description .text h5 {
  font-weight: 800;
  color: #555555;
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0;
}
.text-book-v2 .social-media-box .description .text.close {
  max-height: 135px;
  overflow: hidden;
  transition: all 0.3s;
}
.text-book-v2 .social-media-box .description .footer {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center;
  bottom: -24px;
}

@media (max-width: 900px) {
  .text-book-v2 .modal-paye-sec.open {
    width: 88% !important;
    height: 400px !important;
  }
  .text-book-v2 .modal-paye-sec.open .modal-inner .box_items {
    max-height: 250px !important;
  }
  .text-book-v2 .modal-paye-sec.open .modal-inner .box_items .item {
    flex-basis: 46% !important;
  }
  .text-book-v2 .buy-box {
    z-index: 9999;
    position: relative;
  }
  .text-book-v2 .hero-section .valign-wrapper {
    display: block;
  }
  .text-book-v2 .hero-section .valign-wrapper .hero-image {
    margin-bottom: 40px;
    margin-right: -50px;
  }
  .text-book-v2 .hero-section .valign-wrapper .hero-image .star {
    position: absolute;
    padding: 8px;
    width: 70px;
    height: 70px;
    right: initial;
    left: 0%;
    top: initial;
    bottom: -9%;
    transform: inherit;
  }
  .text-book-v2 .hero-section .valign-wrapper .landing-content {
    width: 100%;
  }
  .text-book-v2 .hero-section .valign-wrapper .landing-content h3 {
    font-size: 28px;
    line-height: 36px;
    padding: 0px;
    text-align: center;
  }
  .text-book-v2 .super-offer-box {
    margin-top: 60px;
  }
  .text-book-v2 .super-offer-box .container {
    width: 100%;
  }
  .text-book-v2 .super-offer-box .super-offer-description h4 {
    color: #ff253f;
  }
  .text-book-v2 .super-offer-box .super-offer-description p {
    color: #ff253f;
    padding: 0px 55px;
  }
  .text-book-v2 .super-offer-box .super-offer-description .super-offer-counter .offer-counter {
    margin: 32px 0px;
  }
  .text-book-v2 .super-offer-box .super-offer-description .super-offer-counter .offer-counter div {
    background: rgba(255, 37, 63, 0.1);
  }
  .text-book-v2 .super-offer-box .super-offer-description .super-offer-counter .offer-counter p {
    padding: 0px;
  }
  .text-book-v2 .super-offer-box .inner {
    border-radius: 0px;
    display: block;
    margin-top: 180px;
    padding: 52px 23px;
  }
  .text-book-v2 .super-offer-box .inner .super-offer-image {
    position: relative;
    height: initial;
    top: initial;
    width: initial;
    right: initial;
    text-align: initial;
    text-align: center;
  }
  .text-book-v2 .super-offer-box .inner .super-offer-image .img {
    position: relative;
    bottom: initial;
    right: initial;
    transform: initial;
  }
  .text-book-v2 .super-offer-box .inner .super-offer-image .img img {
    float: initial;
    margin-top: -230px;
  }
  .text-book-v2 .super-offer-box .inner .product-description {
    margin-top: 55px;
    text-align: center;
  }
  .text-book-v2 .landing-main-offers {
    padding: 50px 0px;
  }
  .text-book-v2 .landing-main-offers .container-2 {
    width: 100%;
  }
  .text-book-v2 .landing-main-offers .mobile-products-scroll {
    display: block;
  }
  .text-book-v2 .offer-section {
    height: 200px;
  }
  .text-book-v2 .offer-section .content {
    height: 200px;
  }
  .text-book-v2 .offer-section .content .child strong,
.text-book-v2 .offer-section .content .child h4 {
    line-height: 75px !important;
    height: 42px;
  }
  .text-book-v2 .offer-section .content .one strong,
.text-book-v2 .offer-section .content .one h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .offer-section .content .two strong,
.text-book-v2 .offer-section .content .two h4 {
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
  }
.text-book-v2 .offer-section1406 {
    height: 200px;
  }
  .text-book-v2 .offer-section1406 .content {
    height: 200px;
  }
  .text-book-v2 .offer-section1406 .content .child strong,
.text-book-v2 .offer-section1406 .content .child h4 {
    line-height: 75px !important;
    height: 42px;
  }
  .text-book-v2 .offer-section1406 .content .one strong,
.text-book-v2 .offer-section1406 .content .one h4 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
  }
  .text-book-v2 .offer-section1406 .content .two strong,
.text-book-v2 .offer-section1406 .content .two h4 {
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
  }
  .text-book-v2 .landing-offer-section {
    display: block;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper {
    display: block;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .content {
    margin-bottom: 45px;
    padding-bottom: 34px;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .content .img {
    float: initial;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .content .inner {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -0.02em;
    float: initial;
    width: 100%;
    margin: 0px;
    text-align: center;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .content .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin: 0px;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .content h3 {
    font-weight: 900;
    font-size: 40px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .offer-box .content {
    margin-bottom: 0px;
    padding-bottom: 34px;
    padding-top: 34px;
    width: 80%;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .offer-box .content .copy-box {
    width: auto;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .offer-box .content .copy-box .img {
    float: right;
    width: initial;
    margin-bottom: initial;
    text-align: initial;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .offer-box .content .status-bar {
    margin-top: 33px;
  }
  .text-book-v2 .landing-offer-section .valign-wrapper .offer-box .content .status-bar .title {
    margin-bottom: 7px;
  }
  .text-book-v2 .landing-offer-section:before {
    content: "";
    position: absolute;
    top: 18%;
    right: 0px;
    height: 60%;
    width: 100%;
    background: #e6efff;
    z-index: -1;
    transform: initial;
  }
  .text-book-v2 .free-delivery-box {
    position: relative;
    margin-bottom: 80px;
    padding-bottom: 0px;
  }
  .text-book-v2 .free-delivery-box .bg {
    position: absolute;
    top: initial;
    right: 0px;
    width: 100%;
    transform: initial;
    z-index: -1;
    height: 80%;
    bottom: -5%;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper {
    display: block;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .main-img {
    margin-bottom: 20px;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .content h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .content h3 br {
    display: none;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .content p {
    display: none;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .boxes {
    margin-top: 37px;
    width: 100%;
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .boxes .type-1 {
    width: calc(50% - 10px);
  }
  .text-book-v2 .free-delivery-box .row.valign-wrapper .boxes .type-2 {
    width: calc(50% - 10px);
  }
  .text-book-v2 .offers-list-box {
    padding: 50px 0px;
  }
  .text-book-v2 .offers-list-box .heading-type-6 {
    padding: 0 5%;
  }
  .text-book-v2 .offers-list-box .inner.left {
    width: 100%;
    text-align: center;
    overflow-y: scroll;
    margin-top: 20px;
  }
  .text-book-v2 .offers-list-box .inner.left .landing-offer {
    margin-top: 20px;
    margin-bottom: 20px;
    margin: 20px auto;
  }
  .text-book-v2 .offers-list-box .inner.left .theme-tabs-box {
    margin: 0 auto;
    float: initial;
    text-align: center;
    display: inline-block;
  }
  .text-book-v2 .offers-list-box .container {
    width: 100%;
  }
  .text-book-v2 .social-media-box .content {
    padding: 38px 32px;
  }
  .text-book-v2 .social-media-box .content .arrow .img {
    transform: rotate(270deg);
  }
  .text-book-v2 .social-media-box .content p {
    font-size: 16px;
    line-height: 23px;
  }
  .text-book-v2 .social-media-box .content p br {
    display: none;
  }
  .text-book-v2 .social-media-box .content .buttons {
    margin-top: 100px;
  }
  .text-book-v2 .social-media-box .content .buttons .btn {
    width: calc(50% - 5px);
    padding: 0px 22px;
    margin: 0px;
    float: left;
  }
  .text-book-v2 .social-media-box .content .buttons .btn:nth-child(1) {
    margin-right: 5px;
  }
  .text-book-v2 .social-media-box .content .buttons .btn:nth-child(2) {
    margin-left: 5px;
  }
  .text-book-v2 .social-media-box .description {
    padding: 20px 16px;
    padding-bottom: 42px;
  }
}
.landing-show-more {
  color: #fff;
  font-size: 18px;
  padding: 6px 20px;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.landing-show-more .img {
  height: 25px !important;
  width: 25px !important;
}
.landing-show-more .img svg {
  height: 25px;
  display: block;
  margin-left: 30px;
}

.landing-page-2 .hero-section {
  padding-top: 55px;
  padding-bottom: 100px;
  position: relative;
}
.landing-page-2 .hero-section .hero-image {
  position: relative;
}
.landing-page-2 .hero-section .hero-image .arrow {
  position: absolute;
  top: 35%;
  right: -30%;
  transform: translate(-50%, 50%);
}
.landing-page-2 .hero-section .hero-image .star {
  position: absolute;
  top: 2%;
  right: -22%;
  transform: translate(-50%, 50%);
  padding: 8px;
  width: 70px;
  height: 70px;
}
.landing-page-2 .hero-section .landing-content {
  width: 80%;
  position: relative;
}
.landing-page-2 .hero-section .landing-content h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
  color: #333333;
  padding-left: 65px;
  margin-bottom: 13px;
}
.landing-page-2 .hero-section .landing-content h3 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 44px;
  line-height: 50px;
  color: #464646;
  padding-left: 65px;
  margin-bottom: 32px;
}
.landing-page-2 .hero-section .landing-content h2 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 50px;
  color: #464646;
  padding-left: 65px;
  margin-bottom: 32px;
}
.landing-page-2 .hero-section .landing-content h2 span {
  font-weight: 999;
}
.landing-page-2 .hero-section .landing-content h3 span {
  font-weight: 999;
}

.landing-page-2 .hero-section .landing-content h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
  color: #333333;
  padding-left: 65px;
  margin-bottom: 13px;
}
.landing-page-2 .hero-section .landing-content h3 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 44px;
  line-height: 50px;
  color: #464646;
  padding-left: 65px;
  margin-bottom: 32px;
}
.landing-page-2 .hero-section .landing-content h2 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 50px;
  color: #464646;
  padding-left: 65px;
  margin-bottom: 32px;
}
.landing-page-2 .hero-section .landing-content h2 span {
  font-weight: 999;
}
.landing-page-2 .hero-section .landing-content h3 span {
  font-weight: 999;
}
.landing-page-2 .landing-hero-section .landing-content h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  padding-left: 65px;
  margin-bottom: 13px;
}
.landing-page-2 .landing-hero-section .landing-content h3 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
  color: #464646;
  /*padding-left: 65px;*/
  margin-bottom: 32px;
  text-align: center;
}
.landing-page-2 .landing-hero-section .landing-content p {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
  color: #464646;
  /*padding-left: 65px;*/
  margin-bottom: 32px;
  text-align: right;
}
.landing-page-2 .landing-hero-section .landing-content h2 {
  font-family: "Yekanbakh";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 50px;
  color: #464646;
  padding-left: 65px;
  margin-bottom: 32px;
}
.landing-page-2 .landing-hero-section .landing-content h2 span {
  font-weight: 999;
}
.landing-page-2 .landing-hero-section .landing-content h3 span {
  font-weight: 999;
}
.landing-page-2 .landing-hero-section .landing-content p span {
  font-weight: 999;
}
.landing-page-2 .hero-section .landing-content .landing-search-form {
  position: relative;
}
.landing-page-2 .hero-section .landing-content .landing-search-form .img {
  position: absolute;
  height: 24px;
  width: 24px;
  right: 24px;
  top: 21px;
  padding: 3px;
}
.landing-page-2 .hero-section .landing-content .landing-search-form .img img {
  width: 100%;
  height: 100%;
}
.landing-page-2 .hero-section .landing-content .landing-search-form input {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  height: 70px;
  background: #fff;
  line-height: 70px;
  border: 1px solid #e5ecf1;
  box-shadow: 0px 0px 40px #f5f7fa;
  border-radius: 16px;
  padding-right: 58px;
  width: calc(100% - 58px);
  margin: 0px;
  color: #8ca0b2;
}
.landing-page-2 .hero-section .landing-content .landing-search-form input::-moz-placeholder {
  color: #8ca0b2;
  opacity: 1; /* Firefox */
}
.landing-page-2 .hero-section .landing-content .landing-search-form input:-ms-input-placeholder {
  color: #8ca0b2;
  opacity: 1; /* Firefox */
}
.landing-page-2 .hero-section .landing-content .landing-search-form input::placeholder {
  color: #8ca0b2;
  opacity: 1; /* Firefox */
}
.landing-page-2 .hero-section .landing-content .landing-search-form input:-ms-input-placeholder {
  color: #8ca0b2;
}
.landing-page-2 .hero-section .landing-content .landing-search-form input::-ms-input-placeholder {
  color: #8ca0b2;
}
.landing-page-2 .hero-section .landing-content .star {
  position: absolute;
  right: 0px;
  width: 70px;
  height: 70px;
  padding: 12px;
  bottom: -90px;
}
@-webkit-keyframes scrollbar {
  0% {
    bottom: 30px;
  }
  50% {
    bottom: 45px;
  }
  100% {
    bottom: 30px;
  }
}
@keyframes scrollbar {
  0% {
    bottom: 30px;
  }
  50% {
    bottom: 45px;
  }
  100% {
    bottom: 30px;
  }
}
.landing-page-2 .hero-section .scroll-bar {
  text-align: center;
  position: absolute;
  bottom: 30px;
  width: 100%;
  -webkit-animation: scrollbar 1.5s ease-in-out infinite;
          animation: scrollbar 1.5s ease-in-out infinite;
}
.landing-page-2 .hero-section .scroll-bar .img {
  cursor: pointer;
  display: inline-block;
}
.landing-page-2 .landing-main-offers {
  padding-bottom: 80px;
  padding-top: 78px;
  margin-bottom: 100px;
}
.landing-page-2 .super-offer-box {
  margin-bottom: 100px;
  margin-top: 230px;
}
.landing-page-2 .super-offer-box .super-offer-description {
  text-align: center;
}
.landing-page-2 .super-offer-box .super-offer-description h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 8px;
  color: #ffffff;
}
.landing-page-2 .super-offer-box .super-offer-description h4 span {
  font-weight: 900;
  margin-bottom: 5px;
  font-size: 40px;
}
.landing-page-2 .super-offer-box .super-offer-description p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  margin: 0px;
  color: #ffffff;
}
.landing-page-2 .super-offer-box .super-offer-description .offer-counter {
  margin-top: 32px;
}
.landing-page-2 .super-offer-box .inner {
  background: #f9b628;
  border-radius: 20px;
  position: relative;
  padding: 52px 40px;
}
.landing-page-2 .super-offer-box .inner .col {
  z-index: 2;
}
.landing-page-2 .super-offer-box .inner .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.landing-page-2 .super-offer-box .inner .bg .bg-left-top {
  position: absolute;
  left: 0px;
  top: 0px;
}
.landing-page-2 .super-offer-box .inner .bg .bg-left-top img {
  float: left;
}
.landing-page-2 .super-offer-box .inner .bg .bg-right-top {
  position: absolute;
  right: 0px;
  top: 0px;
}
.landing-page-2 .super-offer-box .inner .bg .bg-right-top img {
  float: right;
}
.landing-page-2 .super-offer-box .inner .bg .bg-right-bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.landing-page-2 .super-offer-box .inner .bg .bg-right-bottom img {
  float: right;
}
.landing-page-2 .super-offer-box .inner .bg .bg-left-bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.landing-page-2 .super-offer-box .inner .bg .bg-left-bottom img {
  float: left;
}
.landing-page-2 .super-offer-box .inner .super-offer-image {
  position: absolute;
  height: 100%;
  top: -60px;
  width: 100%;
  right: 0px;
  text-align: center;
}
.landing-page-2 .super-offer-box .inner .super-offer-image .img {
  position: absolute;
  bottom: 0px;
  right: 50%;
  transform: translate(50%);
}
.landing-page-2 .super-offer-box .inner .super-offer-image .img img {
  float: right;
  border-radius: 20px;
}
.landing-page-2 .super-offer-box .inner .super-offer-image .badge {
  position: absolute;
  bottom: -24px;
  width: 100%;
  text-align: center;
}
.landing-page-2 .super-offer-box .inner .super-offer-image .badge span {
  font-style: normal;
  font-weight: 900;
  font-size: 21px;
  line-height: 34px;
  width: 92px;
  height: 43px;
  display: inline-block;
  background: #ffffff;
  color: #f9b628;
  border: 2px solid #f9b628;
  border-radius: 27px;
  line-height: 38px;
}
.landing-page-2 .super-offer-box .inner .product-description .publisher-box span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  display: block;
  color: #f3f7fb;
}
.landing-page-2 .super-offer-box .inner .product-description .product-title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.landing-page-2 .super-offer-box .inner .product-description .price-box {
  margin-top: 22px;
  margin-bottom: 39px;
}
.landing-page-2 .super-offer-box .inner .product-description .price-box div {
  display: inline-block;
}
.landing-page-2 .super-offer-box .inner .product-description .price-box .before {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-left: 27px;
  color: #ffffff;
  opacity: 0.7;
}
.landing-page-2 .super-offer-box .inner .product-description .price-box .after {
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 38px;
  position: relative;
}
.landing-page-2 .super-offer-box .inner .product-description .price-box .after span {
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
}
.landing-page-2 .super-offer-box .inner .product-description .price-box .after:after {
  content: "";
  background: url("inc/img/price-circle.svg");
  background-size: auto;
  position: absolute;
  width: 150%;
  height: 150%;
  right: 50%;
  top: 50%;
  background-size: 100% 100%;
  transform: translate(50%, -50%);
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  height: 52px;
  line-height: 52px;
  border-radius: 12px;
  transition: all 0.3s;
  padding: 0px 40px;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn .img {
  line-height: 69px;
  transition: all 0.3s;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn .img svg {
  transition: all 0.3s;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn .img svg path {
  transition: all 0.3s;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #f9b628;
  border-color: #ffffff;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn:hover .img {
  transition: all 0.3s;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn:hover .img svg {
  transition: all 0.3s;
}
.landing-page-2 .super-offer-box .inner .product-description .buy-box .btn:hover .img svg path {
  transition: all 0.3s;
  stroke: #ffffff;
}
.landing-page-2 .landing-offer-section {
  position: relative;
}
.landing-page-2 .landing-offer-section .content .img {
  float: right;
  width: 45%;
}
.landing-page-2 .landing-offer-section .content .inner {
  float: right;
  width: 55%;
  margin-right: 20px;
}
.landing-page-2 .landing-offer-section .content .inner h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}
.landing-page-2 .landing-offer-section .content .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
}
.landing-page-2 .landing-offer-section .offer-box {
  background: radial-gradient(50% 50% at 50% 50%, #004dcc 0%, #004bc6 100%);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.landing-page-2 .landing-offer-section .offer-box .content {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  padding-top: 88px;
  padding-bottom: 34px;
  width: 65%;
  margin: 0 auto;
}
.landing-page-2 .landing-offer-section .offer-box .content h3 {
  font-family: "yekanbakh";
  color: #ffffff;
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 4px;
}
.landing-page-2 .landing-offer-section .offer-box .content p {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  margin: 0px;
  color: #ffffff;
}
.landing-page-2 .landing-offer-section .offer-box .content .copy-box {
  margin-top: 24px;
}
.landing-page-2 .landing-offer-section .offer-box .content .copy-box .img {
  float: right;
  width: initial;
}
.landing-page-2 .landing-offer-section .offer-box .content .status-bar {
  margin-top: 50px;
}
.landing-page-2 .landing-offer-section .offer-box .content .status-bar .title {
  margin-bottom: 5px;
  text-align: right;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.landing-page-2 .landing-offer-section .offer-box .content .status-bar .bar {
  height: 6px;
  width: 100%;
  background: #0865fe;
  border-radius: 3px;
  position: relative;
}
.landing-page-2 .landing-offer-section .offer-box .content .status-bar .bar .bar-precent {
  height: 6px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #ffffff;
  border-radius: 3px;
}
.landing-page-2 .landing-offer-section .offer-box .content .status-bar .footer {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-top: 12px;
}
.landing-page-2 .landing-offer-section .offer-box .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  mix-blend-mode: multiply;
  opacity: 1;
  height: 100%;
  width: 100%;
}
.landing-page-2 .landing-offer-section .offer-box .bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.landing-page-2 .landing-offer-section::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  height: 290px;
  width: 100%;
  background: #e6efff;
  z-index: -1;
  transform: translate(0%, -50%);
}
.landing-page-2 .free-delivery-box {
  position: relative;
  padding: 100px 0px;
}
.landing-page-2 .free-delivery-box .content h3 {
  font-family: "YekanBakh";
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  color: #333333;
  margin-bottom: 4px;
}
.landing-page-2 .free-delivery-box .content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
}
.landing-page-2 .free-delivery-box .boxes {
  margin-top: 50px;
}
.landing-page-2 .free-delivery-box .boxes .child {
  width: 160px;
  height: 150px;
  background: #fff;
  box-shadow: 0px 18px 30px -12px rgba(171, 194, 254, 0.5);
  border-radius: 16px;
  display: inline-block;
  float: right;
  padding: 20px;
  color: #009e80;
}
.landing-page-2 .free-delivery-box .boxes .child:first-child {
  margin-top: -37px;
  margin-left: 20px;
  color: #0865fe;
}
.landing-page-2 .free-delivery-box .boxes .child .img {
  text-align: center;
  margin-bottom: 10px;
}
.landing-page-2 .free-delivery-box .boxes .child p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0px;
}
.landing-page-2 .free-delivery-box .bg {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 100%;
  transform: translate(0%, -50%);
  z-index: -1;
}
.landing-page-2 .free-delivery-box .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.landing-page-2 .offers-list-box {
  padding: 65px 0px;
  position: relative;
}
.landing-page-2 .offers-list-box .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.landing-page-2 .offers-list-box .bg .bg-left-top {
  position: absolute;
  left: 0px;
  top: 0px;
}
.landing-page-2 .offers-list-box .bg .bg-left-top img {
  float: left;
}
.landing-page-2 .offers-list-box .bg .bg-right-top {
  position: absolute;
  right: 0px;
  top: 0px;
}
.landing-page-2 .offers-list-box .bg .bg-right-top img {
  float: right;
}
.landing-page-2 .offers-list-box .bg .bg-right-bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.landing-page-2 .offers-list-box .bg .bg-right-bottom img {
  float: right;
}
.landing-page-2 .offers-list-box .bg .bg-left-bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.landing-page-2 .offers-list-box .bg .bg-left-bottom img {
  float: left;
}
.landing-page-2 .offers-list-box .similar-products {
  padding: 0px;
}
.landing-page-2 .offers-list-box .landing-products-swiper {
  border-radius: 20px;
}
.landing-page-2 .offers-list-box .landing-products-swiper .swiper-slide-active {
  border: initial;
  border-radius: 10px 11px 21px 16px;
}
.landing-page-2 .offers-list-box .swiper-button-next.swiper-button-disabled,
.landing-page-2 .offers-list-box .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.landing-page-2 .offers-list-box .mobile-scroll .swiper-card {
  display: inline-block;
}
.landing-page-2 .offers-list-box .mobile-scroll .swiper-card:first-child {
  border-radius: 0px 20px 20px 0px;
}
.landing-page-2 .offers-list-box .mobile-scroll .swiper-card:last-child {
  border-radius: 20px 0px 0px 20px;
  border-left: 1px solid #e5ecf1;
}
.landing-page-2 .offers-list-box .theme-tabs {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
}
.landing-page-2 .offers-list-box .theme-tabs.type-2 {
  position: relative;
  right: initial;
  top: initial;
  transform: initial;
  float: right;
}
.landing-page-2 .offers-list-box .landing-offer {
  margin-top: 4px;
  width: 210px;
  text-align: center;
}
.landing-page-2 .offers-list-box .landing-offer p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0px;
  height: 46px;
  line-height: 46px;
  padding: 0px 20px;
  background: linear-gradient(180deg, #ff7d8d 0%, #f9b628 100%);
  border-radius: 27px;
}
.landing-page-2 .offers-list-box .landing-offer p span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.landing-page-2 .offers-list-box.without-margin {
  padding-top: 0px;
}
.landing-page-2 .offers-list-box.type-2 .heading-type-6 h2 {
  color: #fff;
}
.landing-page-2 .offers-list-box.type-2 .heading-type-6 .img {
  float: right;
  width: 54px;
  height: 54px;
  margin-left: 10px;
  background: rgba(255, 255, 255, 0.3);
}
.landing-page-2 .offers-list-box.type-2 .heading-type-6 .theme-tabs {
  padding: 0px 4px !important;
  margin: 0 auto;
  text-align: center;
  background: rgba(248, 250, 252, 0.2);
  width: auto;
  display: inline-block;
  height: 45px;
  padding: 0px 4px;
  border-radius: 30px;
  box-shadow: initial;
}
.landing-page-2 .offers-list-box.type-2 .heading-type-6 .theme-tabs .tab a {
  color: #ffffff;
}
.landing-page-2 .offers-list-box.type-2 .heading-type-6 .theme-tabs .tab a.active {
  background: rgba(255, 255, 255, 0.2);
}
.landing-page-2 .offers-list-box.type-2 .landing-offer p {
  color: #f9b628;
  background: #ffffff;
}
.landing-page-2 .offers-list-box.type-2 .similar-products {
  background-color: transparent;
}
.landing-page-2 .offers-list-box.type-2#color-1 {
  background: #ca0765;
}
.landing-page-2 .offers-list-box.type-2#color-2 {
  background: #63059d;
}
.landing-page-2 .offers-list-box.type-2#color-3 {
  background: #f1ab18;
  border-radius: 15px;
  margin-bottom: 13px;
}
.landing-page-2 .offers-list-box.type-2#color-4 {
  background: #464646;
  border-radius: 15px;
}
.landing-page-2 .social-media-box .content {
  position: relative;
  margin-top: 80px;
  margin-bottom: 60px;
  background: #0795e5;
  border-radius: 20px;
  padding: 37px 80px;
  background-image: url("inc/img/social-media-bg.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.landing-page-2 .social-media-box .content .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing-page-2 .social-media-box .content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0px;
}
.landing-page-2 .social-media-box .content .buttons {
  text-align: left;
}
.landing-page-2 .social-media-box .content .buttons .btn {
  margin-right: 12px;
}
.landing-page-2 .social-media-box .description {
  padding: 32px 40px;
  padding-bottom: 32px;
  background: #f8fafc;
  border-radius: 20px;
  padding-bottom: 40px;
  position: relative;
}
.landing-page-2 .social-media-box .description .text {
  max-height: 999999px;
  transition: all 0.3s;
}
.landing-page-2 .social-media-box .description .text p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  margin: 0px;
}
.landing-page-2 .social-media-box .description .text.close {
  max-height: 135px;
  overflow: hidden;
  transition: all 0.3s;
}
.landing-page-2 .social-media-box .description .footer {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center;
  bottom: -24px;
}

@media (max-width: 900px) {
  .landing-page-2 .buy-box {
    z-index: 9999;
    position: relative;
  }
  .landing-page-2 .hero-section .valign-wrapper {
    display: block;
  }
  .landing-page-2 .hero-section .valign-wrapper .hero-image {
    margin-bottom: 40px;
    margin-right: -50px;
  }
  .landing-page-2 .hero-section .valign-wrapper .hero-image .star {
    position: absolute;
    padding: 8px;
    width: 70px;
    height: 70px;
    right: initial;
    left: 0%;
    top: initial;
    bottom: -9%;
    transform: inherit;
  }
  .landing-page-2 .hero-section .valign-wrapper .landing-content {
    width: 100%;
  }
  .landing-page-2 .hero-section .valign-wrapper .landing-content h3 {
    font-size: 28px;
    line-height: 36px;
    padding: 0px;
    text-align: center;
  }
  .landing-page-2 .landing-main-offers {
    padding: 50px 0px;
  }
  .landing-page-2 .landing-main-offers .container-2 {
    width: 100%;
  }
  .landing-page-2 .landing-main-offers .mobile-products-scroll {
    display: block;
  }
  .landing-page-2 .super-offer-box {
    margin-top: 60px;
  }
  .landing-page-2 .super-offer-box .container {
    width: 100%;
  }
  .landing-page-2 .super-offer-box .super-offer-description h4 {
    color: #f9b628;
  }
  .landing-page-2 .super-offer-box .super-offer-description p {
    color: #f9b628;
    padding: 0px 55px;
  }
  .landing-page-2 .super-offer-box .super-offer-description .super-offer-counter .offer-counter {
    margin: 32px 0px;
  }
  .landing-page-2 .super-offer-box .super-offer-description .super-offer-counter .offer-counter div {
    background: rgba(255, 37, 63, 0.1);
  }
  .landing-page-2 .super-offer-box .super-offer-description .super-offer-counter .offer-counter p {
    padding: 0px;
  }
  .landing-page-2 .super-offer-box .inner {
    border-radius: 0px;
    display: block;
    margin-top: 180px;
    padding: 52px 23px;
  }
  .landing-page-2 .super-offer-box .inner .super-offer-image {
    position: relative;
    height: initial;
    top: initial;
    width: initial;
    right: initial;
    text-align: initial;
    text-align: center;
  }
  .landing-page-2 .super-offer-box .inner .super-offer-image .img {
    position: relative;
    bottom: initial;
    right: initial;
    transform: initial;
  }
  .landing-page-2 .super-offer-box .inner .super-offer-image .img img {
    float: initial;
    margin-top: -230px;
  }
  .landing-page-2 .super-offer-box .inner .product-description {
    margin-top: 55px;
    text-align: center;
  }
  .landing-page-2 .landing-offer-section {
    display: block;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper {
    display: block;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .content {
    margin-bottom: 45px;
    padding-bottom: 34px;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .content .img {
    float: initial;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .content .inner {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -0.02em;
    float: initial;
    width: 100%;
    margin: 0px;
    text-align: center;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .content .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin: 0px;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .content h3 {
    font-weight: 900;
    font-size: 40px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .offer-box .content {
    margin-bottom: 0px;
    padding-bottom: 34px;
    padding-top: 34px;
    width: 80%;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .offer-box .content .copy-box {
    width: auto;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .offer-box .content .copy-box .img {
    float: right;
    width: initial;
    margin-bottom: initial;
    text-align: initial;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .offer-box .content .status-bar {
    margin-top: 33px;
  }
  .landing-page-2 .landing-offer-section .valign-wrapper .offer-box .content .status-bar .title {
    margin-bottom: 7px;
  }
  .landing-page-2 .landing-offer-section:before {
    content: "";
    position: absolute;
    top: 18%;
    right: 0px;
    height: 60%;
    width: 100%;
    background: #e6efff;
    z-index: -1;
    transform: initial;
  }
  .landing-page-2 .free-delivery-box {
    position: relative;
    margin-bottom: 80px;
    padding-bottom: 0px;
  }
  .landing-page-2 .free-delivery-box .bg {
    position: absolute;
    top: initial;
    right: 0px;
    width: 100%;
    transform: initial;
    z-index: -1;
    height: 80%;
    bottom: -5%;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper {
    display: block;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .main-img {
    margin-bottom: 20px;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .content h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .content h3 br {
    display: none;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .content p {
    display: none;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .boxes {
    margin-top: 37px;
    width: 100%;
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .boxes .type-1 {
    width: calc(50% - 10px);
  }
  .landing-page-2 .free-delivery-box .row.valign-wrapper .boxes .type-2 {
    width: calc(50% - 10px);
  }
  .landing-page-2 .offers-list-box {
    padding: 50px 0px;
  }
  .landing-page-2 .offers-list-box .heading-type-6 {
    padding: 0 5%;
  }
  .landing-page-2 .offers-list-box .inner.left {
    width: 100%;
    text-align: center;
  }
  .landing-page-2 .offers-list-box .inner.left .landing-offer {
    margin-top: 20px;
    margin-bottom: 20px;
    margin: 20px auto;
  }
  .landing-page-2 .offers-list-box .inner.left .theme-tabs-box {
    margin: 0 auto;
    float: initial;
    text-align: center;
    display: inline-block;
  }
  .landing-page-2 .offers-list-box .container {
    width: 100%;
  }
  .landing-page-2 .social-media-box .content {
    padding: 38px 32px;
  }
  .landing-page-2 .social-media-box .content .arrow .img {
    transform: rotate(270deg);
  }
  .landing-page-2 .social-media-box .content p {
    font-size: 16px;
    line-height: 23px;
  }
  .landing-page-2 .social-media-box .content p br {
    display: none;
  }
  .landing-page-2 .social-media-box .content .buttons {
    margin-top: 100px;
  }
  .landing-page-2 .social-media-box .content .buttons .btn {
    width: calc(50% - 5px);
    padding: 0px 22px;
    margin: 0px;
    float: left;
  }
  .landing-page-2 .social-media-box .content .buttons .btn:nth-child(1) {
    margin-right: 5px;
  }
  .landing-page-2 .social-media-box .content .buttons .btn:nth-child(2) {
    margin-left: 5px;
  }
  .landing-page-2 .social-media-box .description {
    padding: 20px 16px;
    padding-bottom: 42px;
  }
}
.landing-show-more {
  color: #fff;
  font-size: 18px;
  padding: 6px 20px;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.landing-show-more .img {
  height: 25px !important;
  width: 25px !important;
}
.landing-show-more .img svg {
  height: 25px;
  display: block;
  margin-left: 30px;
}

.not-found .gradiant-bg {
  display: none;
}
.not-found .main {
  margin: 67px 0px;
  text-align: center;
}
.not-found .main .section {
  padding: 0rem;
  max-width: 584px;
  margin: 0 auto;
}
.not-found .main .section .not-found-image {
  width: 470px;
  margin: 0px auto;
  margin-bottom: 28px;
}
.not-found .main .section .not-found-image img {
  width: 100%;
}
.not-found .main .section h4 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 12px;
}
.not-found .main .section p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #000;
  margin-top: 0px;
  margin-bottom: 36px;
}
.not-found .main .section a.btn {
  width: 338px;
}
.not-found .main .section a.btn span {
  height: 46px;
}
.not-found .main .section a.btn .img {
  height: 46px;
  margin-right: 15px;
}

.slider-box {
  height: 490px;
}
.slider-box .swiper.header-slider {
  position: absolute;
  padding-top: 154px;
  top: 0px;
  background: radial-gradient(55.06% 50% at 50% 50%, #fd5d8d 0%, #e71353 100%);
  height: 650px;
  line-height: 415px;
  text-align: center;
  width: 100%;
  margin: 0px auto;
}
.slider-box .swiper.header-slider .swiper-slide .container {
  position: relative;
  line-height: 297px;
}
.slider-box .swiper.header-slider .swiper-slide .container .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.slider-box .swiper.header-slider .swiper-slide .container .bg .img img {
  display: none;
}
.slider-box .swiper.header-slider .swiper-slide .container .slider-image .img {
  height: 447px;
  line-height: 447px;
}
.slider-box .swiper.header-slider .swiper-slide .container .slider-image .img img {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}
.slider-box .swiper.header-slider .swiper-slide .container .slider-content .heading-2 {
  text-align: right;
  color: #ffffff;
  font-size: 34px;
  line-height: 57px;
  font-weight: bold;
  margin-bottom: 55px;
}
.slider-box .swiper.header-slider .swiper-slide .container .slider-content .btn {
  float: right;
}
.slider-box .swiper-button-next,
.slider-box .swiper-button-prev {
  display: inherit !important;
  top: 325px;
}
.slider-box .swiper-button-next {
  right: 44px;
}
.slider-box .swiper-button-next::after {
  content: "";
  background: url("inc/img/header-right-arrow.svg");
  width: 54px;
  height: 54px;
  display: block;
  background-size: 100% 100%;
}
.slider-box .swiper-button-prev {
  left: 44px;
}
.slider-box .swiper-button-prev::after {
  content: "";
  background: url("inc/img/header-left-arrow.svg");
  width: 54px;
  height: 54px;
  background-size: 100% 100%;
  display: block;
  float: left;
}

.woocommerce-page.single-product {
  background-color: #f8fafc;
}
.woocommerce-page.single-product #reviews .row {
  display: flex;
  width: 100%;
}
.woocommerce-page.single-product #toast-container {
  right: 7%;
  top: 12%;
  transform: initial;
}
.woocommerce-page.single-product #toast-container .toast.successful_add_to_card {
  box-shadow: initial;
  padding: 0px;
}
.woocommerce-page.single-product .successful-add-to-card-toast {
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 9px 50px -27px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  min-width: 380px;
}
.woocommerce-page.single-product .successful-add-to-card-toast .close {
  position: absolute;
  left: 20px;
  top: 20px;
}
.woocommerce-page.single-product .successful-add-to-card-toast .close .img {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #e5ecf1;
  border-radius: 8px;
  text-align: center;
  line-height: 31px;
}
.woocommerce-page.single-product .successful-add-to-card-toast .close .img img {
  width: 16px;
  height: 16px;
}
.woocommerce-page.single-product .successful-add-to-card-toast .content {
  width: 300px;
}
.woocommerce-page.single-product .successful-add-to-card-toast .content h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.woocommerce-page.single-product .successful-add-to-card-toast .content p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
  margin: 0px;
  margin-top: 4px;
  margin-bottom: 12px;
}
.woocommerce-page.single-product .successful-add-to-card-toast .content a {
  display: inline-block;
  width: initial;
  margin-top: 12px;
}
.woocommerce-page.single-product .custom-modal-gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.woocommerce-page.single-product .custom-modal-gallery .custom-modal-inner {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  max-height: auto;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.woocommerce-page.single-product .custom-modal-gallery .custom-modal-gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.woocommerce-page.single-product .custom-modal-gallery .custom-modal-inner {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  max-height: auto;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.woocommerce-page.single-product .custom-modal-gallery .custom-thumbnail img {
  border-radius: 15px;
}
.woocommerce-page.single-product .custom-modal-gallery .custom-thumbnail {
  display: inline-block;
  margin: 5px;
  cursor: pointer;
}
.woocommerce-page.single-product .custom-modal-gallery figure.custom-main-image img {
  border-radius: 15px;
  border: 1px solid #c2cfe2;
  padding: 3px;
}
.woocommerce-page.single-product .custom-modal-gallery .custom-main-image {
  margin-top: 10px;
  text-align: center;
}
.woocommerce-page.single-product .custom-modal-gallery .custom-modal-close {
  position: inherit !important;
  float: left;
  margin: 0px !important;
  border: none !important;
  font-size: 33px !important;
  width: 40px;
  height: 40px;
  background: #f3f7fb !important;
  border-radius: 12px;
  padding: 8px 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}
.woocommerce-page.single-product .product-gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
  max-height: 422px;
  overflow: hidden;
  position: relative;
  line-height: 30px;
}
.woocommerce-page.single-product .product-gallery .main-image {
  margin-bottom: 5px;
}
.woocommerce-page.single-product .product-gallery .woocommerce-product-gallery-thumbnails {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.woocommerce-page.single-product .product-gallery .woocommerce-product-gallery-thumbnails .thumbnail img {
  width: 46px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #f1efef;
  transition: transform 0.2s ease;
  cursor: pointer;
}
.woocommerce-page.single-product .product-gallery .woocommerce-product-gallery-thumbnails .thumbnail img:hover {
  transform: scale(1.15);
}
.woocommerce-page.single-product .product-gallery .play-badge {
  background-color: #0865fe;
  position: absolute;
  top: 15px;
  padding: 0px 10px;
  right: 15px;
  z-index: 1;
  border-radius: 100px;
  height: 30px;
}
.woocommerce-page.single-product .product-gallery .play-badge .img {
  float: right;
  height: 30px;
}
.woocommerce-page.single-product .product-gallery .play-badge span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.woocommerce-page.single-product .product-gallery .gallery-thumbnail-trigger {
  transition: transform 0.2s ease;
  cursor: pointer;
  border-radius: 19px;
  width: 46px;
  height: 56px;
  padding: 17px 13px 18px 14px;
  box-shadow: 0px 0px 20px lightgrey;
  background: white;
}
.woocommerce-page.single-product .product-gallery .woocommerce-product-gallery {
  width: 100%;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  max-height: 413px;
  overflow: hidden;
}
.woocommerce-page.single-product .product-gallery .woocommerce-product-gallery .flex-viewport {
  float: left;
  width: 77%;
  border-radius: 20px;
  margin-right: 16px;
  max-height: 600px;
  margin-bottom: 0px;
}
.woocommerce-page.single-product .product-gallery .woocommerce-product-gallery .flex-control-nav li {
  width: 100%;
  margin-bottom: 16px;
  padding: 11px 15px;
  background: #f3f7fb;
  border-radius: 12px;
}
.woocommerce-page.single-product .product-gallery.product-single-gallery {
  padding: 30px;
  display: flex;
  justify-content: center;
}
.woocommerce-page.single-product .product-gallery.product-single-gallery .woocommerce-product-gallery {
  border-radius: 20px;
  width: 100%;
  display: block;
}
.woocommerce-page.single-product .product-gallery.product-single-gallery img {
  border-radius: 20px;
}
.woocommerce-page.single-product .product-gallery.product-single-gallery .thumbnail img, .woocommerce-page.single-product .product-gallery.product-single-gallery .gallery-thumbnail-trigger {
  border-radius: 12px;
}
.woocommerce-page.single-product .col.s12.m3 h1 {
  font-weight: bold;
}
.woocommerce-page.single-product .header {
  margin-bottom: 26px;
}
.woocommerce-page.single-product .header h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  float: right;
}
.woocommerce-page.single-product .header .score {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 36px;
  line-height: 38px;
  margin-top: -7px;
  background: #ffedca;
  color: #724b00;
  border-radius: 18px;
  margin-right: 8px;
  text-align: center;
  padding: 0px 12px;
}
.woocommerce-page.single-product .header .score .img {
  height: 20px;
  width: 20px;
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.woocommerce-page.single-product .header .score .img img {
  width: 100%;
}
.woocommerce-page.single-product .header .details {
  float: left;
  margin-top: -11px;
}
.woocommerce-page.single-product .header .details .child {
  float: left;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 58px;
  margin-right: 16px;
  background: #ffffff;
  border-radius: 10px;
}
.woocommerce-page.single-product .modal-share-p.open {
  height: auto;
  width: 400px;
  right: initial;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .header .title {
  display: flex;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .header .title span {
  color: #333333;
  font-weight: 900;
  margin-top: 3px;
  margin-right: 6px;
  font-size: 15px;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .header button.modal-close {
  position: inherit !important;
  float: left;
  margin: 0px !important;
  border: none !important;
  font-size: 33px !important;
  width: 40px;
  height: 40px;
  background: #f3f7fb !important;
  border-radius: 12px;
  padding: 8px 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .box_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  max-height: 280px;
  overflow-y: auto;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .box_items .item {
  background-color: #F3F7FB;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  padding: 15px;
  border-radius: 12px;
  cursor: pointer;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .box_items .item a,
.woocommerce-page.single-product .modal-share-p.open .modal-inner .box_items .item span {
  color: #333333;
}
.woocommerce-page.single-product .modal-share-p.open .modal-inner .link-footer {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 19px;
}
.woocommerce-page.single-product .description .header {
  margin-bottom: 21px;
}
.woocommerce-page.single-product .description .header .child {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  float: right;
  margin-left: 16px;
}
.woocommerce-page.single-product .description .header .child span {
  color: #0865fe;
}
.woocommerce-page.single-product .description .header .child .img {
  float: left;
  margin-right: 5px;
}
.woocommerce-page.single-product .description .inner p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 12px;
}
.woocommerce-page.single-product .description .inner table {
  border: initial;
  margin-bottom: 26px;
}
.woocommerce-page.single-product .description .inner table td,
.woocommerce-page.single-product .description .inner table tr {
  padding: 4px 0px;
  text-align: right;
  border: initial;
}
.woocommerce-page.single-product .description .inner table td {
  position: relative;
  padding-right: 16px;
}
.woocommerce-page.single-product .description .inner table td:first-child {
  width: 90px;
}
.woocommerce-page.single-product .description .inner table td:first-child:before {
  content: " ";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #0865fe;
  border-radius: 100%;
  right: 0px;
  top: 14px;
}
.woocommerce-page.single-product .description .inner .options {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  height: 44px;
  line-height: 44px;
}
.woocommerce-page.single-product .description .inner .options span {
  float: right;
}
.woocommerce-page.single-product .description .inner .options .select {
  margin-right: 8px;
}
.woocommerce-page.single-product .add-to-card {
  border-radius: 20px;
  padding: 24px;
  background: #ffffff;
  overflow: hidden;
}
.woocommerce-page.single-product .add-to-card .online {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 23px;
  letter-spacing: -0.02em;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 33px;
  line-height: 36px;
  background: #ff2585;
  color: #ffffff;
  margin-right: -25px;
  text-align: center;
  padding: 0px 12px;
  margin-bottom: 12px;
  border-radius: 10px 0px 0px 10px;
  margin-top: -10px;
}
.woocommerce-page.single-product .add-to-card .online a {
  color: #fff;
  margin-top: 0;
}
.woocommerce-page.single-product .add-to-card .details div {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
}
.woocommerce-page.single-product .add-to-card .details .situation {
  margin-bottom: 16px;
}
.woocommerce-page.single-product .add-to-card .details .situation .inner {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  display: inline-block;
  margin-right: 8px;
}
.woocommerce-page.single-product .add-to-card .details .situation .inner .img {
  float: left;
  margin-right: 6px;
}
.woocommerce-page.single-product .add-to-card .details .situation.not-available .inner {
  color: #ff253f;
}
.woocommerce-page.single-product .add-to-card .details .situation.coming-soon .inner {
  color: #ffa800;
}
.woocommerce-page.single-product .add-to-card .details .price {
  margin-bottom: 28px;
  display: flex;
}
.woocommerce-page.single-product .add-to-card .details .price .badge {
  flex: 1;
}
.woocommerce-page.single-product .add-to-card .details .price .inner {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: left;
  margin: 0px;
}
.woocommerce-page.single-product .add-to-card .details .price .inner .perfix {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: left;
  margin-right: 4px;
  line-height: 20px;
}
.woocommerce-page.single-product .add-to-card .details .price .inner .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  line-height: 29px;
  margin-left: 5px;
  text-decoration: line-through;
}
.woocommerce-page.single-product .add-to-card .details .price .inner .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 44px;
  height: 26px;
  border-radius: 20px;
  line-height: 29px;
  text-align: center;
}
.woocommerce-page.single-product .add-to-card .details .number {
  margin-bottom: 32px;
}
.woocommerce-page.single-product .add-to-card .details .number .inner {
  float: left;
}
.woocommerce-page.single-product .add-to-card .details .number .inner div {
  padding: 0px;
}
.woocommerce-page.single-product .add-to-card .details .number .inner .input-group {
  margin-top: -10px;
}
.woocommerce-page.single-product .add-to-card a {
  display: block;
  width: 100%;
  margin-top: 12px;
}
.woocommerce-page.single-product .add-to-card .side_info {
  display: flex;
  gap: 5px;
  overflow: hidden;
  justify-content: space-between;
}
.woocommerce-page.single-product .add-to-card #show-box-video .modal-close {
  position: absolute;
  right: 23px;
  top: 20px;
  z-index: 999;
  background: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.woocommerce-page.single-product .add-to-card #show-box-video .modal-inner figure {
  margin: 1em 15px !important;
}
.woocommerce-page.single-product .add-to-card #show-box-video .modal-inner figure video {
  border-radius: 15px;
}
.woocommerce-page.single-product .short-description {
  border-radius: 20px;
  background: #fff;
  padding: 15px 20px;
  margin-bottom: 20px;
  color: #0865fe;
  text-align: center;
  font-weight: 600;
  line-height: 25px;
}
.woocommerce-page.single-product .short-description img {
  vertical-align: middle;
  margin-left: 5px;
}
.woocommerce-page.single-product .main-description {
  background: #fff;
  margin-top: 50px;
}
.woocommerce-page.single-product .main-description .row {
  margin: 0px;
}
.woocommerce-page.single-product .main-description .header {
  margin-top: -22px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
.woocommerce-page.single-product .main-description .content {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 30px;
  border-radius: 20px;
}
.woocommerce-page.single-product .main-description .content .header {
  margin: 0px;
}
.woocommerce-page.single-product .main-description .content .header p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  text-align: right;
  font-weight: bold;
  margin-bottom: 28px;
}
.woocommerce-page.single-product .main-description .content .caption .inner {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text {
  max-height: 999999px;
  transition: all 0.3s;
  padding-bottom: 35px;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text p {
  font-size: 19px;
  line-height: 42px;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
  margin: 10px 0;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text p strong {
  font-weight: 800;
  color: #515151;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text p a {
  font-weight: 600;
  border-bottom: 1px solid;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text ul {
  padding-right: 25px;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text ul li {
  list-style: disc;
  font-size: 19px;
  line-height: 42px;
  letter-spacing: initial;
  margin: 10px 0;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text ul li strong {
  font-weight: 900;
}
.woocommerce-page.single-product .main-description .content .caption .inner .text.close {
  overflow: hidden;
  max-height: 250px;
  transition: all 0.3s;
}
.woocommerce-page.single-product .main-description .content .caption .inner .footer {
  text-align: center;
  margin-bottom: -51px;
  z-index: 98;
  position: relative;
}
.woocommerce-page.single-product .main-description .content .caption .inner .footer:before {
  content: " ";
  position: absolute;
  width: 100%;
  background: url("inc/img/shadow.svg");
  bottom: 48px;
  z-index: 10;
  height: 76px;
  right: 0px;
}
.woocommerce-page.single-product .main-description .content .caption .footer span {
  position: relative;
}
.woocommerce-page.single-product .main-description .content .details .number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0px;
}
.woocommerce-page.single-product .main-description .content .details table tr {
  border: initial;
}
.woocommerce-page.single-product .main-description .content .details table td,
.woocommerce-page.single-product .main-description .content .details table th {
  text-align: right;
  padding: 0px;
}
.woocommerce-page.single-product .main-description .content .details table td {
  padding-bottom: 8px;
}
.woocommerce-page.single-product .main-description .content .details table td:first-child {
  width: 20%;
}
.woocommerce-page.single-product .main-description .content .details table td:first-child span {
  margin-left: 20px;
}
.woocommerce-page.single-product .main-description .content .details table td span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  background-color: #f8fafc;
  border-radius: 12px;
  display: block;
  padding: 10px;
}
.woocommerce-page.single-product .main-description .content #review_form_wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
}
.woocommerce-page.single-product .main-description .content .shop-comments .section.type-1 {
  margin-top: 24px;
  padding: 30px;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-section-box {
  position: relative;
}
.woocommerce-page.single-product .main-description .content .shop-comments .small-header span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 24px;
  display: block;
}
.woocommerce-page.single-product .main-description .content .shop-comments .form .col.s12 {
  padding-right: 0px;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  margin-bottom: 20px;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header {
  padding: 20px;
  border-bottom: 1px solid #e5ecf1;
  text-align: right;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header .name {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  display: inline-block;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header .name .gravatar {
  float: right;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header .name .gravatar .img {
  width: 22px;
  height: 22px;
  margin-left: 4px;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header .name .gravatar .img img {
  width: 100%;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header .date {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: left;
  color: #485967;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .content {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  padding: 20px;
  color: #485967;
  border-radius: 0px;
  border: initial;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .content p {
  margin: 0px;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .content .replay {
  background-color: #f8fafc;
  border-radius: 12px;
  margin-top: 20px;
}
.woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .content .replay .header .name {
  color: #0865fe;
}
.woocommerce-page.single-product .similar-products {
  padding-bottom: 20px;
  padding-top: 50px;
  background-color: #fff;
}

@media (max-width: 900px) {
  .header .side_info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto;
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  .header .side_info a {
    display: flex;
    align-items: center;
    flex-direction: row;
    -moz-column-gap: 10px;
    column-gap: 10px;
    justify-content: center;
    padding: 0px;
    width: 100%;
  }
  .woocommerce-page.single-product .row .col.s12 {
    padding: 0px;
  }
  .woocommerce-page.single-product .header .mobile-deatails {
    height: 43px;
    line-height: 45px;
    width: 100%;
    display: block !important;
    margin-top: 16px;
    margin-bottom: 22px;
  }
  .woocommerce-page.single-product .header .mobile-deatails .details {
    float: left;
    margin-top: 0px;
  }
  .woocommerce-page.single-product .header h1 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
  .woocommerce-page.single-product .description .header {
    margin-top: 24px;
    margin-bottom: 20px;
  }
  .woocommerce-page.single-product .main-description .content {
    padding: 22px 16px;
  }
  .woocommerce-page.single-product .main-description .content .header h3 {
    margin-bottom: 24px;
  }
  .woocommerce-page.single-product .main-description .content .details table td:first-child {
    width: 47%;
  }
  .woocommerce-page.single-product .main-description .content .details table td:first-child span {
    margin-left: 8px;
  }
  .woocommerce-page.single-product .main-description .content .shop-comments .small-header span.title {
    margin-top: 20px !important;
    display: block;
  }
  .woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .header {
    padding: 16px 12px;
  }
  .woocommerce-page.single-product .main-description .content .shop-comments .comments-box .single-comment .content {
    padding: 16px 12px;
  }
  .woocommerce-page.single-product .fixed-add-to-card {
    position: fixed;
    bottom: 0px;
    height: 156px;
    z-index: 99;
    background: #fff;
    width: 100%;
    right: 0px;
    padding: 12px;
  }
  .woocommerce-page.single-product .fixed-add-to-card .col.s12.m6 {
    width: 50% !important;
  }
  .woocommerce-page.single-product .fixed-add-to-card .fixed-add-to-card-btn {
    margin: 0px !important;
  }
  .woocommerce-page.single-product .fixed-add-to-card .fixed-add-to-card-btn .img {
    line-height: 56px !important;
  }
  .woocommerce-page.single-product .fixed-add-to-card .price {
    margin: 0px;
    text-align: left;
  }
  .woocommerce-page.single-product .fixed-add-to-card .price .inner {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-left: 5px !important;
    line-height: 20px !important;
    color: #0865fe;
    float: left;
    margin: 0px;
  }
  .woocommerce-page.single-product .fixed-add-to-card .price .inner .perfix {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #0865fe;
    float: left;
    margin-right: 4px;
    line-height: 20px;
  }
  .woocommerce-page.single-product .fixed-add-to-card .price .inner .discount .line {
    color: #8ca0b2;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    line-height: 29px;
    margin-left: 5px;
    text-decoration: line-through;
  }
  .woocommerce-page.single-product .fixed-add-to-card .price .inner .discount .percentage {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    background: #ff253f;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 44px;
    height: 22px;
    border-radius: 20px;
    line-height: 25px;
    text-align: center;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal {
    position: fixed;
    bottom: -400px;
    z-index: 9999;
    width: 100%;
    right: 0px;
    height: 278px;
    padding: 12px;
    transition: all 0.3s ease-in-out;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
    position: relative;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .header {
    margin: 0px;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .header .close {
    position: absolute;
    right: 26px;
    top: 26px;
    cursor: pointer;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .header h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #333333;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .content {
    margin-top: 28px;
    margin-bottom: 36px;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .content .options span {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
    color: #333333;
    display: block;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .content .options div.select {
    width: 100%;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .content .options div.select .select-dropdown {
    background: #f8fafc;
    padding-right: 12px;
    width: calc(100% - 12px);
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .content .options div.select span {
    text-align: right;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal .inner .footer a {
    width: 100%;
  }
  .woocommerce-page.single-product .fixed-add-to-card-modal.active {
    transition: all 0.3s ease-in-out;
    bottom: 0px;
  }
  .woocommerce-page.single-product .similar-products .container {
    width: 100%;
  }
  .woocommerce-page.single-product .similar-products .mobile-products-scroll {
    margin-right: 16px;
  }
  .woocommerce-page.single-product .similar-products .mobile-products-scroll .swiper-card {
    display: inline-block;
    width: 230px;
  }
  .woocommerce-page.single-product .similar-products .mobile-products-scroll .swiper-card:first-child {
    border-radius: 0px 20px 20px 0px;
  }
  .woocommerce-page.single-product .similar-products .mobile-products-scroll .swiper-card:last-child {
    border-radius: 20px 0px 0px 20px;
    margin-left: 16px;
  }
  .woocommerce-page.single-product .modal-trigger#check-stock {
    min-height: 400px;
  }
  .woocommerce-page.single-product #toast-container {
    top: 0px;
    right: 0px;
    margin: 0px;
    border-radius: 0px;
  }
  .woocommerce-page.single-product #toast-container .toast.successful_add_to_card {
    margin: 0px;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    background: transparent;
  }
  .woocommerce-page.single-product #toast-container .successful-add-to-card-toast {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
  }
}
html :where(img) {
  height: auto;
  max-width: 100%;
}

span.empty {
  display: block;
  margin-bottom: 50px;
}

.custom-shipping-text {
  font-size: 14px;
  text-align: right;
  background-color: #f8fafc;
  padding: 15px !important;
  margin-top: 10px !important;
  font-weight: 400;
  border-radius: 16px;
}

.sticky-add-review {
  position: fixed;
  top: 120px;
  width: 35%;
  max-width: 39.25rem;
}

.scroll-progress-bar {
  background: #0865fe;
  height: 5px;
  position: fixed;
  right: 0;
  top: 0;
  transition: width 0.25s cubic-bezier(0, 0, 0.33, 1);
  z-index: 9999999;
}

.description .child span a {
  color: #0865fe;
}

p#billing_state_field,
p#billing_phone_field {
  width: 47%;
  display: inline-block;
  overflow: visible;
}

p#billing_city_field,
p#billing_company_field {
  width: 47%;
  float: left;
  display: inline-block;
}

p#billing_country_field {
  display: none;
}

.product-tags a {
  background-color: #fff;
  padding: 7px 14px;
  border-radius: 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #4c4c4c;
}

.product-tags a:before {
  content: "#";
  margin-left: 5px;
}

.product-tags {
  margin-bottom: 20px;
}

.product-cat2 a {
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 10px;
  margin-left: 5px;
  font-size: 10px;
  color: #4c4c4c;
}

.product-cat2 a:before {
  margin-left: 5px;
}

.product-cat2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 10px 0;
}

.product-cat2 .tag-link {
  padding: 3px 5px;
  font-size: 10px;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

p.stock.in-stock {
  display: none;
}

.toast.tehran {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  line-height: 25px !important;
  padding: 18px;
  margin-bottom: 5px;
}

.shop-products-scroll-section ::-webkit-scrollbar {
  width: 10px;
  height: 3px;
  border-radius: 10px;
}

/* Track */
.shop-products-scroll-section ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.shop-products-scroll-section ::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.shop-products-scroll-section ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.home .categories-section .child:hover {
  margin-top: -10px;
  border: 1px solid #0865fe;
  -webkit-animation: 0.8s ease-out;
          animation: 0.8s ease-out;
}

.home .categories-section .child img {
  max-width: 45px;
}

input[type=tel].type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  width: calc(100% - 32px);
}

.schema-faq-section {
  border: 1px solid #e5ecf1;
  background-color: #fff;
  border-radius: 20px;
  padding: 22px 30px 2px 30px;
  margin-bottom: 15px;
}
.schema-faq-section strong.schema-faq-question {
  font-weight: 900;
  font-size: 18px;
  line-height: 30px;
}
.schema-faq-section p.schema-faq-answer {
  font-size: 17px !important;
  line-height: 30px !important;
}

p.stock.out-of-stock {
  display: none;
}

.width-70 {
  width: 70% !important;
}

.format-number {
  display: inherit;
  direction: initial;
}

.home .features-section.desktop .container {
  float: left;
}

label.sms-notif-groups-label.sms-notif-groups-label-_in input {
  opacity: 1 !important;
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
}

.sms-notif-enable-p label input {
  opacity: 1 !important;
  vertical-align: middle;
  position: relative !important;
  margin-left: 10px;
}

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

span.ship-method {
  font-size: 14px !important;
  font-weight: normal !important;
}

.section.type-1.comment-area {
  margin-top: 30px;
}

button.add-to-cart.btn.type-2 {
  display: block;
  width: 100%;
  margin-top: 12px;
}

.single-product .main-description .content .details table td span p {
  margin: 0 !important;
}

p.woocommerce-result-count {
  float: none !important;
}

.comment-form-rating- > p.stars {
  float: left;
}

.comment-form-rating label {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  text-align: right;
  letter-spacing: -0.02em;
  color: #485967;
}

.comment-form-rating p.stars {
  float: left;
}

.comment-form-rating {
  margin: 20px 0;
}

.woocommerce p.stars a::before {
  color: #ffa800;
  font-size: 25px;
}

.woocommerce p.stars a {
  width: 25px;
}

input[type=email].type-1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  width: calc(100% - 32px);
}

.blog .blog-posts .pagination a li.next,
.blog .blog-posts .pagination a li.prev {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  height: 46px;
  line-height: 46px;
  background: #f8fafc;
  border-radius: 30px;
  padding: 1px 18px;
}

li.pagination-number {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 900;
  padding: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
  background: #f8fafc;
  margin: 3px 0 0 5px;
}

span.page-numbers.current li {
  background-color: #ffffff;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
}

span.page-numbers.dots {
  margin-top: 10px;
  display: inline-block;
}

button.single_add_to_cart_button.button.alt {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: #0865fe;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  box-shadow: initial;
  transition: all 0.2s;
  display: block;
  width: 100%;
  margin-top: 12px;
}

button.single_add_to_cart_button.button.alt:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
}

.input-number-box input[type=number].input-text {
  width: 50%;
  margin: 0px;
  text-align: center;
  height: 40px;
  border: initial;
  font-family: Yekanbakh;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  background: #485967;
}

.single-product button.add-to-cart.btn.type-2 {
  width: 100%;
}

.woocommerce #reviews h3 {
  margin: 0 0 24px 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: #00c09b;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 46px;
  box-shadow: initial;
  transition: all 0.2s;
  padding: 0 16px;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
  color: #ffffff;
}

.woocommerce-page .row {
  margin: 0px;
}

.woocommerce-MyAccount-navigation {
  box-shadow: initial;
  height: initial;
  background: #f8fafc;
  border-radius: 20px;
  overflow: hidden;
}
.woocommerce-MyAccount-navigation ul {
  width: 100%;
  float: right;
  padding: 20px;
}
.woocommerce-MyAccount-navigation ul li {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-bottom: 5px;
}
.woocommerce-MyAccount-navigation ul li a {
  color: #333;
  padding: 0px 20px;
  border-radius: 20px;
  transition: all 0.2s;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: rgba(8, 101, 254, 0.4);
  color: #fff;
  transition: all 0.2s;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #0865fe;
  color: #fff;
}

.breadcrumb-box a:last-child {
  font-weight: bold;
}

.breadcrumb-box .last {
  font-weight: bold;
}

li.pagination-number {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 900;
  padding: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
  background: #f8fafc;
  margin: 3px 0 0 5px;
}

span.page-numbers.current li {
  background-color: #ffffff;
  box-shadow: 0px 3px 13px -6px #a2b9d0;
}

span.page-numbers.dots {
  margin-top: 10px;
  display: inline-block;
}

.single-post .blog .blog-posts .inner .child {
  width: 100%;
  float: right;
  margin: 1%;
}

.single-product .main-description .content .details table td span p {
  margin: 0;
}

.single-product .comment-form-rating input.select-dropdown.dropdown-trigger {
  display: none;
}

.single-product .comment-form-rating svg.caret {
  display: none;
}

.pagination a li.next,
.pagination a li.prev {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  height: 46px;
  line-height: 46px;
  background: #f8fafc;
  border-radius: 30px;
  padding: 1px 18px;
}

.pagination li.next .img {
  height: 100%;
  line-height: 54px;
  margin-right: 8px;
  z-index: 0;
}

.pagination li.prev .img {
  height: 100%;
  line-height: 54px;
  margin-left: 8px;
  z-index: 0;
}

ul.pagination {
  text-align: center;
  padding: 0;
}

.woocommerce div.product form.cart {
  margin: 0;
}

.single-post .header-blog h1 {
  font-size: 28px;
  font-weight: 900;
  line-height: 40px;
  margin-bottom: 25px;
  margin-top: 0;
  flex: 1;
  color: #333;
}

.single-post .header-blog .card-action {
  margin-top: 10px;
}

.single-post .header-blog {
  display: flex;
}

.single-post .card-content p {
  font-size: 20px;
  line-height: 46px;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
}
.single-post .card-content p a {
  font-weight: 600;
  border-bottom: 1px solid;
}

.single-post .card-content ul {
  padding-right: 15px;
}
.single-post .card-content ul li {
  font-size: 20px;
  line-height: 46px;
  font-weight: 300;
  color: #1d1d1d;
}
.single-post .card-content ul li strong {
  font-weight: 700;
}
.single-post .card-content ul li::before {
  content: "";
  width: 9px;
  height: 9px;
  border: 2px solid #0865fe;
  border-radius: 50%;
  display: block;
  float: right;
  margin: 18px 0 0 10px;
}

.single-post .card-content ol {
  padding-right: 15px;
}
.single-post .card-content ol li {
  font-size: 20px;
  line-height: 46px;
  font-weight: 300;
  color: #1d1d1d;
}
.single-post .card-content ol li strong {
  font-weight: 700;
}

.content-blog-area h2 {
  font-size: 25px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h2 strong {
  font-size: 25px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h3 {
  font-size: 23px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h3 strong {
  font-size: 23px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h4 {
  font-size: 21px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h4 strong {
  font-size: 21px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h5 {
  font-size: 21px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h5 strong {
  font-size: 21px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h6 {
  font-size: 21px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}
.content-blog-area h6 strong {
  font-size: 21px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 20px;
  color: var(--bs-dark);
  margin-top: 35px;
}

.content-blog-area thead {
  background: rgba(8, 101, 254, 0.7215686275);
  color: #fff;
}

.content-blog-area thead tr th {
  border: 1px solid;
}

.content-blog-area tbody tr td a {
  font-weight: 700;
}

figcaption {
  text-align: center;
  padding: 20px;
}

.single-product .product-des thead {
  background: rgba(8, 101, 254, 0.7215686275);
  color: #fff;
}
.single-product .product-des thead tr th {
  border: 1px solid;
}
.single-product .product-des tbody tr td a {
  font-weight: 700;
}
.single-product .product-des figcaption {
  text-align: center;
  padding: 20px;
}
.single-product .product-des figure.wp-block-table {
  width: 50%;
  margin: 25px auto;
}

.single-post .header-blog .small-details {
  display: flex;
}

.single-post .header-blog .small-details .img {
  margin-right: 15px;
}

.single-post .header-blog .small-details .img img {
  vertical-align: middle;
}

.single-post .header-blog .small-details .img span {
  margin-right: 2px;
}

.single-post .card-content p a,
.single-post .card-content li a {
  font-weight: 700;
}

li.comment {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 12px;
  list-style: none;
  margin-bottom: 15px;
}

.comment-author.vcard {
  padding: 20px;
  border-bottom: 1px solid #e5ecf1;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}

.comment-author.vcard cite {
  font-style: normal;
}

.comment-author.vcard a {
  color: initial;
}

.comment-meta.commentmetadata {
  float: left;
  margin-top: -42px;
  margin-left: 20px;
}

.comment-meta.commentmetadata a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  float: left;
  color: #485967;
}

.comment-body p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  padding: 20px;
  margin-top: 0;
}

ul.children li.comment.byuser {
  background-color: #f8fafc;
  border-radius: 12px;
  margin-top: 20px;
  border: none;
}

ol.commentlist ul.children {
  padding: 0;
  margin: 20px;
}

ol.commentlist .reply {
  display: none;
}

ol.commentlist {
  padding: 0;
}

ul.pagination.blog {
  display: flex;
  float: left;
}

.pagination.blog li.prev .img {
  margin-left: 0;
}

.pagination.blog li {
  margin-left: 10px;
}

ol.commentlist span.says {
  display: none;
}

.cart .products-in-cart-page .child .img.type-1 img {
  width: 65px;
}

.cart .products-in-cart-page .child .content h2 a {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #333333;
  margin-top: 6px;
  margin-bottom: 16px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
}

.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader:before {
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -0.5em;
  margin-top: -0.5em;
  content: "";
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background: none !important;
  background-size: cover;
  line-height: 1;
  text-align: center;
  font-size: 5em;
}

a.woocommerce-remove-coupon img {
  vertical-align: middle;
}

.child.final-price span.woocommerce-Price-amount.amount bdi {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: #166efe;
  float: left;
}

.hide-btn-submit-cart {
  display: none;
}

.listing .shop-description .inner h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 0;
  color: var(--bs-dark);
}

.cart table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
  display: none;
}

span.out-of-stock {
  color: #8ca0b2 !important;
  display: block;
  margin-bottom: 7px;
}

.card-image.outofstock {
  filter: grayscale(1);
}

.landing-page .header-inner-section {
  margin-top: 40px;
}

.woocommerce div.product form.cart div.quantity {
  float: left;
}

.blog-posts-section .blog-card .card-image img {
  width: 400px;
  border-radius: 20px;
  max-height: 300px;
}

.blog-posts-section .blog-card .card-content .card-title a {
  color: #333;
  font-weight: 700;
  font-size: 17px;
}
.text-book-v2 .blog-card .card-image img {
  width: 400px;
  border-radius: 20px;
  max-height: 300px;
}

.text-book-v2 .blog-card .card-content .card-title a {
  color: #333;
  font-weight: 700;
  font-size: 17px;
}
.btn.type-1:hover .img {
  filter: invert(109%) sepia(100%) saturate(0) brightness(110%) contrast(119%);
}

header nav .menu-container .header-menu-box ul li.has-new-item a:after {
  content: "‌جدید";
  position: relative;
  top: 0px;
  right: 0;
  font-size: 10px;
  margin-right: 5px;
  padding: 0px 7px;
  border-radius: 10px;
  background-color: #f82c44;
  color: #fff;
}

.single-product .main-description .content .caption .inner .text p {
  font-size: 19px;
  line-height: 35px;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
}

.single-product .main-description .content .caption .inner .text h2,
h3,
h4,
h5,
h6,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-size: 24px;
  font-weight: 900;
  line-height: 40px;
  margin-bottom: 0;
  color: #515151;
}

header nav .menu-container .header-menu-box ul li.has-new-item a::after {
  content: " جدید";
  position: relative;
  top: 0px;
  right: 0;
  font-size: 10px;
  margin-right: 5px;
  padding: 0px 7px;
  border-radius: 10px;
  background-color: #f82c44;
  color: #fff;
}

.landing-page .landing-hero-section .main .inner h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-top: 14px;
  margin-bottom: 16px;
}

.page-footer .footer-copyright .above h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #515151;
}

li.cotent-mobile.waves-effect.prev .img {
  line-height: 59px;
  margin-left: 8px;
  z-index: 0;
  width: 10px;
}

li.cotent-mobile.waves-effect.next .img {
  line-height: 59px;
  margin-right: 8px;
  z-index: 0;
  width: 10px;
}

.single-post .special-product-box.style-2 {
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 32px;
  background: #fff;
}

.btn.type-7 .img.right img {
  margin-top: 10px;
}

.btn.type-soon .img.right img {
  margin-top: 10px;
}

.page .single-page .section.type-1 {
  padding: 25px;
  margin-bottom: 100px;
}

.page .single-page .section.type-1 .heading-type-1 h2:after {
  transform: translate(-80%, -50%) !important;
}

.page .single-page .section.type-1 .heading-type-1 h2 {
  font-weight: 900;
  margin: 15px;
  color: #373737;
  font-size: 22px;
}

.page .single-page .section.type-1 p {
  font-size: 18px;
  line-height: 35px;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
}

.page .single-page .section.type-1 h2,
h3,
h4,
h5,
h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 0;
  color: var(--bs-dark);
}

li.woocommerce-mini-cart-item.mini_cart_item {
  float: none;
  padding: 0 !important;
}

p.cart-empty.woocommerce-info {
  display: none;
}

.toast.error_submit_contact_us {
  background: #f82c44 !important;
  color: #fff !important;
}


.woocommerce-message {
  font-family: "YekanBakh", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  background: rgba(8, 102, 254, 0.03);
  border: 1px solid rgba(8, 101, 254, 0.3);
  /*padding: 16px 16px 16px 50px;*/
  border-radius: 20px;
  margin-bottom: 16px;
  position: relative;
}


/*.woocommerce-message::before {*/
  /*content: "\f147"; /* dashicons-yes */
/*  font-family: "dashicons";*/
/*  position: absolute;*/
/*  left: 16px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  font-size: 22px;*/
/*  color: #00c09b;*/
/*}*/


ul.woocommerce-error {
  font-family: "YekanBakh", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #f82c44;
  background: rgba(255, 0, 12, 0.03);
  border: 1px solid rgba(248, 44, 68, 0.4);
  /*padding: 16px 16px 16px 50px;*/
  border-radius: 20px;
  margin-bottom: 16px;
  position: relative;
}


/*.woocommerce-error::before {*/
  /*content: "\f534"; /* dashicons-warning */
/*  font-family: "dashicons";*/
/*  position: absolute;*/
/*  left: 16px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  font-size: 22px;*/
/*  color: #f82c44;*/
/*}*/


.woocommerce-info {
  font-family: "YekanBakh", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #007cba;
  background: rgba(0, 124, 186, 0.04);
  border: 1px solid rgba(0, 124, 186, 0.3);
  /*padding: 16px 16px 16px 50px;*/
  border-radius: 20px;
  margin-bottom: 16px;
  position: relative;
}


/*.woocommerce-info::before {*/
  /*content: "\f348"; /* dashicons-info */
/*  font-family: "dashicons";*/
/*  position: absolute;*/
/*  left: 16px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  font-size: 22px;*/
/*  color: #007cba;*/
/*}*/


.zoom {
  -webkit-animation: zoom-in-zoom-out 1s ease 1;
          animation: zoom-in-zoom-out 1s ease 1;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
a.btn.type-6.checkout-message.modal-trigger:hover {
  color: #fff;
}

a.btn.type-6.checkout-message.modal-trigger:hover img {
  filter: brightness(100);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: none;
}

.woocommerce-billing-fields .dropdown-content.select-dropdown ul {
  z-index: 999999;
}

.select-wrapper * {
  transition: none !important;
  transform: none !important;
}

header nav .more-details-box .user .cart-trigger .header-cart-box .inner .not-empty {
  height: 400px;
  background: #ffffff;
  box-shadow: 0px 0px 48px rgba(137, 153, 170, 0.2);
  border-radius: 30px;
  color: #333333;
  overflow: hidden;
}

.home .categories-section a .child h4 {
  color: #485967;
}

.modal.stock-modal.open {
  max-height: 350px;
  padding: 45px;
}

.modal.stock-modal.open a.modal-close {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 10px;
  right: 25px;
}

form#sms-notif-form-1 label {
  font-size: 18px;
  color: #333;
  line-height: 35px;
}

input[type=text].sms-notif-mobile {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  background: #f2f2f2;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  width: calc(100% - 32px);
  text-align: center !important;
  margin-top: 15px;
}

input[type=text].sms-notif-mobile::-moz-placeholder {
  color: #6b6b6b;
}

input[type=text].sms-notif-mobile:-ms-input-placeholder {
  color: #6b6b6b;
}

input[type=text].sms-notif-mobile::placeholder {
  color: #6b6b6b;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: all !important;
}

ul.header-menu-list-items {
  flex-wrap: wrap;
  flex-direction: column;
  width: 25%;
  height: 239px !important;
  display: flex;
}

.woocommerce-billing-fields .dropdown-content.select-dropdown {
  border-radius: 16px;
}
.woocommerce-billing-fields .dropdown-content.select-dropdown li {
  background: #f8fafc;
}

.shop-sidebar-widget form.widget-search-form {
  position: relative;
}

.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  margin: 10px;
}

.woocommerce-info {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  background: rgba(8, 102, 254, 0.03);
  border: 1px solid rgba(8, 101, 254, 0.3);
  padding: 16px;
  border-radius: 20px;
  margin-bottom: 16px;
  padding-right: 50px;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  background: rgba(8, 102, 254, 0.03);
  border: 1px solid rgba(8, 101, 254, 0.3);
  padding: 16px;
  border-radius: 20px;
  margin-bottom: 16px;
  padding-right: 50px;
}


.woocommerce form.checkout_coupon {
  background: #fff;
  border: 1px solid #e5ecf1;
  box-sizing: border-box;
  border-radius: 16px;
  margin: 10px;
  height: 70px;
  padding-top: 10px;
}
.woocommerce form.checkout_coupon .input-text {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0px 16px;
  border: initial;
  width: calc(100% - 32px);
  height: 35px;
}
.woocommerce form.checkout_coupon .input-text:focus {
  border: initial !important;
  box-shadow: initial !important;
}

.cart .price-box .child.discount-price.coupon span.woocommerce-Price-amount {
  margin-right: 3px;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.cart .price-box .child.discount-price.coupon a.woocommerce-remove-coupon {
  float: right;
  margin-left: 8px;
}

.woocommerce-checkout table.shop_table {
  border: 0px;
}
.woocommerce-checkout table.shop_table p,
.woocommerce-checkout table.shop_table li {
  padding: 0px;
  margin: 0px;
}
.woocommerce-checkout table.shop_table tr {
  margin-bottom: 18px;
  position: relative;
  display: block;
  border: 0px;
  float: right;
  width: 100%;
}
.woocommerce-checkout table.shop_table tr th {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  border: 0px;
  text-align: right;
  color: #485967;
  font-weight: normal;
  padding: 0px;
  display: inline-block;
}
.woocommerce-checkout table.shop_table tr td {
  border: 0px;
  padding: 0px;
  float: left;
  width: 60%;
}
.woocommerce-checkout table.shop_table tr td span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-right: 3px;
}
.woocommerce-checkout table.shop_table tr td span .woocommerce-Price-currencySymbol {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: normal;
}
.woocommerce-checkout table.shop_table tr td .woocommerce-remove-coupon {
  float: left;
  margin-right: 8px;
}
.woocommerce-checkout table.shop_table tr.cart-discount td {
  color: #00c09b;
}
.woocommerce-checkout table.shop_table tr.cart-discount td * {
  color: #00c09b;
}
.woocommerce-checkout table.shop_table tr.order-total {
  padding-top: 18px;
  border-top: 1px solid #e5ecf1;
}
.woocommerce-checkout table.shop_table tr.order-total .woocommerce-Price-amount {
  color: #0865fe;
}
.woocommerce-checkout table.shop_table tr.order-total .woocommerce-Price-amount * {
  color: #0865fe;
}

blockquote {
  margin: 20px 0;
  padding-right: 1.5rem;
  border-right: 5px solid #ee6e73;
  border-left: none !important;
}

table.variations .select-dropdown {
  display: none;
}

table.variations .caret {
  display: none;
}

table.variations label {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal !important;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: -0.02em;
  color: #485967;
  float: right;
}

table.variations td.value, .variations th.label {
  padding-top: 0;
}

table.variations td.value .select-wrapper select {
  border-radius: 10px !important;
  font-family: Yekanbakh;
  cursor: pointer;
  max-width: 100%;
  min-width: 75%;
  display: inline-block;
  margin-left: 1em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 2em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
  background-size: 16px;
  -webkit-background-size: 16px;
  background-position: calc(100% - (100% - 12px)) 50%;
  -webkit-background-position: calc(100% - (100% - 12px)) 50%;
}

p.not-order.has-note {
  background: #f8fafc;
  padding: 12px;
  border-radius: 16px;
}

.hide-on-responsive-mobile-size a.btn.type-6 {
  float: left;
  margin-top: -50px;
  margin-left: -20px;
}

ul.wc_payment_methods.payment_methods.methods {
  padding-top: 0 !important;
}

@media (max-width: 900px) {
  .scroll-progress-bar {
    bottom: 0 !important;
    top: unset !important;
  }
  .single-product .product-des figure.wp-block-table {
    width: 100%;
    margin: 25px auto;
  }
  .gform_body.gform-body {
    padding-right: 0;
  }
  .show-on-responsive-mobile-size a.btn.type-6:hover {
    color: #fff !important;
  }
  .show-on-responsive-mobile-size a.btn.type-6:hover img {
    filter: brightness(50);
  }
  .note a.open-checkout-message-sidenav.btn.type-6.checkout-message {
    float: left;
    margin-top: -12px;
    margin-left: -15px;
  }
  .cart .collapsible.checkout li .collapsible-body .pay .note h4 {
    display: inline-block;
  }
  .header-search-box .clear {
    top: 13px !important;
  }
  header nav .header-search-box input[type=text] {
    background: #fff;
  }
  header nav {
    background: rgba(255, 255, 255, 0) !important;
  }
  header nav .more-details-box .user .child {
    background-color: #fff;
  }
  .pagination a li.next,
.pagination a li.prev {
    height: 46px !important;
    width: 46px !important;
  }
  .single-post .header-blog {
    display: block;
    margin-bottom: 30px;
  }
  .single-post .header-blog h1 {
    margin-bottom: 10px;
  }
  .single-post .header-blog .card-action {
    margin-top: 10px;
  }
  .single-post .header-blog .small-details .img {
    margin-right: 0;
    margin-left: 10px;
  }
  .single-post .special-product-box {
    margin-top: 30px;
  }
  .single-post .blog-comments .form-submit {
    bottom: 60px !important;
  }
}
label.gfield_label {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333;
  font-weight: bold;
  margin-bottom: 8px;
  display: inline-block;
}

.ginput_container.ginput_container_text input,
.ginput_container.ginput_container_phone input,
.ginput_container.ginput_container_email input {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #8ca0b2;
  background: #f8fafc;
  border-radius: 12px;
  padding: 0 16px;
  border: initial;
  width: calc(100% - 32px);
  height: 30px;
}

.gform_body.gform-body button,
.gform_button {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px !important;
  letter-spacing: -0.02em;
  color: #fff;
  background: #00c09b;
  height: 46px;
  font-family: Yekanbakh;
  border-radius: 12px;
  line-height: 46px !important;
  box-shadow: initial;
  transition: all 0.2s;
  border: none;
  padding: 0 16px;
  cursor: pointer;
}

.gform_body.gform-body {
  padding: 0 20px;
}

input.gfield-choice-input {
  opacity: 1 !important;
  display: inline-block !important;
  position: inherit !important;
}

.ginput_container label {
  margin-right: 5px !important;
}

.gform_body.gform-body button:hover,
.gform_button:hover {
  transition: all 0.2s;
  box-shadow: initial;
  background: #485967;
}

.validation_message {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #f82c44 !important;
  background: rgba(255, 0, 12, 0.03) !important;
  border: 1px solid #f82c44 !important;
  padding: 16px;
  border-radius: 20px;
  margin-bottom: 16px;
  padding-right: 50px;
}

.gform_validation_errors {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #f82c44 !important;
  background: rgba(255, 0, 12, 0.03);
  border: 1px solid #f82c44 !important;
  padding: 16px;
  border-radius: 20px !important;
  margin-bottom: 20px !important;
  padding-right: 50px;
}

span.gfield_required.gfield_required_text {
  display: none;
}

.gchoice {
  line-height: 30px;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 0 5% !important;
}

.pic-text {
  background-color: #f8fafc !important;
  border-radius: 16px !important;
  padding: 20px 10px;
  margin-bottom: 20px;
}
.pic-text p {
  font-size: 19px !important;
  line-height: 40px !important;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
}
.pic-text img {
  padding: 25px;
  border-radius: 30px;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  display: block;
}

.single-post .card-content p strong {
  font-weight: 700;
}

.banner-img img {
  border-radius: 16px;
}

.new-slider-box .header-slider {
  border-radius: 16px;
}

.controls {
  position: absolute;
  top: 300px;
  padding-right: 20px;
}

.new-slider-box .swiper-pagination {
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 5px;
}

span.swiper-pagination-bullet {
  height: 11px;
  width: 6px;
  border-radius: 5px;
  margin: 0 3px !important;
}

section.slider {
  margin-top: 40px;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 30px;
  transition: all 0.2s ease-out;
}

.new-slider-box img {
  border-radius: 16px;
  height: 400px;
  width: 100%;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  background: white;
  padding: 12px 0;
  right: -15px;
  border-radius: 10px;
  width: 20px;
  box-shadow: 0px 6px 27px -6px #7f99b2;
}

.online-fair {
  height: 70px;
  background: #0a65fe;
  text-align: center;
  padding: 20px;
  margin-top: 20px;
  border-radius: 20px;
}

.online-fair img {
  position: absolute;
  top: 137px;
  right: 112px;
}

.online-fair a {
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 23px;
  font-weight: 900;
}

.btn-online-fair {
  display: contents;
}

.btn-online-fair a {
  font-size: 15px;
  font-weight: 500;
  margin-right: 23px;
  vertical-align: middle;
  background: #fff;
  padding: 5px 13px;
  border-radius: 9px;
  color: #0a65fe;
}

.landing-swiper-card .card-image.online-fair-c {
  max-width: 170px;
  margin-left: auto;
  margin-right: auto;
}

.single-blog .blog-posts .inner .single-card .card-action .small-details .child a {
  color: inherit;
}

.single-blog .blog-posts .inner .single-card .card-action .small-details .child a:hover {
  color: inherit;
} /*# sourceMappingURL=style.css.map */
.single-blog .blog-posts .inner .single-card .card-action .small-details .child span a {
  margin-right: 0;
}

.header-search-box .search-result .inner .card-title {
  flex: 1;
  margin-left: 40px;
}

.header-search-box .search-result .inner .card-title h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 19px !important;
}

.header-search-box .search-result .inner .card-price {
  margin-left: 3px;
}

.header-search-box .search-result .inner .card-price .discount {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 5px;
  letter-spacing: -0.02em;
  color: #485967;
}

.header-search-box .search-result .inner .card-price .discount .line {
  color: #8ca0b2;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  display: inline-block;
  margin-left: 5px;
  text-decoration: line-through;
}

.header-search-box .search-result .inner .card-price .discount .percentage {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: -0.02em;
  background: #ff253f;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
  border-radius: 20px;
  text-align: center;
  padding: 1px 7px;
}

.header-search-box .search-result .inner .card-price .regular-price {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: left;
  margin: 0px;
}

.card-stacked {
  display: flex !important;
  flex-direction: row !important;
}

.header-search-box .search-result .inner .card-stacked {
  flex: 1;
}

.comment-loading-state {
  position: relative;
  overflow: hidden;
}

.comment-loading-animation {
  position: relative;
  width: 100%;
  height: 30px;
  border-radius: 5px;
  background-color: #f8f8f8;
  overflow: hidden;
}

.comment-loading-animation:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  border-radius: 5px;
  width: 10%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
  -webkit-animation: loadingAnimation 2s linear infinite;
          animation: loadingAnimation 2s linear infinite;
}

@-webkit-keyframes loadingAnimation {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}

@keyframes loadingAnimation {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.rank-math-question {
  cursor: pointer;
}

.rank-math-answer {
  display: none;
}

h3.rank-math-question {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 700;
  background: #f8fafc;
  border: initial;
  color: #333;
  border-radius: 12px;
  padding: 16px 28px;
  margin-bottom: 0;
  margin-top: 15px;
}

div.rank-math-question {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 700;
  background: #f8fafc;
  border: initial;
  color: #333;
  border-radius: 12px;
  padding: 16px 28px;
  margin-bottom: 0;
  margin-top: 15px;
}

.rank-math-answer p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 400;
  font-size: 15px !important;
  line-height: 30px !important;
  letter-spacing: -0.02em;
  border: initial;
  border-top: 1px solid #e5ecf1;
  border-radius: 0 0 12px 12px;
  padding: 16px 28px;
  color: #485967;
}

.rank-math-list-item {
  background: #f8fafc;
  border-radius: 12px;
}

.single-post .has-background {
  border-radius: 12px;
  margin: 15px 0px !important;
}

.blog-comments .main .section.type-1 {
  margin-top: 24px;
  padding: 30px;
}
.blog-comments .main .section.type-1 .header span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 24px;
  font-weight: bold;
  display: block;
}
.blog-comments .main .section.type-1 .small-header span.title {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  margin-bottom: 24px;
  display: block;
}

.about-us .main-header.style-2 {
  margin-top: 11px;
}
.about-us .about-us-content {
  position: relative;
}
.about-us .about-us-content .bg .img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.about-us .about-us-content .bg .img img {
  width: 100%;
  height: 100%;
}
.about-us .about-us-content .breadcrumb-box {
  margin-bottom: 112px;
}
.about-us .about-us-content .breadcrumb-box a:last-child {
  font-weight: 400 !important;
}
.about-us .about-us-content .about-us-title {
  text-align: center;
  margin: 50px 0;
}
.about-us .about-us-content .about-us-title h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 875;
  font-size: 38px;
  line-height: 68px;
  color: #333333;
  margin-bottom: 8px;
}
.about-us .about-us-content .about-us-title p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin: 0;
}
.about-us .about-us-content .about-us-description {
  margin-bottom: 30px;
}
.about-us .about-us-content .about-us-description p {
  font-size: 20px;
  line-height: 46px;
  font-weight: 300;
  color: #1d1d1d;
  letter-spacing: initial;
}
.about-us .about-us-content .about-us-img {
  margin-bottom: 100px;
  position: relative;
}
.about-us .about-us-content .about-us-img .bg .img {
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  top: 4%;
  height: auto;
}
.about-us .about-us-content .about-us-img .bg .img img {
  width: 100%;
  height: 100%;
}
.about-us .about-us-content .about-us-img .img {
  width: 55%;
  margin: 0 auto;
  overflow: hidden;
}
.about-us .about-us-content .about-us-img .img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.about-us .about-us-content .about-us-img .play-badge {
  position: absolute;
  top: 47%;
  right: 50%;
  transform: translate(50%, -50%);
  background: rgba(255, 255, 255, 0.6784313725);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.about-us .about-us-content .about-us-img .play-badge .img {
  width: unset !important;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-us .about-us-content .about-us-img .play-badge .img img {
  width: 100% !important;
}
.about-us .about-us-content .about-us-img #show-box-video .modal-close {
  position: absolute;
  right: 23px;
  top: 20px;
  z-index: 999;
  background: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.about-us .about-us-content .about-us-img #show-box-video .modal-inner figure {
  margin: 1em 15px !important;
}
.about-us .about-us-content .about-us-img #show-box-video .modal-inner figure video {
  border-radius: 15px;
}
.about-us .about-us-content .team {
  margin-bottom: 64px;
}
.about-us .about-us-content .team .team-title {
  text-align: center;
  margin-bottom: 40px;
}
.about-us .about-us-content .team .team-title h4 {
  margin-bottom: 8px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 875;
  font-size: 30px;
  line-height: 40px;
  color: #333333;
}
.about-us .about-us-content .team .team-title p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #485967;
  font-weight: 325;
  margin: 0;
}
.about-us .about-us-content .team .team-persons .row.center-content {
  display: flex;
  justify-content: space-between;
}
.about-us .about-us-content .team .team-persons .person {
  margin-bottom: 36px;
}
.about-us .about-us-content .team .team-persons .person .img {
  width: 128px;
  height: 130px;
  margin-bottom: 8px;
}
.about-us .about-us-content .team .team-persons .person .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.about-us .about-us-content .team .team-persons .person .person-name {
  text-align: center;
}
.about-us .about-us-content .team .team-persons .person .person-name h6 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  font-weight: 725;
  color: #333333;
}
.about-us .about-us-content .team .team-persons .person .person-name span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #333333;
}
.about-us .about-us-content .suggestion {
  margin-bottom: 60px;
  width: 100%;
  padding: 100px 0px 90px 0px;
  position: relative;
  background: radial-gradient(122.63% 63.92% at 50% 50%, #0844a6 0%, #04378a 100%);
}
.about-us .about-us-content .suggestion .suggestion-title {
  text-align: center;
  margin-bottom: 30px;
}
.about-us .about-us-content .suggestion .suggestion-title .img {
  width: 100px;
  height: 100px;
  position: absolute;
  text-align: center;
  top: 44px;
  right: 50%;
  transform: translateX(50%);
}
.about-us .about-us-content .suggestion .suggestion-title .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-us .about-us-content .suggestion .suggestion-title h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 875;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  margin-bottom: 8px;
}
.about-us .about-us-content .suggestion .suggestion-title p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0;
}
.about-us .about-us-content .suggestion .suggestion-card .autoSwiperTop {
  margin-bottom: -4px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide {
  padding: 10px 0px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child {
  display: inline-block;
  height: 169px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card {
  min-width: 220px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice {
  min-width: 251px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container {
  justify-content: center;
  width: 100%;
  height: 69px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container #waveform {
  width: 130px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button {
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button .img.play-img {
  display: inherit;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button .img.pause-img {
  display: none;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button .img {
  width: 26px;
  height: 26px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button.active .img.play-img {
  display: none;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .control-button.active .img.pause-img {
  display: inherit;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .total-time {
  width: 32px;
  margin-left: 6px;
}
.about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .contains-voice .card-description .voice-container .total-time .total-time-text {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.about-us .about-us-content .suggestion-form {
  margin-bottom: 284px;
  position: relative;
}
.about-us .about-us-content .suggestion-form .bg {
  position: absolute;
  left: 0;
  width: 513px;
  height: 229px;
  top: 169px;
}
.about-us .about-us-content .suggestion-form .bg .img img {
  width: 100%;
  height: 100%;
}
.about-us .about-us-content .suggestion-form .right-content .right-content-title {
  margin-top: 31px;
}
.about-us .about-us-content .suggestion-form .right-content .right-content-title h4 {
  font-style: normal;
  font-weight: 875;
  font-size: 30px;
  line-height: 40px;
  color: #333333;
  margin-bottom: 8px;
}
.about-us .about-us-content .suggestion-form .right-content .right-content-title p {
  margin: 0px;
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 325;
  color: #485967;
  margin-bottom: 0;
}
.about-us .about-us-content .suggestion-form .left-content {
  background: #f3f7fb;
  border-radius: 16px;
  padding: 91px 60px 58px 60px;
}
.about-us .about-us-content .suggestion-form .left-content .form label {
  margin-bottom: 8px;
}
.about-us .about-us-content .suggestion-form .left-content .form input.type-1 {
  margin-bottom: 16px;
  border: 1px solid #e5ecf1;
  background: #ffffff;
  padding: 0px 16px;
}
.about-us .about-us-content .suggestion-form .left-content .form input.type-1:focus {
  border: 1px solid #e5ecf1 !important;
  box-shadow: initial !important;
}
.about-us .about-us-content .suggestion-form .left-content .form input.type-1::-moz-placeholder {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.about-us .about-us-content .suggestion-form .left-content .form input.type-1:-ms-input-placeholder {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.about-us .about-us-content .suggestion-form .left-content .form input.type-1::placeholder {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.about-us .about-us-content .suggestion-form .left-content .form textarea.type-1 {
  margin-bottom: 16px;
  padding: 10px 16px;
  min-height: 181px;
  max-height: 474px;
  height: 100%;
  border: 1px solid #e5ecf1;
}
.about-us .about-us-content .suggestion-form .left-content .form textarea.type-1:focus {
  border: 1px solid #e5ecf1 !important;
  box-shadow: none !important;
}
.about-us .about-us-content .why-us-section {
  margin-bottom: 60px;
}
.about-us .about-us-content .why-us-section .img img {
  width: 100%;
}
.about-us .about-us-content .why-us-section .content .child {
  margin-bottom: 20px;
}
.about-us .about-us-content .why-us-section .content .child .number {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #0865fe;
  float: right;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: rgba(8, 101, 254, 0.04);
  border-radius: 100%;
}
.about-us .about-us-content .why-us-section .content .child .inner {
  margin-right: 90px;
}
.about-us .about-us-content .why-us-section .content .child .inner h2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.about-us .about-us-content .why-us-section .content .child .inner h2 p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.about-us .about-us-content .why-us-section .content .child .inner .heading-2 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.about-us .about-us-content .why-us-section .content .child .inner .heading-2 p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
}
.about-us .about-us-content .why-us-section .more-content {
  float: right;
  width: 100%;
  margin-top: 30px;
}
.about-us .about-us-content .why-us-section .more-content .child {
  position: relative;
  text-align: center;
  background: rgba(8, 101, 254, 0.04);
  border-radius: 20px;
  height: 175px;
}
.about-us .about-us-content .why-us-section .more-content .child .number {
  position: absolute;
  text-align: center;
  top: -20px;
  width: 100%;
}
.about-us .about-us-content .why-us-section .more-content .child .number span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #0865fe;
  width: 46px;
  height: 46px;
  display: inline-block;
  background: #f5f9ff;
  border-radius: 100%;
  line-height: 39px;
  border: 4px solid #fff;
}
.about-us .about-us-content .why-us-section .more-content .child .content {
  padding: 12px;
}
.about-us .about-us-content .why-us-section .more-content .child .content .img {
  width: 100%;
  text-align: center;
  margin-top: 60px;
  float: right;
  margin-top: 37px;
  margin-bottom: 10px;
}
.about-us .about-us-content .why-us-section .more-content .child .content .img img {
  width: 44px;
}
.about-us .about-us-content .why-us-section .more-content .child .content h3 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #333333;
}
.about-us .about-us-content input[type=text].type-1 {
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 900px) {
  .about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card {
    min-width: 300px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card .card-description {
    max-width: none;
  }
  .about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card.contains-voice {
    min-width: 320px;
  }
  .about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card.contains-voice .card-description .voice-container .control-button {
    width: 40px;
    height: 40px;
    margin-right: 20px;
  }
  .about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card.contains-voice .card-description .voice-container #waveform {
    width: 160px;
  }
  .about-us .about-us-content .suggestion .suggestion-card .swiper-slide .suggestion-card-child .card.contains-voice .card-description .voice-container .total-time {
    margin-left: 10px;
  }
  .about-us .about-us-content .about-us-img .img {
    width: 75%;
  }
  .about-us .about-us-content .why-us-section .heading-type-4 h4 {
    width: 77% !important;
    margin: 0 auto !important;
  }
  .about-us .about-us-content .why-us-section .row {
    display: block;
  }
  .about-us .about-us-content .why-us-section .content .child {
    margin-bottom: 40px;
  }
  .about-us .about-us-content .why-us-section .content .child .inner h2 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .about-us .about-us-content .why-us-section .content .child .inner p {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .about-us .about-us-content .why-us-section .more-content .col.s12 {
    width: 50%;
  }
  .about-us .about-us-content .why-us-section .more-content .child {
    margin-bottom: 40px;
  }
  .about-us .about-us-content .why-us-section .more-content .child .content h3 {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
}
.publisher-details .shop-products .inner .child {
  width: 20% !important;
}
.publisher-details .shop-products .inner .child:nth-child(4) .shop-card {
  border-radius: 0 !important;
}
.publisher-details .shop-products .inner .child:nth-child(5) .shop-card {
  border-radius: 20px 0px 0px 0px;
  border-left: 1px solid #e5ecf1;
}
.publisher-details .shop-products .inner .shop-card {
  border-bottom: 1px solid #e5ecf1 !important;
}
.publisher-details .publisher-details-content .breadcrumb-box {
  margin-bottom: 20px;
}
.publisher-details .publisher-details-content .about-teacher-card {
  background: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 40px 20px 40px 42px;
  margin-bottom: 50px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content {
  display: inline-block;
  width: auto;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-img .img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-img .img img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-name {
  text-align: center;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-name h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  margin-bottom: 12px;
  font-weight: 725;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-name h1 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 725;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-name p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #485967;
  font-weight: 450;
  margin: 0;
  margin-bottom: 12px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details {
  margin-bottom: 16px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .teacher-details-child {
  text-align: center;
  box-shadow: 0px 30px 60px -40px #c2cfe2;
  border: 1px solid #e5ecf1;
  border-radius: 16px;
  display: inline-block;
  padding: 12px 18px;
  width: 162px;
  background-color: #fff;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .teacher-details-child h6 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #485967;
  font-weight: 325;
  margin-bottom: 4px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .teacher-details-child span {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 600;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .teacher-details-child:first-child {
  margin-left: 20px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .social-media {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .social-media .social-media-img {
  display: inline-block;
  margin: 0px 10px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .social-media .social-media-img .img {
  width: 24px;
  height: 24px;
}
.publisher-details .publisher-details-content .about-teacher-card .right-content .social-media .social-media-img .img img {
  width: 100%;
  height: 100%;
}
.publisher-details .publisher-details-content .about-teacher-card .left-content .about-teacher-description .about-teacher-description-title h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 725;
  margin-bottom: 8px;
}
.publisher-details .publisher-details-content .about-teacher-card .left-content .about-teacher-description p {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #333333;
  font-weight: 325;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 14;
  overflow: hidden;
}
.publisher-details .publisher-details-content .pink-section {
  margin-bottom: 65px;
  border-radius: 20px;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child {
  background-image: url("inc/img/pink-bg.png");
  background-size: cover;
  background-size: 100% 100%;
  height: 220px;
  background-repeat: no-repeat;
  padding-top: 72px;
  padding-right: 100px;
  padding-left: 107px;
  position: relative;
  z-index: 2;
  border-radius: 20px;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .bg .img {
  width: 100%;
  height: 100%;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .bg .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title {
  margin-bottom: 12px;
  margin-right: 0;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title h2 {
  font-weight: 875;
  font-size: 28px;
  line-height: 38px;
  color: #f8fafc;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title h2 span {
  color: #e9c5ff;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title-child h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title-child h5 br {
  display: none;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title-child h5 span {
  color: #e9c5ff;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .left-section {
  float: left;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 {
  background: #cd3e8a;
}
.publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 .copy-button {
  background: #a9095d;
}
.publisher-details .publisher-details-content .books-section .title {
  position: relative;
  margin-bottom: 34px;
}
.publisher-details .publisher-details-content .books-section .title h4 {
  font-weight: 600;
}
.publisher-details .publisher-details-content .books-section .title h4 span {
  font-weight: 150;
}
.publisher-details .publisher-details-content .books-section .title .circle {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #ffefb5;
  top: -14px;
  right: -20px;
  z-index: -1;
}
.publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(1) .card {
  border-radius: 0px 20px 0px 0px;
}
.publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(6) .card {
  border-radius: 20px 0px 0px 0px;
}
.publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(7) .card {
  border-radius: 0px 0px 20px 0px;
}
.publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(12) .card {
  border-radius: 0px 0px 0px 20px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 70px 0px 114px 0px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content {
  text-align: center;
  display: inherit;
  margin: 0 auto;
  width: 50%;
  background-color: transparent;
  margin-bottom: 40px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-img {
  float: right;
  margin-left: 32px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-img .img {
  width: 160px;
  height: 160px;
  margin-bottom: 0;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-name {
  text-align: right;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-name h5 {
  margin-bottom: 8px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-name p {
  margin-bottom: 16px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-details {
  text-align: right;
  margin-bottom: 0;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-details .teacher-details-child {
  border: 0;
  width: 174px;
  padding: 16px 24px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-details .teacher-details-child h6 {
  margin-bottom: 8px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .right-content .teacher-details .teacher-details-child:first-child {
  margin-left: 16px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .left-content {
  background: #ffffff;
  box-shadow: 0px 40px 100px -60px #c2cfe2;
  border-radius: 20px;
  padding: 32px 42px 36px 42px;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .left-content .about-teacher-description .about-teacher-description-title h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 725;
  color: #000000;
}
.publisher-details .publisher-details-content.type-2 .about-teacher-card .left-content .about-teacher-description p {
  margin-bottom: 16px;
}
.publisher-details .publisher-details-content.type-2 .books-section {
  margin-bottom: 255px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 60px 0px 116px 0px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .right-content {
  text-align: center;
  display: inherit;
  margin-bottom: 40px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .right-content .teacher-img .img {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .right-content .teacher-name h5 {
  margin-bottom: 8px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .right-content .teacher-name p {
  margin-bottom: 20px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .right-content .teacher-details .teacher-details-child {
  border: 0;
  padding: 16px 24px;
  width: 174px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .right-content .teacher-details .teacher-details-child h6 {
  margin-bottom: 8px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .left-content {
  background: #ffffff;
  box-shadow: 0px 40px 100px -60px #c2cfe2;
  border-radius: 20px;
  padding: 32px 42px 36px 42px;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .left-content .about-teacher-description .about-teacher-description-title h5 {
  font-family: Yekanbakh;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  font-weight: 725;
  color: #000000;
}
.publisher-details .publisher-details-content.type-3 .about-teacher-card .left-content .about-teacher-description p {
  margin-bottom: 16px;
}
.publisher-details .publisher-details-content.type-3 .books-section {
  margin-bottom: 83px;
}
.publisher-details .publisher-details-content.type-4 .breadcrumb-box {
  margin-bottom: 20px;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card {
  margin-bottom: 64px;
  background-color: transparent;
  border: initial;
  padding: 0;
  border-radius: 0;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card .right-content {
  background-color: #ffffff;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  padding: 30px 21px 44px 21px;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card .right-content .teacher-img .img {
  width: 184px;
  height: 184px;
  margin: 0 auto;
  margin-bottom: 22px;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card .right-content .teacher-name h5 {
  margin-bottom: 8px;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card .right-content .teacher-name p {
  margin-bottom: 20px;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card .right-content .teacher-details {
  text-align: center;
  margin-bottom: 0;
}
.publisher-details .publisher-details-content.type-4 .about-teacher-card .left-content {
  background-color: #ffffff;
  padding: 40px 30px 40px 42px;
  border: 1px solid #e5ecf1;
  border-radius: 20px;
  min-height: 433px;
}
.publisher-details .publisher-details-content.type-4 .books-section {
  margin-bottom: 163px;
}

@media only screen and (max-width: 500px) {
  .publisher-details .shop-products .inner .child {
    width: 100% !important;
  }
  .publisher-details .shop-products .inner .child .shop-card {
    min-height: 150px !important;
  }
  .publisher-details .publisher-details-content .breadcrumb-box {
    margin-bottom: 40px;
  }
  .publisher-details .publisher-details-content .about-teacher-card {
    padding: 32px 20px 24px 20px;
    margin-bottom: 40px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content {
    width: 100%;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-img .img {
    margin-bottom: 20px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-name h5 {
    font-weight: 725;
    font-size: 15px;
    line-height: 23px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details {
    display: inline-block;
    width: 100%;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .right-section {
    margin-left: 10px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .left-section {
    margin-right: 10px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .teacher-details-child {
    width: 100%;
    padding: 12px 8px;
    margin-left: 0;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .teacher-details .teacher-details-child:first-child {
    margin-left: 0;
  }
  .publisher-details .publisher-details-content .about-teacher-card .right-content .social-media {
    margin-bottom: 24px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .left-content .about-teacher-description {
    position: relative;
  }
  .publisher-details .publisher-details-content .about-teacher-card .left-content .about-teacher-description .see-more-paragraph {
    cursor: pointer;
    text-decoration: underline;
    color: #0865fe;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    padding-right: 4px;
  }
  .publisher-details .publisher-details-content .about-teacher-card .left-content .about-teacher-description .see-more-paragraph span {
    float: right;
    color: #333333;
    text-decoration: none;
    margin-left: 2px;
  }
  .publisher-details .publisher-details-content .pink-section {
    margin-bottom: 54px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child {
    background-image: url("inc/img/pink-bg-responsive.png");
    height: 272px;
    padding: 41px;
    padding-left: 40px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .purple-section-inner {
    display: block;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .right-section {
    padding: 0px 6px 0px 7px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title {
    text-align: center;
    margin-bottom: 10px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title-child {
    text-align: center;
    margin-bottom: 30px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title-child h5 {
    font-size: 15px;
    line-height: 23px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .right-section .title-child h5 br {
    display: inherit;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .left-section {
    float: initial;
    text-align: center;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 {
    width: 100%;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 span {
    line-height: 46px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 .copy-button {
    float: left;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 .copy-button .inner .img {
    line-height: 60px;
  }
  .publisher-details .publisher-details-content .pink-section .pink-section-child .left-section .copy-box-2 .copy-button .inner span {
    font-weight: 725;
    line-height: 42px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 100%;
    padding: 14px 16px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 .card-image {
    margin: 0;
    height: 106px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 .card-image .img {
    width: 82px;
    height: 106px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 .card-description-wrapper {
    width: 100%;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 .card-description-wrapper .card-content {
    margin-bottom: 58px;
    height: inherit;
    padding: 0px;
    text-align: left;
    min-height: inherit;
    padding-left: 4px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 .card-description-wrapper .card-content .card-title {
    font-weight: 500;
    min-height: auto;
    -webkit-line-clamp: 1;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2 .card-description-wrapper .card-action {
    float: left;
    padding: 0;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2:hover {
    border: 1px solid #e5ecf1;
    box-shadow: none;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2.has-offer .card-content {
    margin-bottom: 33px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2.has-offer .card-action .small-details .discount .line {
    font-family: Yekanbakh;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2.has-offer .card-action .small-details .discount .percentage {
    height: 22px;
    line-height: 22px;
  }
  .publisher-details .publisher-details-content .books-section .books-card .card.style-2.has-offer .card-action .small-details span span {
    margin-left: 6px;
  }
  .publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(1) .card {
    border-radius: 20px 20px 0px 0px;
  }
  .publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(6) .card {
    border-radius: 0;
  }
  .publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(7) .card {
    border-radius: 0;
  }
  .publisher-details .publisher-details-content .books-section .col.s12.m2.no-padding:nth-child(12) .card {
    border-radius: 0px 0px 20px 20px;
  }
}
.blackfriday .main-content .hero-section {
  padding-bottom: 80px;
  padding-top: 155px;
  background: #000;
  position: relative;
}
.blackfriday .main-content .hero-section .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.12;
}
.blackfriday .main-content .hero-section .bg img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blackfriday .main-content .hero-section .main-image {
  margin-top: -33px;
  text-align: center;
  margin-bottom: 55px;
}
.blackfriday .main-content .hero-section .main-image img {
  margin: 0 auto;
  width: 654px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blackfriday .main-content .hero-section .list-of-blackfriday-active-product {
  margin-bottom: 30px;
}
.blackfriday .main-content .hero-section .list-of-blackfriday-active-product .col.m12 {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.blackfriday .main-content .hero-section .list-of-blackfriday-products .col.m12 {
  display: flex;
  gap: 30px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday {
  height: 390px;
  border-radius: 20px;
  overflow: hidden;
  padding: 22px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .badge {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #000;
  color: #e9e1b2;
  z-index: 2;
  padding: 5px 10px;
  display: flex;
  gap: 2px;
  height: 30px;
  border-radius: 19px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .badge span {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 23px;
}

.blackfriday .main-content .hero-section .shop-card.blackfriday .card-content {
  padding: 0px;
  padding-top: 16px;
  padding-bottom: 12px;
  padding: 0px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-content .card-title {
  height: auto;
  margin-bottom: 35px;
  margin-top: 16px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action {
  display: flex;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action .text {
  width: 50%;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action .text p {
  margin: 0px;
  color: #485967;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.3px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action .text p span {
  color: #0865fe;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  display: block;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action .text p .small-details {
  position: relative;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action .text p .small-details .discount {
  position: absolute;
  bottom: 0;
  left: 0;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday .card-action .small-details {
  width: 50%;
  padding: 0px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large {
  height: 390px;
  padding: 44px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main {
  display: flex;
  gap: 26px;
  padding-bottom: 26px;
  margin-bottom: 22px;
  position: relative;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-image {
  width: 30%;
  margin: 0;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content {
  width: 80%;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-title {
  color: #333;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-description h4 {
  color: #333;
  text-align: right;
  margin-bottom: 12px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul {
  padding-right: 0px;
  margin: 0px;
  margin-bottom: 41px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li {
  padding-right: 12px;
  color: #485967;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  margin-bottom: 8px;
  position: relative;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li:before {
  position: absolute;
  content: "•";
  color: #0865fe;
  font-weight: bold;
  display: inline-block;
  width: 4px;
  height: 4px;
  right: 0;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li span {
  margin-right: 12px;
  font-weight: 400;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer {
  display: flex;
  height: 38px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner,
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
  width: 50%;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner {
  display: flex;
  align-items: center;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount {
  display: flex;
  align-items: center;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount .line {
  color: #8ca0b2;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount span {
  color: #ff2727;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  margin-right: 6px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount span span {
  color: #ff2727;
  font-size: 23px;
  font-style: normal;
  font-weight: 900;
  line-height: 38px; /* 126.667% */
  letter-spacing: -0.6px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .percentage {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.28px;
  margin-right: 4px;
  height: 26px;
  padding: 2px 11px;
  border-radius: 20px;
  background: #ff253f;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
  text-align: left;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 {
  color: #0865fe;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  padding: 14px 0px;
  margin-left: -5px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  float: left;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6:hover {
  background-color: transparent;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 span {
  margin-top: 5px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 .img {
  margin-right: 6px;
  margin-left: 0px;
  width: 24px;
  height: 24px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-image: url("inc/img/border.svg");
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action {
  align-items: center;
  padding: 0px 44px;
  padding-bottom: 22px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .bar {
  width: 50%;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.28px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .bar div {
  display: inline-block;
  font-weight: 700;
  color: #00c09b;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .bar .progress {
  margin-top: 6px;
  margin-bottom: 0px;
  height: 6px;
  background-color: #f3f7fb;
  border-radius: 4px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .bar .progress .determinate {
  background-color: #00c09b;
  border-radius: 4px;
  width: 44%;
  float: right;
  left: initial;
  height: 6px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer {
  text-align: left;
  width: 50%;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer .inner {
  text-align: left;
  color: #ff253f;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer .inner .time {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
  margin-right: 4px;
}
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer .inner span,
.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer .inner div {
  float: left;
}
.blackfriday .main-content .top-products-section {
  padding: 80px 0px;
  margin-bottom: 0 !important;
}
.blackfriday .main-content .top-products-section .title .specific-title .circle {
  width: 38px;
  height: 38px;
  background: #c7eff7;
  top: -5px;
  right: 0px;
  z-index: 0;
  background-image: url(inc/img/blackfriday-badge-white.jpg);
  background-size: 100% 100%;
  border-radius: 0px;
}
.blackfriday .main-content .top-products-section .title .theme-tabs {
  box-shadow: initial;
  background-color: #f3f7fb;
}
.blackfriday .main-content .top-products-section .title .specific-title {
  padding-right: 44px !important;
  margin-right: 0;
}
.blackfriday .main-content .top-products-section .title .specific-title .circle {
  width: 38px;
  height: 38px;
  background: #c7eff7;
  top: -5px;
  right: 0px;
  z-index: 0;
  background-image: url(inc/img/blackfriday-badge-white.jpg);
  background-size: 100% 100%;
  border-radius: 0px;
}
.blackfriday .main-content .top-products-section .top-products-section-child .theme-tabs {
  box-shadow: initial;
}
.blackfriday .main-content .top-products-section .top-products-section-child .tabs-parent {
  text-align: center;
}
.blackfriday .main-content .top-products-section .top-products-section-child .tabs-parent .theme-tabs {
  width: auto;
}
.blackfriday .main-content .top-products-section .top-products-section-child .theme-tabs.style-2 {
  background-color: rgba(255, 255, 255, 0.3);
}
.blackfriday .main-content .top-products-section .top-products-section-child .theme-tabs.style-2 .tab a {
  color: #fff;
}
.blackfriday .main-content .top-products-section .top-products-section-child .theme-tabs.style-2 .tab a.active {
  color: #333333;
}
.blackfriday .main-content .top-products-section.bg-style-2 {
  background-color: #e79a05;
}
.blackfriday .main-content .top-products-section.bg-style-2 .title .specific-title h4 {
  color: #fff;
  font-weight: normal;
}
.blackfriday .main-content .top-products-section.bg-style-2 .title .specific-title .circle {
  background-color: transparent;
  background-image: url(inc/img/blackfriday-badge-colored.png);
}
.blackfriday .main-content .top-products-section.bg-style-3 {
  background-color: #0042a5;
}
.blackfriday .main-content .top-products-section.bg-style-3 .title .specific-title h4 {
  color: #fff;
  font-weight: normal;
}
.blackfriday .main-content .top-products-section.bg-style-3 .title .specific-title .circle {
  background-color: transparent;
  background-image: url(inc/img/blackfriday-badge-colored.png);
}
.blackfriday .main-content .top-products-section.bg-style-4 {
  background-color: #049377;
}
.blackfriday .main-content .top-products-section.bg-style-4 .title .specific-title h4 {
  color: #fff;
  font-weight: normal;
}
.blackfriday .main-content .top-products-section.bg-style-4 .title .specific-title .circle {
  background-color: transparent;
  background-image: url(inc/img/blackfriday-badge-colored.png);
}
.blackfriday .main-content .top-products-section.bg-style-2 .title .theme-tabs,
.blackfriday .main-content .top-products-section.bg-style-3 .title .theme-tabs,
.blackfriday .main-content .top-products-section.bg-style-4 .title .theme-tabs {
  background-color: rgba(255, 255, 255, 0.3);
}
.blackfriday .main-content .top-products-section.bg-style-2 .title .theme-tabs .tab a,
.blackfriday .main-content .top-products-section.bg-style-3 .title .theme-tabs .tab a,
.blackfriday .main-content .top-products-section.bg-style-4 .title .theme-tabs .tab a {
  color: #fff;
}
.blackfriday .main-content .top-products-section.bg-style-2 .title .theme-tabs .tab a.active,
.blackfriday .main-content .top-products-section.bg-style-3 .title .theme-tabs .tab a.active,
.blackfriday .main-content .top-products-section.bg-style-4 .title .theme-tabs .tab a.active {
  color: #333333;
}
.blackfriday .similar-products.two-floors .content .col.s12.m2.no-padding:nth-child(1) .card {
  border-radius: 0px 20px 20px 0px;
}
.blackfriday .similar-products.two-floors .content .col.s12.m2.no-padding:nth-child(6) .card {
  border-radius: 20px 0px 0px 20px;
}
.blackfriday .shop-card .card-action .small-details span {
  color: #ff253f;
}
.blackfriday .mobile-scroll .inner-scroll-box {
  padding-right: 0px;
}

@media only screen and (max-width: 900px) {
  .index-2.blackfriday .hero-section {
    padding-bottom: 60px;
  }
  .index-2.blackfriday .hero-section .list-of-blackfriday-active-product {
    margin: 0px;
  }
  .index-2.blackfriday .hero-section .top-products-section .top-products-section-child {
    margin: 0px;
  }
  .index-2.blackfriday .hero-section .inner-scroll-box {
    border: 1px solid transparent;
    gap: 20px;
  }
  .index-2.blackfriday .hero-section .inner-scroll-box .shop-card.blackfriday {
    width: 282px;
  }
  .index-2.blackfriday .hero-section .inner-scroll-box .shop-card.blackfriday .card-image {
    max-width: initial;
    width: 65%;
  }
  .index-2.blackfriday .hero-section .inner-scroll-box .shop-card.blackfriday .card-action {
    display: flex;
    position: absolute;
    width: 100%;
    right: 0;
    padding: 22px;
    padding-top: 0px;
    bottom: 0px;
  }
  .index-2.blackfriday .main-content .hero-section .main-image {
    margin-top: 190px;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large {
    height: 510px;
    padding: 20px;
    padding-top: 40px;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main {
    text-align: center;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 0px;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-image {
    width: 100%;
    max-width: 41%;
    margin: 0 auto;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content {
    width: 100%;
    max-height: initial;
    height: 100%;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul {
    display: none;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer {
    width: 100%;
    display: block;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner {
    width: 100%;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount .line {
    text-decoration: line-through;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
    display: none;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .main:after {
    display: none;
    content: initial;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action {
    display: block;
    padding: 20px;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .bar,
.index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer {
    width: 100%;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .bar {
    margin-bottom: 25px;
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action .timer .inner {
    position: absolute;
    right: 0;
    width: auto;
    transform: translate(-50%, -50%);
  }
  .index-2.blackfriday .main-content .hero-section .shop-card.blackfriday.large .card-action:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 2px;
    background-image: url(inc/img/border.svg);
    right: 20px;
    width: calc(100% - 40px);
  }
  .index-2.blackfriday .main-content .top-products-section {
    padding: 80px 0px;
    margin-bottom: 0 !important;
  }
  .index-2.blackfriday .main-content .top-products-section .top-products-section-child .title .specific-title .circle {
    width: 38px;
    height: 38px;
    background: #c7eff7;
    top: -5px;
    right: 0px;
    z-index: 0;
    background-image: url(inc/img/blackfriday-badge-white.jpg) !important;
    background-size: 100% 100%;
    border-radius: 0px;
  }
  .index-2.blackfriday .main-content .top-products-section.bg-style-2 .top-products-section-child .title .specific-title .circle {
    background: transparent;
    background-image: url(inc/img/blackfriday-badge-colored.svg) !important;
  }
}
.body-yalda {
  background: linear-gradient(to bottom, #D3243B, #D5223E);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.body-yalda .swiper-container,
.body-yalda .swiper-container2,
.body-yalda .swiper-container3,
.body-yalda .swiper-container4,
.body-yalda .swiper-container4A,
.body-yalda .swiper-container4B,
.body-yalda .swiper-container-Special {
  width: 100%;
  height: 100%;
}
.body-yalda .swiper-slide1,
.body-yalda .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
}
.body-yalda .hero-section {
  padding-bottom: 80px;
  padding-top: 155px;
  position: relative;
}
.body-yalda .hero-section .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.12;
}
.body-yalda .hero-section .bg img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body-yalda .hero-section .main-image {
  margin-top: -33px;
  text-align: center;
  margin-bottom: 55px;
}
.body-yalda .hero-section .main-image img {
  margin: 0 auto;
  width: 654px;
  -o-object-fit: cover;
     object-fit: cover;
}
.body-yalda .hero-section .list-of-blackfriday-active-product {
  margin-bottom: 30px;
}
.body-yalda .hero-section .list-of-blackfriday-active-product .col.m12 {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.body-yalda .hero-section .list-of-blackfriday-products .col.m12 {
  display: flex;
  gap: 30px;
}
.body-yalda .hero-section .shop-card.blackfriday {
  height: 390px;
  border-radius: 20px;
  overflow: hidden;
  padding: 22px;
}
.body-yalda .hero-section .shop-card.blackfriday .badge {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #000;
  color: #e9e1b2;
  z-index: 2;
  padding: 5px 10px;
  display: flex;
  gap: 2px;
  height: 30px;
  border-radius: 19px;
}
.body-yalda .hero-section .shop-card.blackfriday .badge span {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 23px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-content {
  padding: 0px;
  padding-top: 16px;
  padding-bottom: 12px;
  padding: 0px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-content .card-title {
  height: auto;
  margin-bottom: 35px;
  margin-top: 16px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action {
  display: flex;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text {
  width: 50%;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p {
  margin: 0px;
  color: #485967;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.3px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p span {
  color: #0865fe;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  display: block;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p .small-details {
  position: relative;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p .small-details .discount {
  position: absolute;
  bottom: 0;
  left: 0;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .small-details {
  width: 50%;
  padding: 0px;
}
.body-yalda .hero-section .shop-card.blackfriday.large {
  height: 390px;
  padding: 44px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main {
  display: flex;
  gap: 26px;
  padding-bottom: 26px;
  margin-bottom: 22px;
  position: relative;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-image {
  width: 30%;
  margin: 0;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content {
  width: 80%;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-title {
  color: #333;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description h4 {
  color: #333;
  text-align: right;
  margin-bottom: 12px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul {
  padding-right: 0px;
  margin: 0px;
  margin-bottom: 41px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li {
  padding-right: 12px;
  color: #485967;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  margin-bottom: 8px;
  position: relative;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li:before {
  position: absolute;
  content: "•";
  color: #0865fe;
  font-weight: bold;
  display: inline-block;
  width: 4px;
  height: 4px;
  right: 0;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li span {
  margin-right: 12px;
  font-weight: 400;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer {
  display: flex;
  height: 60px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner,
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
  width: 50%;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner {
  display: flex;
  align-items: center;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount {
  display: flex;
  align-items: center;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount .line {
  color: #8ca0b2;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount span {
  color: #ff2727;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  margin-right: 6px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount span span {
  color: #ff2727;
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  line-height: 38px; /* 126.667% */
  letter-spacing: -0.6px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .percentage {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.28px;
  margin-right: 4px;
  height: 26px;
  padding: 2px 11px;
  border-radius: 20px;
  background: #ff253f;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
  text-align: left;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 {
  color: #0865fe;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  padding: 14px 0px;
  margin-left: -5px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  float: left;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6:hover {
  background-color: transparent;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 span {
  margin-top: 5px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 .img {
  margin-right: 6px;
  margin-left: 0px;
  width: 24px;
  height: 24px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-image: url("inc/img/border.svg");
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action {
  align-items: center;
  padding: 0px 44px;
  padding-bottom: 22px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar {
  width: 50%;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.28px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar div {
  display: inline-block;
  font-weight: 700;
  color: #00c09b;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar .progress {
  margin-top: 6px;
  margin-bottom: 0px;
  height: 6px;
  background-color: #f3f7fb;
  border-radius: 4px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar .progress .determinate {
  background-color: #00c09b;
  border-radius: 4px;
  width: 44%;
  float: right;
  left: initial;
  height: 6px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer {
  text-align: left;
  width: 50%;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner {
  text-align: left;
  color: #ff253f;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner .time {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
  margin-right: 4px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner span,
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner div {
  float: left;
}
.body-yalda .hero-section {
  padding-bottom: 80px;
  padding-top: 105px;
  position: relative;
}
.body-yalda .hero-section .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.12;
}
.body-yalda .hero-section .bg img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body-yalda .hero-section .main-image {
  margin-top: -33px;
  text-align: center;
  margin-bottom: 55px;
}
.body-yalda .hero-section .main-image img {
  margin: 0 auto;
  width: 654px;
  -o-object-fit: cover;
     object-fit: cover;
}
.body-yalda .hero-section .list-of-blackfriday-active-product {
  margin-bottom: 30px;
}
.body-yalda .hero-section .list-of-blackfriday-active-product .col.m12 {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.body-yalda .hero-section .list-of-blackfriday-products .col.m12 {
  display: flex;
  gap: 30px;
}
.body-yalda .hero-section .shop-card.blackfriday {
  height: 390px;
  border-radius: 20px;
  overflow: hidden;
  padding: 22px;
}
.body-yalda .hero-section .shop-card.blackfriday .badge {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #000;
  color: #e9e1b2;
  z-index: 2;
  padding: 5px 10px;
  display: flex;
  gap: 2px;
  height: 30px;
  border-radius: 19px;
}
.body-yalda .hero-section .shop-card.blackfriday .badge span {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 23px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-content {
  padding: 0px;
  padding-top: 16px;
  padding-bottom: 12px;
  padding: 0px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-content .card-title {
  height: auto;
  margin-bottom: 35px;
  margin-top: 16px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action {
  display: flex;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text {
  width: 50%;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p {
  margin: 0px;
  color: #485967;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.3px;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p span {
  color: #0865fe;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  display: block;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p .small-details {
  position: relative;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .text p .small-details .discount {
  position: absolute;
  bottom: 0;
  left: 0;
}
.body-yalda .hero-section .shop-card.blackfriday .card-action .small-details {
  width: 50%;
  padding: 0px;
}
.body-yalda .hero-section .shop-card.blackfriday.large {
  height: 390px;
  padding: 44px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main {
  display: flex;
  gap: 26px;
  padding-bottom: 26px;
  margin-bottom: 22px;
  position: relative;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-image {
  width: 30%;
  margin: 0;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content {
  width: 80%;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-title {
  color: #333;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description h4 {
  color: #333;
  text-align: right;
  margin-bottom: 12px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul {
  padding-right: 0px;
  margin: 0px;
  margin-bottom: 41px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li {
  padding-right: 12px;
  color: #485967;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  margin-bottom: 8px;
  position: relative;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li:before {
  position: absolute;
  content: "•";
  color: #0865fe;
  font-weight: bold;
  display: inline-block;
  width: 4px;
  height: 4px;
  right: 0;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-description ul li span {
  margin-right: 12px;
  font-weight: 400;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer {
  display: flex;
  height: 60px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner,
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
  width: 50%;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner {
  display: flex;
  align-items: center;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount {
  display: flex;
  align-items: center;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount .line {
  color: #8ca0b2;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount span {
  color: #ff2727;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  margin-right: 6px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .discount span span {
  color: #ff2727;
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  line-height: 38px; /* 126.667% */
  letter-spacing: -0.6px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .inner .percentage {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.28px;
  margin-right: 4px;
  height: 26px;
  padding: 2px 11px;
  border-radius: 20px;
  background: #ff253f;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details {
  text-align: left;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 {
  color: #0865fe;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
  padding: 14px 0px;
  margin-left: -5px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  float: left;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6:hover {
  background-color: transparent;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 span {
  margin-top: 5px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main .card-content .card-footer .details a.btn.type-6 .img {
  margin-right: 6px;
  margin-left: 0px;
  width: 24px;
  height: 24px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .main:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-image: url("inc/img/border.svg");
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action {
  align-items: center;
  padding: 0px 44px;
  padding-bottom: 22px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar {
  width: 50%;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.28px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar div {
  display: inline-block;
  font-weight: 700;
  color: #00c09b;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar .progress {
  margin-top: 6px;
  margin-bottom: 0px;
  height: 6px;
  background-color: #f3f7fb;
  border-radius: 4px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .bar .progress .determinate {
  background-color: #00c09b;
  border-radius: 4px;
  width: 44%;
  float: right;
  left: initial;
  height: 6px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer {
  text-align: left;
  width: 50%;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner {
  text-align: left;
  color: #ff253f;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.3px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner .time {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
  margin-right: 4px;
}
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner span,
.body-yalda .hero-section .shop-card.blackfriday.large .card-action .timer .inner div {
  float: left;
}
.body-yalda .Yalda-Banner {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.body-yalda .Yalda-Banner .BackgroundImage {
  width: 100%;
}
.body-yalda .Yalda-Banner .BackgroundImage img {
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: 0px 0 53px 47px #bf302b;
  filter: saturate(1.1);
  -o-object-fit: contain;
     object-fit: contain;
}
.body-yalda .Yalda-Banner .Text {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  right: 14%;
  top: 25%;
}
.body-yalda .Yalda-Banner .Text .Code {
  font-family: Yekanbakh;
  font-size: 18px;
  padding: 12px 54px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #ffffff;
  border-radius: 20px;
  background: rgba(218, 65, 55, 0.65);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.205);
  color: #ffffff;
  margin-bottom: 16px;
  transform: translateX(-120px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.body-yalda .Yalda-Banner .Text .Texts {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.body-yalda .Yalda-Banner .Text .Texts * {
  color: #ffffff;
}
.body-yalda .Yalda-Banner .Text .Texts h1 {
  font-size: 75px;
  font-weight: 900;
}
.body-yalda .Yalda-Banner .Text .Texts h4 {
  font-size: 42px;
}
.body-yalda .Yalda-Banner .Text button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0px 4px 54.4px 0px rgba(212, 252, 99, 0.4);
  background: linear-gradient(90.19deg, #88F469 -79.46%, #EEFF8D 111.93%);
  padding: 12px 36px;
  cursor: pointer;
  border-radius: 20px;
  margin-top: 30px;
}
.body-yalda .Yalda-Banner .Text button:hover {
  transition: scale 0.2s ease-in-out;
  scale: 1.03;
}
.body-yalda .Yalda-Banner .Text button:not(:hover) {
  transition: scale 0.2s ease-in-out;
  scale: 1;
}
.body-yalda .Yalda-Banner .Text button span {
  color: #383838;
  font-family: Yekanbakh;
  font-size: 18px;
}
.body-yalda .Yalda-Banner .Text button div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.body-yalda .Yalda-Banner .ShadowLine {
  position: absolute;
  width: 100%;
  box-shadow: 0 0 80px 120px #ba332f;
  left: 0;
  bottom: 0px;
  z-index: 2;
}
.body-yalda .Container-Products {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 1200px;
  margin-top: 20px;
  align-self: center;
}
.body-yalda .Container-Products * {
  z-index: 2;
}
.body-yalda .Container-Products .Small-Sliders {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  gap: 30px;
}
.body-yalda .Container-Products .Small-Sliders .Slides {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Tag {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #000000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 100px;
  z-index: 3;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Tag div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Tag span {
  color: #E9E1B2;
  font-size: 12px;
  font-family: Yekanbakh, sans-serif;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 {
  display: flex;
  flex-direction: row;
  gap: 30px;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Image {
  max-width: 190px;
  max-height: 230px;
  height: 100%;
  width: 100%;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
  width: 100%;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Title {
  font-size: 18px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Details .Word {
  font-size: 14px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Details .Details {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Details .Details * {
  color: #485967;
  font-family: Yekanbakh;
  font-size: 12px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Details .Details .Detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Infonmation .Product-Details .Details .Detail span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0865FE;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices .Price {
  font-size: 16px;
  color: #8CA0B2;
  font-family: Yekanbakh, sans-serif;
  text-decoration: line-through;
  margin-left: 8px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices .Off-Price {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices .Off-Price p {
  font-size: 26px;
  font-family: Yekanbakh;
  color: #FF2727;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices .Off-Price .Off-Label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices .Off-Price .Off-Label .Off-Precent {
  background-color: #FF2727;
  color: #ffffff;
  border-radius: 100px;
  font-family: Yekanbakh, sans-serif;
  font-size: 12px;
  padding: 2px 10px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Prices .Off-Price .Off-Label span {
  font-family: Yekanbakh, sans-serif;
  color: #FF2727;
  font-size: 14px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Show-Product {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Show-Product:hover {
  transition: scale 0.15s ease-in-out;
  scale: 1.05;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Show-Product div {
  display: flex;
  align-items: center;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section1 .Product-Price .Show-Product p {
  font-family: Yekanbakh;
  font-size: 14px;
  color: #0865FE;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Product-Balance {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Product-Balance .Inf {
  font-family: Yekanbakh, sans-serif;
  font-size: 14px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Product-Balance .Inf strong {
  color: #00C09B;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Product-Balance .Balance-Bar {
  background-color: #eff1f3;
  height: 4px;
  width: 310px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Product-Balance .Balance-Bar .Bar {
  background-color: #00C09B;
  height: 4px;
  right: 0;
  width: 44%;
  border-radius: 100px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Off-Time {
  display: flex;
  flex-direction: column;
  align-items: end;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Off-Time .Word {
  color: #FF2727;
  font-family: Yekanbakh, sans-serif;
  font-size: 14px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Off-Time .Time {
  color: #FF2727;
  font-family: Yekanbakh;
  font-size: 20px;
}
.body-yalda .Container-Products .Small-Sliders .Slides .Section2 .Off-Time .Time * {
  color: #FF2727;
  font-family: Yekanbakh;
  font-size: 20px;
}
.body-yalda .Container-Products .Small-Sliders .Slider {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 30px;
  max-height: 420px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Right {
  width: 70%;
  overflow: hidden;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left {
  width: 30%;
  overflow: hidden;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Image {
  max-width: 140px;
  max-height: 180px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Title {
  font-size: 14px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Prices {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Prices .Price {
  color: #485967;
  font-family: Yekanbakh, sans-serif;
  text-decoration: line-through;
  font-size: 14px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Prices .Off-Price {
  color: #0865FE;
  font-size: 16px;
  font-family: Yekanbakh;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 8px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show:hover {
  transition: scale 0.15s ease-in-out;
  scale: 1.05;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show div {
  display: flex;
  align-items: center;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show div svg {
  fill: #FF2727;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show div svg path {
  fill: #FF2727;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show p {
  font-family: Yekanbakh;
  font-size: 14px;
  color: #FF2727;
}
.body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Off-Precent {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #FF2727;
  color: #ffffff;
  border-radius: 100px;
  font-family: Yekanbakh, sans-serif;
  font-size: 12px;
  padding: 2px 10px;
}
.body-yalda .Container-Products .Big-Slider {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  max-height: 420px;
  overflow: hidden;
  margin-bottom: 30px;
}
.body-yalda .Container-Products .Big-Slider .Slides {
  height: 100%;
  max-width: 300px;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 20px;
}
.body-yalda .Container-Products .Big-Slider .Slides .Tag {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #000000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 100px;
  z-index: 3;
}
.body-yalda .Container-Products .Big-Slider .Slides .Tag div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-yalda .Container-Products .Big-Slider .Slides .Tag span {
  color: #E9E1B2;
  font-size: 12px;
  font-family: Yekanbakh, sans-serif;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Image {
  max-width: 140px;
  max-height: 180px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Title {
  font-size: 14px;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Price {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Price .Prices {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Price .Prices .Price {
  color: #485967;
  font-family: Yekanbakh, sans-serif;
  text-decoration: line-through;
  font-size: 14px;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Price .Prices .Off-Price {
  color: #0865FE;
  font-size: 16px;
  font-family: Yekanbakh;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Price .Show-Product {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 8px;
}
.body-yalda .Container-Products .Big-Slider .Slides .Product-Price .Show-Product .Off-Precent {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #FF2727;
  color: #ffffff;
  border-radius: 100px;
  font-family: Yekanbakh, sans-serif;
  font-size: 12px;
  padding: 2px 10px;
}
.body-yalda .Transportation-Banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin: 40px 0;
  overflow-x: hidden !important;
  overflow-y: visible;
  position: relative;
}
.body-yalda .Transportation-Banner .Banner-Image {
  max-width: 100%;
  width: 100% !important;
  min-width: 820px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.body-yalda .Transportation-Banner .Banner-Image img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100% !important;
}
.body-yalda .Transportation-Banner .Banner-Texts {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.body-yalda .Transportation-Banner .Banner-Texts * {
  color: #262626;
}
.body-yalda .Transportation-Banner .Banner-Texts .Text {
  display: flex;
  flex-direction: column;
  gap: 14px;
  transform: translate(0px, -120px);
}
.body-yalda .Transportation-Banner .Banner-Texts .Text .BigText {
  display: flex;
  flex-direction: column;
}
.body-yalda .Transportation-Banner .Banner-Texts .Text .BigText span {
  display: none;
}
.body-yalda .Transportation-Banner .Banner-Texts .Text .BigText * {
  font-family: Yekanbakh;
  font-size: 40px;
  font-weight: 900;
}
.body-yalda .Transportation-Banner .Banner-Texts .Text .SmallText {
  font-family: Yekanbakh, sans-serif;
  font-size: 20px;
  word-spacing: -1px;
}
.body-yalda .Transportation-Banner .Icons {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 30px;
  margin-left: 20px;
}
.body-yalda .Transportation-Banner .Icons .Square {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 30px;
  background: rgba(255, 226, 201, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 32px;
  height: 230px;
  width: 230px;
  border: 1.5px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.75);
  border-right-color: rgba(255, 255, 255, 0.75);
  border-bottom-color: rgba(245, 224, 195, 0.75);
  border-left-color: rgba(245, 224, 195, 0.75);
  box-shadow: 0px 0px 31px 4px #EDC9AD;
}
.body-yalda .Transportation-Banner .Icons .Square .Icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-yalda .Transportation-Banner .Icons .Square .Icon svg {
  width: 75px;
  height: 75px;
}
.body-yalda .Transportation-Banner .Icons .Square .Word {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.body-yalda .Transportation-Banner .Icons .Square .Word * {
  font-family: Yekanbakh;
  font-size: 14px;
}
.body-yalda .Transportation-Banner .Icons .Square.a {
  transform: translate(150px, -30px);
}
.body-yalda .Transportation-Banner .Icons .Square.b {
  transform: translate(0px, -30px);
}


.text-book-v2 .Transportation-Banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin: 40px 0;
  overflow-x: hidden !important;
  overflow-y: visible;
  position: relative;
}
.text-book-v2 .Transportation-Banner .Banner-Image {
  max-width: 100%;
  width: 100% !important;
  min-width: 820px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.text-book-v2 .Transportation-Banner .Banner-Image img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100% !important;
}
.text-book-v2 .Transportation-Banner .Banner-Texts {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.text-book-v2 .Transportation-Banner .Banner-Texts * {
  color: #262626;
}
.text-book-v2 .Transportation-Banner .Banner-Texts .Text {
  display: flex;
  flex-direction: column;
  gap: 14px;
  transform: translate(0px, -120px);
}
.text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText {
  display: flex;
  flex-direction: column;
}
.text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText span {
  display: none;
}
.text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText * {
  font-family: Yekanbakh;
  font-size: 40px;
  font-weight: 900;
}
.text-book-v2 .Transportation-Banner .Banner-Texts .Text .SmallText {
  font-family: Yekanbakh, sans-serif;
  font-size: 20px;
  word-spacing: -1px;
}
.text-book-v2 .Transportation-Banner .Icons {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 30px;
  margin-left: 20px;
}
.text-book-v2 .Transportation-Banner .Icons .Square {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 30px;
  background: rgba(255, 226, 201, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 32px;
  height: 230px;
  width: 230px;
  border: 1.5px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.75);
  border-right-color: rgba(255, 255, 255, 0.75);
  border-bottom-color: rgba(245, 224, 195, 0.75);
  border-left-color: rgba(245, 224, 195, 0.75);
  box-shadow: 0px 0px 31px 4px #EDC9AD;
}
.text-book-v2 .Transportation-Banner .Icons .Square .Icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-book-v2 .Transportation-Banner .Icons .Square .Icon svg {
  width: 75px;
  height: 75px;
}
.text-book-v2 .Transportation-Banner .Icons .Square .Word {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.text-book-v2 .Transportation-Banner .Icons .Square .Word * {
  font-family: Yekanbakh;
  font-size: 14px;
}
.text-book-v2 .Transportation-Banner .Icons .Square.a {
  transform: translate(150px, -30px);
}
.text-book-v2 .Transportation-Banner .Icons .Square.b {
  transform: translate(0px, -30px);
}


.body-yalda .Category-Discount {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 95vw;
  margin: 40px 0;
  overflow: hidden;
  align-self: center;
  gap: 30px;
}
.body-yalda .Category-Discount .Icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-yalda .Category-Discount svg {
  height: 70px;
  width: 70px;
}
.body-yalda .Category-Discount .Head-Text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
}
.body-yalda .Category-Discount .Head-Text .Word {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.body-yalda .Category-Discount .Head-Text .Word p {
  color: #ffffff;
  font-family: Yekanbakh, sans-serif;
  font-size: 24px;
  line-height: 0;
  margin-bottom: -6px;
}
.body-yalda .Category-Discount .Nav-Bottom {
  display: flex;
}
.body-yalda .Category-Discount .Nav-Top {
  display: none;
}
.body-yalda .Category-Discount .Nav-Bottom,
.body-yalda .Category-Discount .Nav-Top {
  flex-direction: row;
  align-items: center;
  margin: 6px 0;
}
.body-yalda .Category-Discount .Slider-Place {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.body-yalda .Category-Discount .Slider-Place .Slide {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 380px;
  height: 550px;
  overflow: hidden;
  border-radius: 48px 62px 62px 62px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1 !important;
}
.body-yalda .Category-Discount .Slider-Place .Slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.02) 100%);
}
.body-yalda .Category-Discount .Slider-Place .Slide .Texts {
  position: absolute;
  z-index: 3 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  width: 100%;
  gap: 0px;
}
.body-yalda .Category-Discount .Slider-Place .Slide .Texts * {
  color: #ffffff;
}
.body-yalda .Category-Discount .Slider-Place .Slide .Texts .B-Text {
  font-weight: 800;
  font-size: 36px;
}
.body-yalda .Category-Discount .Slider-Place .Slide .Texts .S-Text {
  font-size: 14px;
}
.body-yalda .Category-Discount .Slider-Place .Slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body-yalda .swiper-button-next-Discount,
.body-yalda .swiper-button-prev-Discount,
.body-yalda .swiper-button-next-DiscountPlus,
.body-yalda .swiper-button-prev-DiscountPlus,
.body-yalda .swiper-button-prev-DiscountPlusA,
.body-yalda .swiper-button-next-DiscountPlusA,
.body-yalda .swiper-button-prev-DiscountPlusB,
.body-yalda .swiper-button-next-DiscountPlusB {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.body-yalda .swiper-button-next-Discount::after,
.body-yalda .swiper-button-prev-Discount::after,
.body-yalda .swiper-button-next-DiscountPlus::after,
.body-yalda .swiper-button-prev-DiscountPlus::after,
.body-yalda .swiper-button-prev-DiscountPlusA::after,
.body-yalda .swiper-button-next-DiscountPlusA::after,
.body-yalda .swiper-button-prev-DiscountPlusB::after,
.body-yalda .swiper-button-next-DiscountPlusB::after {
  all: unset;
}
.body-yalda .swiper-button-next-Discount::before,
.body-yalda .swiper-button-prev-Discount::before,
.body-yalda .swiper-button-next-DiscountPlus::before,
.body-yalda .swiper-button-prev-DiscountPlus::before,
.body-yalda .swiper-button-prev-DiscountPlusA::before,
.body-yalda .swiper-button-next-DiscountPlusA::before,
.body-yalda .swiper-button-prev-DiscountPlusB::before,
.body-yalda .swiper-button-next-DiscountPlusB::before {
  all: unset;
}
.body-yalda .swiper-button-next-Discount:hover,
.body-yalda .swiper-button-prev-Discount:hover,
.body-yalda .swiper-button-next-DiscountPlus:hover,
.body-yalda .swiper-button-prev-DiscountPlus:hover,
.body-yalda .swiper-button-prev-DiscountPlusA:hover,
.body-yalda .swiper-button-next-DiscountPlusA:hover,
.body-yalda .swiper-button-prev-DiscountPlusB:hover,
.body-yalda .swiper-button-next-DiscountPlusB:hover {
  transition: scale 0.17s ease-in-out;
  scale: 1.1;
}
.body-yalda .swiper-button-next-Discount a,
.body-yalda .swiper-button-next-Discount span,
.body-yalda .swiper-button-prev-Discount a,
.body-yalda .swiper-button-prev-Discount span,
.body-yalda .swiper-button-next-DiscountPlus a,
.body-yalda .swiper-button-next-DiscountPlus span,
.body-yalda .swiper-button-prev-DiscountPlus a,
.body-yalda .swiper-button-prev-DiscountPlus span,
.body-yalda .swiper-button-prev-DiscountPlusA a,
.body-yalda .swiper-button-prev-DiscountPlusA span,
.body-yalda .swiper-button-next-DiscountPlusA a,
.body-yalda .swiper-button-next-DiscountPlusA span,
.body-yalda .swiper-button-prev-DiscountPlusB a,
.body-yalda .swiper-button-prev-DiscountPlusB span,
.body-yalda .swiper-button-next-DiscountPlusB a,
.body-yalda .swiper-button-next-DiscountPlusB span {
  padding: 8px 1px 6px 5px;
  font-size: 12px;
  font-weight: 600;
}
.body-yalda .swiper-button-next-Discount:not(:hover),
.body-yalda .swiper-button-prev-Discount:not(:hover),
.body-yalda .swiper-button-next-DiscountPlus:not(:hover),
.body-yalda .swiper-button-prev-DiscountPlus:not(:hover),
.body-yalda .swiper-button-prev-DiscountPlusA:not(:hover),
.body-yalda .swiper-button-next-DiscountPlusA:not(:hover),
.body-yalda .swiper-button-prev-DiscountPlusB:not(:hover),
.body-yalda .swiper-button-next-DiscountPlusB:not(:hover) {
  transition: scale 0.17s ease-in-out;
  scale: 1;
}
.body-yalda .Social-Links {
  max-width: 1200px;
  width: 100%;
  padding: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: center;
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: linear-gradient(180.54deg, #D5223E 74.93%, #468a15 115.92%);
  border: 2px solid #7ccf3b;
  border-radius: 20px;
  z-index: 2;
}
.body-yalda .Social-Links .Text {
  display: flex;
  align-items: center;
  width: 380px;
}
.body-yalda .Social-Links .Text p {
  color: #ffffff;
  font-family: Yekanbakh;
  font-size: 18px;
}
.body-yalda .Social-Links .Links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
.body-yalda .Social-Links .Links .Box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 130px;
  height: 50px;
  gap: 10px;
  background-color: #ffffff;
  cursor: pointer;
}
.body-yalda .Social-Links .Links .Box:hover {
  transition: scale 0.2s ease-in-out;
  scale: 1.05;
}
.body-yalda .Social-Links .Links .Box:not(:hover) {
  transition: scale 0.2s ease-in-out;
  scale: 1;
}
.body-yalda .Social-Links .Links .Box .Icon {
  display: flex;
  align-items: center;
}
.body-yalda .Social-Links .Links .Box p {
  color: #333333;
  font-family: Yekanbakh;
  font-size: 14px;
}
.body-yalda .Social-Links .SmallArrow {
  display: none;
  align-items: center;
}
.body-yalda .Social-Links .Paragraph {
  font-size: 18px;
  color: #ffffff;
  font-family: Yekanbakh;
  line-height: 35px;
  display: flex;
  flex-direction: column;
}
.body-yalda .Slider-DiscountPlus {
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
  gap: 40px;
  max-width: 1200px;
  width: 100%;
  margin-bottom: 100px;
}
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav .swiper-button-next-DiscountPlus,
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav .swiper-button-prev-DiscountPlus,
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav .swiper-button-prev-DiscountPlusA,
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav .swiper-button-next-DiscountPlusA,
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav .swiper-button-prev-DiscountPlusB,
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Nav .swiper-button-next-DiscountPlusB {
  z-index: 4;
}
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Word {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Word p {
  font-size: 22px;
  font-family: Yekanbakh;
  color: #ffffff;
  margin-bottom: -10px;
}
.body-yalda .Slider-DiscountPlus .DiscountPlus-Head .Word .Icon {
  display: flex;
  align-items: center;
}
.body-yalda .Slider-DiscountPlus .Slider-Place {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100vw !important;
  padding: 200px 100px;
  margin: -200px 0;
  gap: 20px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .swiper-slide1,
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .swiper-slide {
  width: 229px !important;
  height: 330px !important;
  background: linear-gradient(180.54deg, #D5223E 74.93%, #468a15 115.92%);
  background-blend-mode: overlay;
  border-radius: 24px;
  position: relative;
  box-shadow: 0px 50px 111px 0px rgba(246, 84, 110, 0.6);
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100% !important;
  height: 100% !important;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Product-Image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 120px;
  max-height: 160px;
  width: 100%;
  height: 100%;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Product-Image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Product-Title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Product-Title a,
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Product-Title p {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  width: 100%;
  margin-top: 10px;
  gap: 8px;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices .Price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices .Price .Not-Discount {
  font-family: Yekanbakh, sans-serif;
  color: rgba(229, 236, 241, 0.6);
  text-decoration: line-through;
  font-size: 16px;
  line-height: 20px;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices .Price .Discount {
  font-family: Yekanbakh;
  color: #E5ECF1;
  font-size: 16px;
  line-height: 20px;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices .Dis-Precent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices .Dis-Precent .Off-Precent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: Yekanbakh, sans-serif;
  font-size: 11px;
  line-height: 0;
  background-color: #FF253F;
  border-radius: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
}
.body-yalda .Slider-DiscountPlus .Slider-Place .Slider .Slide .Prices .Dis-Precent span {
  color: #ffffff;
  font-family: Yekanbakh;
  font-size: 14px;
}
.body-yalda .Slider-DiscountPlus.A {
  max-width: 1200px !important;
  gap: 20px;
}
.body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head {
  position: relative;
}
.body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .Melon {
  position: absolute;
  display: flex;
  align-items: center;
  rotate: -45deg;
  z-index: 4 !important;
  left: 0;
  top: 24px;
}
.body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .Melon img {
  width: 75px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .SeeMore {
  position: absolute;
  background-color: #E5ECF1;
  width: 200px;
  height: 48px;
  z-index: 1 !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  rotate: -90deg;
  flex-shrink: 1;
  left: -63px;
  top: 240px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  cursor: pointer;
  gap: 10px;
  padding-top: 8px;
}
.body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .SeeMore p {
  font-size: 12px;
  font-family: Yekanbakh;
  color: #485967;
}
.body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .SeeMore div {
  display: flex;
  flex-direction: row;
  align-items: center;
  rotate: 90deg;
}
.body-yalda .Slider-DiscountPlus.A .Slider-Place {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: calc(100% - 60px) !important;
  padding: 0px;
  margin: 0;
  gap: 20px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
}
.body-yalda .Slider-DiscountPlus.A .Slider-Place .Slider {
  z-index: 2 !important;
}
.body-yalda .Slider-DiscountPlus.A .swiper-slide1,
.body-yalda .Slider-DiscountPlus.A .swiper-slide {
  box-shadow: none !important;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
}
.body-yalda .Slider-DiscountPlus.A .swiper-slide1:first-child,
.body-yalda .Slider-DiscountPlus.A .swiper-slide:first-child {
  border-right: 1px solid #eee;
}
.body-yalda .Slider-DiscountPlus.A .swiper-slide1:last-child,
.body-yalda .Slider-DiscountPlus.A .swiper-slide:last-child {
  border-left: 1px solid #eee;
}
.body-yalda .Slider-DiscountPlus.A .swiper-slide1 .Slide,
.body-yalda .Slider-DiscountPlus.A .swiper-slide .Slide {
  border-radius: 0 !important;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete {
  margin-top: 50px;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .Slider-Place {
  width: 100%;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head {
  position: relative;
  overflow: visible !important;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Offer-Timer {
  border-radius: 100px;
  width: 210px;
  height: 50px;
  padding: 0 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #FF7D8D 0%, #FF253F 100%);
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Offer-Timer p {
  font-size: 16px;
  font-family: Yekanbakh, sans-serif;
  color: #ffffff;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Pagination {
  display: flex;
  flex-direction: row;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  height: 60px !important;
  background-color: #ffffff;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Pagination * {
  font-size: 14px;
  font-family: Yekanbakh;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Pagination .Options-Classes-Selecting {
  width: 210px;
  height: 40px;
  padding: 4px;
  border-radius: 100px;
  background-color: #F3F7FB;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Pagination .Options-Classes-Selecting .Class-Name-Select {
  height: 100%;
  width: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
}
.body-yalda .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Pagination .Options-Classes-Selecting .Class-Name-Select.selected {
  background-color: #ffffff;
}
.body-yalda .Discount-Code-Banner {
  align-self: center;
  width: 100vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 290px;
  background: linear-gradient(89.45deg, #00C09B -12.67%, #9DF782 25.56%, #ACEF98 74.38%, #61EDD2 104.96%);
  margin-bottom: 80px;
}
.body-yalda .Discount-Code-Banner .Items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  max-width: 1240px;
  width: 100%;
}
.body-yalda .Discount-Code-Banner .Items .MelonImage {
  display: flex;
  align-items: center;
  transform: translate(0px, -10px);
  width: 250px;
  margin-left: -50px;
}
.body-yalda .Discount-Code-Banner .Items .MelonImage img {
  width: 300px;
  height: 245px;
  -o-object-fit: contain;
     object-fit: contain;
}
.body-yalda .Discount-Code-Banner .Items .Texts {
  max-width: 440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.body-yalda .Discount-Code-Banner .Items .Texts .Big {
  color: rgba(0, 0, 0, 0.8705882353);
  font-weight: 800;
  font-size: 32px;
  letter-spacing: -1px;
}
.body-yalda .Discount-Code-Banner .Items .Texts .Small {
  color: rgba(0, 0, 0, 0.6);
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code {
  width: 380px;
  height: 380px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 2px solid #D5223E;
  position: relative;
  overflow: hidden;
  gap: 10px;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code * {
  z-index: 3;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Back {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2 !important;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(114, 118, 124, 0.75) 10%, #020202 100%);
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Words {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Words .Big {
  color: #ffffff;
  font-family: Yekanbakh;
  font-size: 30px;
  text-align: center;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Words .Small {
  color: #ffffff;
  font-family: Yekanbakh, sans-serif;
  text-align: center;
  font-size: 20px;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Copy-Place {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px 6px 6px;
  width: 200px;
  height: 50px;
  background-color: #FFFFFF;
  border-radius: 12px;
  margin-top: 10px;
  margin-bottom: -10px;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Copy-Place p {
  color: #333333;
  font-size: 14px;
  font-family: Yekanbakh;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Copy-Place .CopyBtn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: #D5223E;
  width: 86px;
  height: 36px;
  border-radius: 12px;
}
.body-yalda .Discount-Code-Banner .Items .Box-Copy-Code .Copy-Place .CopyBtn span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: Yekanbakh, sans-serif;
  font-size: 14px;
}
.body-yalda .Discount-Code-Banner .Items .Using-Bar {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 26px;
  gap: 6px;
}
.body-yalda .Discount-Code-Banner .Items .Using-Bar .Word1 {
  color: #ffffff;
  font-family: Yekanbakh, sans-serif;
  font-size: 14px;
  width: 100%;
}
.body-yalda .Discount-Code-Banner .Items .Using-Bar .Bar-B {
  width: 250px;
  height: 5px;
  border-radius: 100px;
  background-color: #D5223E;
  margin-bottom: 6px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.body-yalda .Discount-Code-Banner .Items .Using-Bar .Bar-B .Bar {
  position: absolute;
  border-radius: 100px;
  background-color: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 70%;
  height: 5px;
}
.body-yalda .Discount-Code-Banner .Items .Using-Bar .Word2 {
  color: #ffffff;
  font-family: Yekanbakh;
  font-size: 14px;
}

@media (max-width: 1250px) {
  .body-yalda .Container-Products {
    max-width: 85vw;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text {
    margin-right: 20px;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 34px;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 16px;
  }
  .body-yalda .Category-Discount .Head-Text {
    max-width: none;
    width: 90vw;
  }
  .body-yalda .Slider-DiscountPlus {
    max-width: none;
    width: 90vw;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text {
    margin-right: 20px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 34px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 16px;
  }
  .text-book-v2 .Category-Discount .Head-Text {
    max-width: none;
    width: 90vw;
  }
  .text-book-v2 .Slider-DiscountPlus {
    max-width: none;
    width: 90vw;
  }
}
@media (max-width: 1150px) {
  .body-yalda {
    overflow-x: hidden;
  }
  .body-yalda .Yalda-Banner .Text {
    right: 4%;
    z-index: 3;
  }
  .body-yalda .Yalda-Banner .Text .Code {
    font-size: 12px;
    padding: 12px 12px;
    border-radius: 30px;
    left: 50%;
    transform: translateX(-120%);
    margin-bottom: 8px;
  }
  .body-yalda .Yalda-Banner .Text .Texts h1 {
    font-size: 36px;
  }
  .body-yalda .Yalda-Banner .Text .Texts h4 {
    font-size: 26px;
  }
  .body-yalda .Yalda-Banner .Text button {
    margin-top: 8px;
    padding: 10px;
    gap: 8px;
    border-radius: 14px;
  }
  .body-yalda .Yalda-Banner .Text button span {
    font-size: 14px;
  }
  .body-yalda .Yalda-Banner .Text button svg {
    width: 7px;
    height: 14px;
  }
  .body-yalda .Yalda-Banner .ShadowLine {
    box-shadow: 0 0 56px 70px #ba332f;
  }
  .body-yalda .Yalda-Banner .ShadowLine::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -30px;
    box-shadow: 0 0 156px 130px rgba(186, 52, 47, 0.5333333333);
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price {
    align-items: flex-start;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Left .Slides .Product-Price .Show-Product .Show {
    display: none !important;
  }
  .body-yalda .Social-Links {
    max-width: none;
    width: 95vw;
  }
  .body-yalda .Discount-Code-Banner .Items .MelonImage {
    margin: 0;
  }
  .body-yalda .Discount-Code-Banner .Items .MelonImage img {
    width: 190px;
  }
}
@media (max-width: 1050px) {
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Title {
    font-size: 16px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Details .Word {
    font-size: 12px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Details .Details * {
    font-size: 10px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Price {
    font-size: 14px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Off-Price p {
    font-size: 20px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Show-Product {
    display: none;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 30px;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 14px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 30px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 14px;
  }
  .body-yalda .Category-Discount .Slider-Place .Slide .Texts {
    gap: 4px;
  }
  .body-yalda .Category-Discount .Slider-Place .Slide .Texts .B-Text {
    font-size: 28px;
    font-weight: 800;
  }
  .body-yalda .Category-Discount .Slider-Place .Slide .Texts .S-Text {
    font-size: 12px;
  }
  .body-yalda .Social-Links {
    flex-direction: column;
    gap: 20px;
  }
  .body-yalda .Social-Links .BigArrow {
    display: none;
  }
  .body-yalda .Social-Links .SmallArrow {
    display: flex;
  }
  .body-yalda .Social-Links .Text {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .body-yalda .Social-Links .Text p {
    text-align: center;
    font-size: 14px;
  }
  .body-yalda .Social-Links .Paragraph {
    font-size: 14px;
    line-height: 26px;
  }
  .body-yalda .Slider-DiscountPlus.A .Slider-Place {
    width: 100% !important;
  }
  .body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head {
    overflow: hidden;
  }
  .body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .Melon {
    display: none;
  }
  .body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .SeeMore {
    background-color: transparent;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    rotate: none !important;
  }
  .body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .SeeMore div {
    display: none;
  }
  .body-yalda .Slider-DiscountPlus.A .DiscountPlus-Head .SeeMore p {
    color: #FFFFFF;
    font-size: 10px;
  }
  .body-yalda .Discount-Code-Banner .Items .Texts {
    padding-left: 10px;
    width: auto;
  }
  .body-yalda .Discount-Code-Banner .Items .Texts .Big {
    font-size: 22px;
    font-weight: 900;
  }
  .body-yalda .Discount-Code-Banner .Items .Texts .Small {
    font-size: 12px;
  }
}
@media (max-width: 1000px) {
  .Discount-Code-Banner {
    margin-top: 40px !important;
    margin-bottom: 240px !important;
    justify-content: center;
    align-items: center;
  }
  .Discount-Code-Banner * {
    text-align: center;
  }
  .Discount-Code-Banner .Items {
    flex-direction: column !important;
  }
  .Discount-Code-Banner .Items .MelonImage {
    transform: translate(-20px, 20px) !important;
    margin: 0 !important;
  }
  .Discount-Code-Banner .Items .MelonImage * {
    margin: 0 !important;
    transform: none !important;
  }
  .Discount-Code-Banner .Items .Texts {
    margin: 0 !important;
    transform: none !important;
    width: 90%;
    margin-bottom: 14px !important;
  }
  .Discount-Code-Banner .Items .Box-Copy-Code {
    width: 280px !important;
    height: 300px !important;
    margin-bottom: -40px !important;
  }
  .Discount-Code-Banner .Items .Box-Copy-Code .Words .Big {
    font-size: 24px !important;
  }
  .Discount-Code-Banner .Items .Box-Copy-Code .Words .Small {
    font-size: 14px !important;
  }
  .Discount-Code-Banner .Items .Box-Copy-Code .Using-Bar * {
    font-size: 12px !important;
  }
  .Discount-Code-Banner .Items .Box-Copy-Code .Using-Bar .Bar-B {
    margin: 10px 0;
    width: 90% !important;
  }
  .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head {
    flex-direction: column;
    padding-bottom: 80px;
    gap: 20px;
  }
  .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Word {
    width: 100%;
  }
  .Slider-DiscountPlus.A.Motavasete .DiscountPlus-Head .Pagination {
    bottom: 0;
  }
}
@media (max-width: 900px) {
  .body-yalda * {
    cursor: default !important;
  }
  .body-yalda .swiper-button-next-Discount,
.body-yalda .swiper-button-prev-Discount,
.body-yalda .swiper-button-next-DiscountPlus,
.body-yalda .swiper-button-prev-DiscountPlus,
.body-yalda .swiper-button-prev-DiscountPlusA,
.body-yalda .swiper-button-next-DiscountPlusA,
.body-yalda .swiper-button-prev-DiscountPlusB,
.body-yalda .swiper-button-next-DiscountPlusB {
    cursor: default !important;
  }
  .body-yalda .swiper-button-next-DiscountPlus.a,
.body-yalda .swiper-button-prev-DiscountPlus.a,
.body-yalda .swiper-button-prev-DiscountPlusA,
.body-yalda .swiper-button-next-DiscountPlusA,
.body-yalda .swiper-button-prev-DiscountPlusB,
.body-yalda .swiper-button-next-DiscountPlusB {
    display: none;
  }
  .body-yalda .hero-section {
    padding-bottom: 60px;
  }
  .body-yalda .hero-section .list-of-blackfriday-active-product {
    margin: 0px;
  }
  .body-yalda .hero-section .top-products-section .top-products-section-child {
    margin: 0px;
  }
  .body-yalda .hero-section .inner-scroll-box {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
    margin-right: 10px;
    border-radius: 0px 20px 20px 0px;
    display: flex;
  }
  .body-yalda .hero-section .inner-scroll-box .special-products {
    display: flex;
  }
  .body-yalda .hero-section .inner-scroll-box .special-products .shop-card.blackfriday {
    width: 250px;
    margin: 5px;
  }
  .body-yalda .hero-section .inner-scroll-box .special-products .shop-card.blackfriday .card-image {
    max-width: initial;
    width: 65%;
  }
  .body-yalda .hero-section .inner-scroll-box .special-products .shop-card.blackfriday .card-action {
    display: flex;
    position: absolute;
    width: 100%;
    right: 0;
    padding: 22px;
    padding-top: 0px;
    bottom: 0px;
  }
  .body-yalda .hero-section .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 26px;
  }
  .body-yalda .hero-section .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 12px;
  }
  .body-yalda .hero-section .Transportation-Banner .Icons .Square.a {
    transform: translate(100px, -30px);
  }
  .text-book-v2 .hero-section .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 26px;
  }
  .text-book-v2 .hero-section .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 12px;
  }
  .text-book-v2 .hero-section .Transportation-Banner .Icons .Square.a {
    transform: translate(100px, -30px);
  }
  .body-yalda .hero-section .Category-Discount {
    width: 95vw !important;
  }
  .body-yalda .hero-section .Category-Discount svg {
    height: 40px;
    width: 40px;
  }
  .body-yalda .hero-section .Category-Discount .Nav-Top {
    display: flex;
  }
  .body-yalda .hero-section .Category-Discount .Nav-Bottom {
    display: none;
  }
  .body-yalda .hero-section .Category-Discount .Slider-Place .Slide {
    width: 320px;
    height: 460px;
  }
  .body-yalda .hero-section .Category-Discount .Head-Text .Word p {
    font-size: 14px;
  }
  .body-yalda .hero-section .Slider-DiscountPlus svg {
    width: 40px;
    height: 40px;
  }
  .body-yalda .hero-section .Slider-DiscountPlus .Slider-Place {
    width: 100vw;
    padding: 200px 30px;
  }
  .body-yalda .hero-section .Slider-DiscountPlus .DiscountPlus-Head .Word p {
    font-size: 16px;
  }
}
@media (max-width: 900px) and (max-width: 830px) {
  .body-yalda .Container-Products .Small-Sliders .Slider.Right {
    width: 100%;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Left {
    display: none !important;
    visibility: hidden !important;
  }
  .body-yalda .Transportation-Banner {
    margin: 0;
    margin-top: -54px;
    margin-bottom: 20px;
    height: 430px;
  }
  .body-yalda .Transportation-Banner .Banner-Image img {
    width: 100%;
    transform: translateY(30px);
  }
  .body-yalda .Transportation-Banner .Banner-Texts {
    flex-direction: column-reverse;
    height: 100%;
    padding-bottom: 20px;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text {
    transform: none;
    align-items: center;
    gap: 0;
    margin-right: 0;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .BigText {
    flex-direction: row;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .BigText span {
    display: flex;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 18px;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 10px;
  }
  .body-yalda .Transportation-Banner .Icons {
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    transform: translateY(20px);
    z-index: 4 !important;
  }
  .body-yalda .Transportation-Banner .Icons .Square {
    width: 130px;
    height: 130px;
    border-radius: 10px;
    padding: 0;
    border: 1px solid #ffffff;
    transform: none !important;
  }
  .body-yalda .Transportation-Banner .Icons .Square .Icon svg {
    width: 32px;
    height: 32px;
  }
  .body-yalda .Transportation-Banner .Icons .Square .Word * {
    font-size: 10px;
  }
  .text-book-v2 .Transportation-Banner {
    margin: 0;
    margin-top: -54px;
    margin-bottom: 20px;
    height: 430px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Image img {
    width: 100%;
    transform: translateY(30px);
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts {
    flex-direction: column-reverse;
    height: 100%;
    padding-bottom: 20px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text {
    transform: none;
    align-items: center;
    gap: 0;
    margin-right: 0;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText {
    flex-direction: row;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText span {
    display: flex;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 18px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 10px;
  }
  .text-book-v2 .Transportation-Banner .Icons {
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    transform: translateY(20px);
    z-index: 4 !important;
  }
  .text-book-v2 .Transportation-Banner .Icons .Square {
    width: 130px;
    height: 130px;
    border-radius: 10px;
    padding: 0;
    border: 1px solid #ffffff;
    transform: none !important;
  }
  .text-book-v2 .Transportation-Banner .Icons .Square .Icon svg {
    width: 32px;
    height: 32px;
  }
  .text-book-v2 .Transportation-Banner .Icons .Square .Word * {
    font-size: 10px;
  }
}
@media (max-width: 900px) and (max-width: 660px) {
  .body-yalda .Yalda-Banner .Text {
    top: 40%;
  }
  .body-yalda .Yalda-Banner .BackgroundImage {
    overflow: hidden;
  }
  .body-yalda .Yalda-Banner .BackgroundImage img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 130%;
    margin-right: -100px;
  }
  .body-yalda .Container-Products .Big-Slider .Slides {
    max-width: 85vw;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Image {
    max-height: 170px !important;
    max-width: 100px !important;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Title {
    font-size: 14px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Details {
    display: none;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price {
    justify-content: center;
    margin-top: 10px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Price {
    font-size: 12px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Off-Price p {
    font-size: 16px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Off-Price .Off-Label {
    gap: 0;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Off-Price .Off-Label span {
    font-size: 12px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section1 .Product-Infonmation .Product-Price .Prices .Off-Price .Off-Label .Off-Precent {
    font-size: 10px;
    padding: 2px 6px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section2 {
    flex-direction: column;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
    gap: 14px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section2 .Product-Balance .Balance-Bar {
    width: 250px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section2 .Off-Time {
    flex-direction: row !important;
    align-items: center;
    gap: 10px;
  }
  .body-yalda .Container-Products .Small-Sliders .Slider.Right .Slides .Section2 .Off-Time .Time * {
    font-size: 16px;
  }
}
@media (max-width: 900px) and (max-width: 520px) {
  .body-yalda .Yalda-Banner .ShadowLine {
    bottom: -10px;
  }
  .body-yalda .Yalda-Banner .ShadowLine::after {
    box-shadow: 0 0 156px 130px rgba(186, 52, 47, 0.3568627451);
  }
  .body-yalda .Yalda-Banner .BackgroundImage img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 120%;
    margin-right: 0px;
  }
  .body-yalda .Yalda-Banner .Text .Code {
    transform: translateX(-80%);
  }
  .body-yalda .Yalda-Banner .Text .Texts h1 {
    font-size: 30px;
  }
  .body-yalda .Yalda-Banner .Text .Texts h4 {
    font-size: 22px;
  }
  .body-yalda .Yalda-Banner .Text button span {
    font-size: 10px;
  }
}
@media (max-width: 900px) and (max-width: 340px) {
  .body-yalda .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 20px;
    font-weight: 900;
  }
  .body-yalda .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 8px;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .BigText * {
    font-size: 20px;
    font-weight: 900;
  }
  .text-book-v2 .Transportation-Banner .Banner-Texts .Text .SmallText {
    font-size: 8px;
  }
}/*# sourceMappingURL=style.css.map */

/* zzzzz tailwind styles */

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}


:root {
  --color-primary: #0865FE;
  --color-black-gray: #1E1E1E;
  --color-gray: #444444;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 1160px) {
  .container {
    max-width: 1160px;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.\!static {
  position: static !important;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.\!right-12 {
  right: 3rem !important;
}

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

.-right-2 {
  right: -0.5rem;
}

.-top-1 {
  top: -0.25rem;
}

.-top-\[51px\] {
  top: -51px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-\[60px\] {
  bottom: 60px;
}

.left-0 {
  left: 0px;
}

.left-4 {
  left: 1rem;
}

.right-0 {
  right: 0px;
}

.right-1\/2 {
  right: 50%;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

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

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

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

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

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

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

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

.col-start-2 {
  grid-column-start: 2;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.\!m-0 {
  margin: 0px !important;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

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

.-mr-\[72px\] {
  margin-right: -72px;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

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

.mr-6 {
  margin-right: 1.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-\[1\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-\[2\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-\[3\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-\[6\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.\!size-10 {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-\[640px\] {
  width: 640px;
  height: 640px;
}

.size-full {
  width: 100%;
  height: 100%;
}

.h-10 {
  height: 2.5rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-5 {
  height: 1.25rem;
}

.h-\[112px\] {
  height: 112px;
}

.h-\[125px\] {
  height: 125px;
}

.h-\[128px\] {
  height: 128px;
}

.h-\[156px\] {
  height: 156px;
}

.h-\[270px\] {
  height: 270px;
}

.h-\[338px\] {
  height: 338px;
}

.h-\[355px\] {
  height: 355px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[498px\] {
  height: 498px;
}

.h-\[52px\] {
  height: 52px;
}

.h-\[56px\] {
  height: 56px;
}

.h-\[680px\] {
  height: 680px;
}

.h-\[94px\] {
  height: 94px;
}

.h-auto {
  height: auto;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-max {
  height: -moz-max-content;
  height: max-content;
}

.h-px {
  height: 1px;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-\[156px\] {
  max-height: 156px;
}

.max-h-\[94px\] {
  max-height: 94px;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-\[374px\] {
  min-height: 374px;
}

.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.w-10 {
  width: 2.5rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-56 {
  width: 14rem;
}

.w-64 {
  width: 16rem;
}

.w-\[122px\] {
  width: 122px;
}

.w-\[185px\] {
  width: 185px;
}

.w-\[208px\] {
  width: 208px;
}

.w-\[54px\] {
  width: 54px;
}

.w-\[84px\] {
  width: 84px;
}

.w-\[90\%\] {
  width: 90%;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-24 {
  min-width: 6rem;
}

.min-w-36 {
  min-width: 9rem;
}

.min-w-\[185px\] {
  min-width: 185px;
}

.min-w-\[196px\] {
  min-width: 196px;
}

.min-w-\[222px\] {
  min-width: 222px;
}

.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}

.max-w-\[1128px\] {
  max-width: 1128px;
}

.max-w-\[256px\] {
  max-width: 256px;
}

.max-w-\[328px\] {
  max-width: 328px;
}

.max-w-\[376px\] {
  max-width: 376px;
}

.max-w-\[448px\] {
  max-width: 448px;
}

.max-w-\[640px\] {
  max-width: 640px;
}

.max-w-full {
  max-width: 100%;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.basis-0\.5 {
  flex-basis: 0.125rem;
}

.basis-\[143px\] {
  flex-basis: 143px;
}

.basis-\[253px\] {
  flex-basis: 253px;
}

.basis-full {
  flex-basis: 100%;
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[3px\] {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[9px\] {
  --tw-translate-y: 9px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
  transform: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize {
  resize: both;
}

.scroll-m-8 {
  scroll-margin: 2rem;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

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

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

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[3px\] {
  gap: 3px;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[13px\] {
  border-radius: 13px;
}

.rounded-\[750px\] {
  border-radius: 750px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-b-\[670px\] {
  border-bottom-right-radius: 670px;
  border-bottom-left-radius: 670px;
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.\!border-0 {
  border-width: 0px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.\!border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.\!border-b {
  border-bottom-width: 1px !important;
}

.\!border-l {
  border-left-width: 1px !important;
}

.\!border-l-0 {
  border-left-width: 0px !important;
}

.\!border-r-0 {
  border-right-width: 0px !important;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-\[\#E2E8F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-brand-PRIMARY {
  --tw-border-opacity: 1;
  border-color: rgb(8 101 254 / var(--tw-border-opacity));
}

.border-custom-gray {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.\!bg-transparent {
  background-color: transparent !important;
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#616161\]\/60 {
  background-color: rgb(97 97 97 / 0.6);
}

.bg-\[\#E2E8F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.bg-\[\#fb2c36\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 44 54 / var(--tw-bg-opacity));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-brand-PRIMARY {
  --tw-bg-opacity: 1;
  background-color: rgb(8 101 254 / var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900\/50 {
  background-color: rgb(17 24 39 / 0.5);
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

.bg-blue-gradient {
  background-image: linear-gradient(0deg, #E2E8F0 0%, #0865FE 100%);
}

.bg-custom-gradient {
  background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%);
}

.bg-custom-gradient-top {
  background-image: linear-gradient(0deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%);
}

.bg-light-blue-gradient {
  background-image: linear-gradient(180deg, #EFF6FF 0%, #EFF6FF 100%);
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.\!p-0 {
  padding: 0px !important;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[3px\] {
  padding: 3px;
}

.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.\!pl-1\.5 {
  padding-left: 0.375rem !important;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[32px\] {
  padding-bottom: 32px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-\[9px\] {
  padding-right: 9px;
}

.pt-1\.5 {
  padding-top: 0.375rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[218px\] {
  padding-top: 218px;
}

.pt-\[32px\] {
  padding-top: 32px;
}

.pt-\[52px\] {
  padding-top: 52px;
}

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

.font-YekanBakh {
  font-family: YekanBakh;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.leading-\[0\] {
  line-height: 0;
}

.leading-\[13px\] {
  line-height: 13px;
}

.leading-\[34px\] {
  line-height: 34px;
}

.leading-\[68px\] {
  line-height: 68px;
}

.leading-loose {
  line-height: 2;
}

.text-\[\#0865FE\] {
  --tw-text-opacity: 1;
  color: rgb(8 101 254 / var(--tw-text-opacity));
}

.text-\[\#1E293B\] {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-\[\#475569\] {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-\[\#64748B\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-\[\#94A3B8\] {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.text-black-PRIMARY {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-brand-PRIMARY {
  --tw-text-opacity: 1;
  color: rgb(8 101 254 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-secondary-PRIMARY {
  --tw-text-opacity: 1;
  color: rgb(0 192 155 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.line-through {
  text-decoration-line: line-through;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-50 {
  opacity: 0.5;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-custom_thin {
  --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08), 0px 0px 6px 0px rgba(0,0,0,0.02);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 0px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline-0 {
  outline-width: 0px;
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[200\] {
  --tw-brightness: brightness(200);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-\[150\] {
  --tw-contrast: contrast(150);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.text-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 2.2;
}

.text-bodyS {
  font-size: 12px;
  font-weight: 400;
  line-height: 2.2;
}

.text-details {
  font-size: 12px;
  font-weight: 400;
  line-height: 2.2;
}

@media (min-width: 768px) {
  .text-h1 {
    font-size: 28px;
  }

  .text-h2 {
    font-size: 24px;
  }

  .text-h3 {
    font-size: 20px;
  }

  .text-body {
    font-size: 16px;
  }

  .text-bodyS {
    font-size: 14px;
  }

  .text-details {
    font-size: 12px;
  }

  .text-code {
    font-size: 14px;
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */

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

/* Hide scrollbar for IE, Edge and Firefox */

.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

* {
  box-sizing: border-box;
}

.webkit-box {
  display: -webkit-box;
}

html {
  scroll-behavior: smooth;
}

a {
  transition: all .3s;
}

.custom_scrollbar::-webkit-scrollbar,
figure.wp-block-table::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.custom_scrollbar::-webkit-scrollbar-track,
figure.wp-block-table::-webkit-scrollbar-track {
  border-radius: 10px;
}

.custom_scrollbar::-webkit-scrollbar-thumb,
figure.wp-block-table::-webkit-scrollbar-thumb {
  background: #0865FE;
  border-radius: 10px;
}

.custom_scrollbar::-webkit-scrollbar-thumb:hover,
figure.wp-block-table::-webkit-scrollbar-thumb:hover {
  background: #0865FE;
}

.radial-border {
  /* border: 8px solid transparent;
    border-image: radial-gradient(circle, #0865FE, #FFEEE4) 1; */
  border: 2px solid transparent;
  /* Adjust border width */
  -o-border-image: linear-gradient(to bottom left, #0865FE, #FFEEE4) 1;
     border-image: linear-gradient(to bottom left, #0865FE, #FFEEE4) 1;
  border-radius: 8px;
  /* Adjust for rounded corners */
}

.course-detailes .video-box {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.course-detailes .video-box video {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.course-detailes .video-box video .plyr {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.go_overlay {
  visibility: visible !important;
  opacity: 1 !important;
}

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  /* background: rgba(114, 151, 255, 0.10); */
  /* backdrop-filter: blur(8px); */
  overflow-x: hidden;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

.modal .modal-content {
  height: auto !important;
}

table.variations {
  width: 100% !important;
}

.modal_wrapper-video {
  display: none;
  position: fixed;
  z-index: 999;
  transform: translate(-50%, -50%) !important;
  left: 50%;
  top: 50% !important;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 85%;
  margin: auto;
  overflow-y: auto;
  border-radius: 20px;
}

/* .plyr__video-wrapper {
    width: 53%;
} */

.modal_close {
  position: absolute;
  right: 23px;
  top: 20px;
  cursor: pointer;
  z-index: 999;
  background: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.box_hover_shadow {
  box-shadow: 6px 6px 2px 0px rgba(0, 0, 0, 0.00), 4px 4px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.06), 1px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: linear !important;
}

/* menu mobile */

.menu_wrapper_desktop {
  display: none;
}

/* Custom class for the gradient divider */

.divide-y-custom-gradient>a {
  position: relative;
  padding: 8px 0;
}

.divide-y-custom-gradient>a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(270deg, #F1F1F1, rgba(255, 255, 255, 0.00));
  /* Custom gradient */
}

/* .map_box iframe .gm-style div:nth-child(3) > div {
    right: 0 !important;
    background-color: red;
} */

.tab_item {
  position: relative;
  cursor: pointer;
}

.tab_even,
.tab_first,
.tab_last {
  border-radius: 12px;
}

details[open] summary~* {
  animation: sweep .5s .3s ease-in-out;
}

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateX(-10px)
  }

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

.gform_wrapper .gform-body.gform_body .gform_fields {
  gap: 16px !important;
}

.gform_wrapper .gform-body.gform_body input {
  border-radius: 6px !important;
  height: 46px !important;
}

.gform_wrapper .gform-body.gform_body .gform_fields textarea {
  border-radius: 6px !important;
}

.gform_wrapper .gform-footer.gform_footer {
  margin-top: 32px !important;
  border-radius: 6px;
  overflow: hidden;
}

.gform_wrapper .gform-footer.gform_footer input.gform_button {
  background: #0865FE !important;
  border-radius: 6px;
}

.gform_confirmation_message {
  padding: 24px 64px 24px 24px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #1E1E1E !important;
  border-radius: 8px !important;
  border: 1px solid #f1f1f1 !important;
  background: #FFF !important;
  position: relative !important;
}

/* .gform_confirmation_message::before {
    content: '';
    background: url(/wp-content/themes/zhaket-cloud-wp/static/inc/img/CheckCircle.svg) center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
} */

.table_features .tab_items.header {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.table_features .tab_items.header::after {
  content: '';
  background: #f8f8f8;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -4;
}

.gform_wrapper .gform-body.gform_body input,
.gform_wrapper .gform-body.gform_body textarea {
  border-radius: 6px !important;
  height: 46px !important;
  border-color: #F1F1F1 !important;
  box-shadow: none !important;
}

.gform_wrapper .gform-body.gform_body input:focus,
.gform_wrapper .gform-body.gform_body textarea:focus {
  outline: none !important;
  border: 1px solid #0865FE !important;
  box-shadow: 0 0 8px #0865FE !important;
}

@media (max-width: 992px) {
  .tab_last::after {
    width: 40px;
    height: 40px;
    bottom: -20px;
    left: 0;
  }

  .gform_confirmation_message {
    padding: 16px 56px 16px 16px !important;
    font-size: 14px !important;
  }
}

.terms_page ul>li {
  list-style: disc;
  list-style-position: inside;
}

.terms_page ul>li::marker {
  color: #0865FE;
}

.wedge-clip {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.controls_slider .new span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0865FE !important;
  width: 24px;
}

.new.swiper-button-prev,
.new.swiper-button-next {
  display: block !important;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
  top: 50%;
  transition: all .3s;
  flex-shrink: 0;
  /* opacity: 1 !important; */
}

.new.swiper-button-prev::after,
.new.swiper-button-next::after {
  display: none;
}

.new.swiper-button-prev {
  /* background-image: url('./img/ArrowRight.svg'); */
  background-image: url('/wp-content/themes/theme-paytakhteketab/static/inc/img/new-design/ArrowRight.svg');
  background-repeat: no-repeat;
  right: 0px;
}

.new.swiper-button-next {
  /* background-image: url('./img/ArrowLeft.svg'); */
  background-image: url('/wp-content/themes/theme-paytakhteketab/static/inc/img/new-design/ArrowLeft.svg');
  background-repeat: no-repeat;
  right: unset;
  left: 0;
}

.controls_slider .new span.swiper-pagination-bullet {
  width: 8px;
  height: 8px !important;
  background: #DBEAFE !important;
  opacity: 1 !important;
  border-radius: 2px !important;
  margin: 0 !important;
}

.tabs_wrapper .field_study-tabs>div {
  position: relative;
}

.tabs_wrapper .field_study-tabs>div::after {
  content: "";
  background: rgb(203, 213, 225);
  background: linear-gradient(0deg, rgba(203, 213, 225, 0.06) 0%, rgb(203, 213, 225) 50%, rgba(203, 213, 225, 0.06) 100%);
  width: 1.5px;
  height: 56px;
  position: absolute;
  left: 0;
}

.tabs_wrapper .field_study-tabs>div:last-child:after {
  display: none;
}

@media screen and (min-width: 1024px) {
  .blog_list_main>div:nth-child(3) {
    border-bottom-right-radius: 32px;
  }
}

@media screen and (min-width: 764px) {
  .products-container .new.swiper-button-next,
    .products-container .new.swiper-button-prev {
    transform: rotate(-90deg);
  }

  .products-container .controls_slider {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    gap: 32px;
  }

  .products-container .controls_slider>div {
    position: unset;
    padding: 0 !important;
    margin: 0 !important;
    height: 84px;
  }

  .products-container .controls_slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 24px !important;
    width: 8px !important;
  }
}

input.no-materialize {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#search-input {
  width: 100%;
  color: #64748B;
  font-size: 1rem;
}

.no-materialize {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#grade-filter {
  background: transparent;
  cursor: pointer;
}

.input_searchable_main .select-wrapper .caret,
.input_searchable_main .select-wrapper .select-dropdown.dropdown-trigger,
.input_searchable_main .select-wrapper .dropdown-content {
  display: none !important;
}

a.group:hover .white_custom_filter {
  filter: invert(109%) sepia(100%) saturate(0) brightness(150%) contrast(119%);
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0865FE !important;
}

.caret {
  background-color: #F1F1F1;
}

.fade-down {
  background: linear-gradient(180deg, #F8FAFC 0%, rgba(248, 250, 252, 0) 100%);
}

.section-wheel .wheel-box {
  width: 100%;
  max-width: 1164px;
  margin: 0 auto;
  position: relative;
  height: 572px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-wheel .wheel-box .bg-w {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 572px;
}

.section-wheel .wheel-box .box-image-wheel {
  width: 148px;
  height: 148px;
  position: absolute;
  top: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.9s;
  cursor: pointer;
}

.section-wheel .wheel-box .box-image-wheel:hover {
  opacity: 0.7;
}

.section-wheel .wheel-box .box-image-wheel img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.section-wheel .wheel-box .box-image-wheel.wheel-1 {
  right: 285px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-2 {
  right: 433px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-3 {
  right: 581px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-4 {
  right: 729px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-5 {
  right: 882px;
  top: 19px;
  transform: rotate(-22deg);
}

.section-wheel .wheel-box .box-image-wheel.wheel-6 {
  right: 995px;
  transform: rotate(-65deg);
  top: 133px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-7 {
  right: 999px;
  transform: rotate(-112deg);
  top: 295px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-8 {
  right: 880px;
  transform: rotate(-159deg);
  top: 408px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-9 {
  top: auto;
  bottom: 0;
  right: 731px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-10 {
  top: auto;
  bottom: 0;
  right: 581px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-11 {
  top: auto;
  bottom: 0;
  right: 435px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-12 {
  top: auto;
  bottom: 0;
  right: 285px;
}

.section-wheel .wheel-box .box-image-wheel.wheel-13 {
  top: auto;
  bottom: 20px;
  right: 127px;
  transform: rotate(-26deg);
}

.section-wheel .wheel-box .box-image-wheel.wheel-14 {
  top: auto;
  bottom: 138px;
  right: 17px;
  transform: rotate(-70deg);
}

.section-wheel .wheel-box .box-image-wheel.wheel-15 {
  top: auto;
  bottom: 292px;
  right: 13px;
  transform: rotate(70deg);
}

.section-wheel .wheel-box .box-image-wheel.wheel-16 {
  top: auto;
  bottom: 407px;
  right: 129px;
  transform: rotate(22deg);
}

.section-wheel .wheel-box .center-box {
  display: flex;
  align-items: center;
  position: absolute;
}

.section-wheel .wheel-box .center-box .right-sec {
  width: 208px;
  height: 208px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 32px;
  background: center/contain url("../static/inc/img/new-home//bg-right-center.png");
}

.section-wheel .wheel-box .center-box .right-sec h2 {
  width: 100%;
  color: rgb(30, 41, 59);
  text-align: center;
  font-size: 20px;
}

.section-wheel .wheel-box .center-box .right-sec a {
  color: rgb(8, 101, 254);
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
}

.section-wheel .wheel-box .center-box .right-sec a i {
  margin-right: 4px;
}

.section-wheel .wheel-box .center-box .left-sec {
  display: flex;
  align-items: center;
  width: 351px;
  height: 98px;
  background: rgb(248, 250, 252);
  border-radius: 99px;
  padding: 16px;
}

.section-wheel .wheel-box .center-box .left-sec .text {
  width: calc(100% - 75px);
  margin-right: auto;
}

.section-wheel .wheel-box .center-box .left-sec .text h2 {
  width: 100%;
  font-size: 20px;
  color: rgb(30, 41, 59);
}

.section-wheel .wheel-box .center-box .left-sec .text .text-bottom {
  display: flex;
  align-items: center;
}

.section-wheel .wheel-box .center-box .left-sec .text .text-bottom span {
  color: rgb(8, 101, 254);
  font-size: 12px;
}

.section-wheel .wheel-box .center-box .left-sec .text .text-bottom .icon-copy {
  font-size: 24px;
  margin: 0 7px;
}

.section-wheel .wheel-box .center-box .left-sec .text .text-bottom .code-dis {
  background: rgb(248, 250, 252);
  height: 31px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: rgb(8, 101, 254);
  font-size: 14px;
}

@media (max-width: 767px) {
  .box_res_swiper {
    padding-top: 51px !important;
  }

  .calc_today>* {
    line-height: 1.28 !important;
    font-weight: 500;
  }

  .section-wheel .wheel-box {
    justify-content: center;
    width: 288px;
    height: 435px;
  }

  .section-wheel .wheel-box .center-box .right-sec {
    width: 160px;
    height: 170px;
  }

  .section-wheel .wheel-box .center-box .right-sec .icon svg {
    width: 48px;
    height: 48px;
  }

  .section-wheel .wheel-box .center-box .right-sec h2 {
    font-size: 14px;
  }

  .section-wheel .wheel-box .center-box .left-sec {
    display: none;
  }

  .section-wheel .wheel-box .box-image-wheel {
    width: 54px;
    height: 72px;
  }

  .section-wheel .wheel-box .box-image-wheel.hidden {
    display: none;
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-1 {
    right: 77px;
    top: 9px;
    transform: rotate(22deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-2 {
    right: 158px;
    top: 9px;
    transform: rotate(-22deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-3 {
    right: 215px;
    top: 65px;
    transform: rotate(-73deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-4 {
    right: 222px;
    top: 145px;
    transform: rotate(-90deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-5 {
    right: 222px;
    top: 218px;
    transform: rotate(-90deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-6 {
    right: 210px;
    top: 297px;
    transform: rotate(-112deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-7 {
    right: 158px;
    top: 349px;
    transform: rotate(22deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-8 {
    right: 76px;
    top: 350px;
    transform: rotate(-22deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-9 {
    right: 14px;
    top: 298px;
    transform: rotate(-73deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-10 {
    right: 11px;
    top: 221px;
    transform: rotate(-90deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-11 {
    right: 11px;
    top: 144px;
    transform: rotate(-90deg);
  }

  .section-wheel .wheel-box .box-image-wheel.wheel-12 {
    right: 11px;
    top: 70px;
    transform: rotate(73deg);
  }

  .section-wheel .wheel-box .bg-desktop {
    display: none;
  }

  .section-wheel .wheel-box .bg-responsive {
    display: block;
    height: 435px;
    width: 288px;
    left: auto;
    top: 0;
    right: auto;
  }
}

.no-lazy-load [data-wpr-lazyrender] {
  content-visibility: visible !important;
}

[data-wpr-lazyrender] {
  content-visibility: visible !important;
}

/* grid publisher */

.section-grid .grids {
  width: 100%;
  max-width: 1128px;
  margin: 0 auto;
}

.section-grid .grids .col-grid {
  border: 1px solid rgb(226, 232, 240);
  padding: 32px;
  text-align: center;
}

.section-grid .grids .col-grid img {
  height: 105px;
  max-width: 100%;
  margin: 0 auto 32px;
  -o-object-fit: contain;
  object-fit: contain;
}

.section-grid .grids .col-grid h5 {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}

.section-grid .grids .col-grid a {
  display: flex;
  align-items: center;
  margin: 16px auto 0;
  line-height: 35px;
  color: rgb(8, 101, 254);
  justify-content: center;
  flex-direction: column;
}

.section-grid .grids .col-grid a i {
  margin-right: 4px;
}

.section-grid .grids .col-grid h6 {
  font-size: 16px;
}

.section-grid .grids .col-grid span {
  text-align: center;
  color: rgb(71, 85, 105);
  line-height: 30px;
  font-size: 14px;
}

header nav .header-search-box .searchable-result {
  position: absolute;
  top: 89px;
  right: 32px;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

header nav .header-search-box .searchable-result.active {
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
  min-width: 360px;
}

.modal .modal-close {
  position: absolute;
  right: 23px !important;
  top: 20px !important;
  z-index: 999;
  background: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.\*\:\!m-0 > * {
  margin: 0px !important;
}

.\*\:inline-block > * {
  display: inline-block;
}

.\*\:flex > * {
  display: flex;
}

.\*\:h-10 > * {
  height: 2.5rem;
}

.\*\:w-\[328px\] > * {
  width: 328px;
}

.\*\:w-full > * {
  width: 100%;
}

.\*\:flex-1 > * {
  flex: 1 1 0%;
}

.\*\:shrink-0 > * {
  flex-shrink: 0;
}

.\*\:cursor-pointer > * {
  cursor: pointer;
}

.\*\:flex-col > * {
  flex-direction: column;
}

.\*\:items-center > * {
  align-items: center;
}

.\*\:justify-center > * {
  justify-content: center;
}

.\*\:gap-8 > * {
  gap: 2rem;
}

.\*\:border > * {
  border-width: 1px;
}

.\*\:border-solid > * {
  border-style: solid;
}

.\*\:border-custom-gray > * {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.\*\:\!p-0 > * {
  padding: 0px !important;
}

.\*\:p-2 > * {
  padding: 0.5rem;
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:bg-brand-PRIMARY:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 101 254 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:border-0:focus {
  border-width: 0px;
}

.focus\:\!bg-transparent:focus {
  background-color: transparent !important;
}

.focus\:\!outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:\!outline-0:focus {
  outline-width: 0px !important;
}

.group:hover .group-hover\:brightness-\[50\] {
  --tw-brightness: brightness(50);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .group-hover\:contrast-\[20\] {
  --tw-contrast: contrast(20);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .group-hover\:transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.group:hover .group-hover\:duration-300 {
  transition-duration: 300ms;
}

.group.active .group-\[\.active\]\:\!block {
  display: block !important;
}

.group.active .group-\[\.active\]\:block {
  display: block;
}

.group.active .group-\[\.active\]\:flex {
  display: flex;
}

.group.no-product .group-\[\&\.no-product\]\:\!hidden {
  display: none !important;
}

.group.active .group-\[\.active\]\:max-h-60 {
  max-height: 15rem;
}

.group.active .group-\[\.active\]\:-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group.active .group-\[\.active\]\:bg-brand-PRIMARY {
  --tw-bg-opacity: 1;
  background-color: rgb(8 101 254 / var(--tw-bg-opacity));
}

.group.active .group-\[\.active\]\:text-black-PRIMARY {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.group.active .group-\[\.active\]\:text-brand-PRIMARY {
  --tw-text-opacity: 1;
  color: rgb(8 101 254 / var(--tw-text-opacity));
}

.group.active .group-\[\.active\]\:brightness-\[4\] {
  --tw-brightness: brightness(4);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group.active .group-\[\.active\]\:filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group.active .group-\[\.active\]\:text-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 2.2;
}

@media (min-width: 768px) {
  .group.active .group-\[\.active\]\:text-body {
    font-size: 16px;
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:absolute {
    position: absolute;
  }

  .max-lg\:relative {
    position: relative;
  }

  .max-lg\:-bottom-\[143px\] {
    bottom: -143px;
  }

  .max-lg\:-top-16 {
    top: -4rem;
  }

  .max-lg\:bottom-8 {
    bottom: 2rem;
  }

  .max-lg\:left-1\/2 {
    left: 50%;
  }

  .max-lg\:right-1\/2 {
    right: 50%;
  }

  .max-lg\:top-0 {
    top: 0px;
  }

  .max-lg\:-z-10 {
    z-index: -10;
  }

  .max-lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .max-lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .max-lg\:-mr-\[64px\] {
    margin-right: -64px;
  }

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

  .max-lg\:mr-16 {
    margin-right: 4rem;
  }

  .max-lg\:mt-12 {
    margin-top: 3rem;
  }

  .max-lg\:mt-16 {
    margin-top: 4rem;
  }

  .max-lg\:mt-24 {
    margin-top: 6rem;
  }

  .max-lg\:mt-8 {
    margin-top: 2rem;
  }

  .max-lg\:mt-\[52px\] {
    margin-top: 52px;
  }

  .max-lg\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .max-lg\:line-clamp-\[2\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:size-12 {
    width: 3rem;
    height: 3rem;
  }

  .max-lg\:h-\[164px\] {
    height: 164px;
  }

  .max-lg\:h-\[94px\] {
    height: 94px;
  }

  .max-lg\:h-full {
    height: 100%;
  }

  .max-lg\:max-h-\[222px\] {
    max-height: 222px;
  }

  .max-lg\:w-\[72px\] {
    width: 72px;
  }

  .max-lg\:w-\[86px\] {
    width: 86px;
  }

  .max-lg\:w-full {
    width: 100%;
  }

  .max-lg\:max-w-32 {
    max-width: 8rem;
  }

  .max-lg\:max-w-min {
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .max-lg\:basis-\[122px\] {
    flex-basis: 122px;
  }

  .max-lg\:basis-\[92px\] {
    flex-basis: 92px;
  }

  .max-lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-lg\:translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-lg\:-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-lg\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-lg\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-lg\:flex-col {
    flex-direction: column;
  }

  .max-lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .max-lg\:justify-center {
    justify-content: center;
  }

  .max-lg\:justify-between {
    justify-content: space-between;
  }

  .max-lg\:gap-1 {
    gap: 0.25rem;
  }

  .max-lg\:gap-1\.5 {
    gap: 0.375rem;
  }

  .max-lg\:gap-4 {
    gap: 1rem;
  }

  .max-lg\:rounded-\[3px\] {
    border-radius: 3px;
  }

  .max-lg\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .max-lg\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .max-lg\:border-0 {
    border-width: 0px;
  }

  .max-lg\:bg-\[\#F8FAFC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  }

  .max-lg\:bg-light-blue-gradient {
    background-image: linear-gradient(180deg, #EFF6FF 0%, #EFF6FF 100%);
  }

  .max-lg\:p-3 {
    padding: 0.75rem;
  }

  .max-lg\:p-4 {
    padding: 1rem;
  }

  .max-lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .max-lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .max-lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .max-lg\:pb-\[104px\] {
    padding-bottom: 104px;
  }

  .max-lg\:pl-2 {
    padding-left: 0.5rem;
  }

  .max-lg\:pr-0\.5 {
    padding-right: 0.125rem;
  }

  .max-lg\:pt-24 {
    padding-top: 6rem;
  }

  .max-lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .max-lg\:text-brand-PRIMARY {
    --tw-text-opacity: 1;
    color: rgb(8 101 254 / var(--tw-text-opacity));
  }

  .max-lg\:text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
  }

  .max-lg\:text-bodyS {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2;
  }

  .max-lg\:text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
  }

  @media (min-width: 768px) {
    .max-lg\:text-body {
      font-size: 16px;
    }
  }

  .max-lg\:text-bodyS {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2;
  }

  @media (min-width: 768px) {
    .max-lg\:text-bodyS {
      font-size: 14px;
    }
  }

  .max-lg\:\*\:size-9 > * {
    width: 2.25rem;
    height: 2.25rem;
  }

  .max-lg\:\*\:size-\[74px\] > * {
    width: 74px;
    height: 74px;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:absolute {
    position: absolute;
  }

  .max-md\:\!-left-8 {
    left: -2rem !important;
  }

  .max-md\:\!-right-8 {
    right: -2rem !important;
  }

  .max-md\:\!right-1\/2 {
    right: 50% !important;
  }

  .max-md\:\!top-\[175px\] {
    top: 175px !important;
  }

  .max-md\:\!top-\[220px\] {
    top: 220px !important;
  }

  .max-md\:\!top-\[270px\] {
    top: 270px !important;
  }

  .max-md\:-top-\[51px\] {
    top: -51px;
  }

  .max-md\:right-1\/2 {
    right: 50%;
  }

  .max-md\:col-start-1 {
    grid-column-start: 1;
  }

  .max-md\:col-end-3 {
    grid-column-end: 3;
  }

  .max-md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .max-md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .max-md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .max-md\:mt-8 {
    margin-top: 2rem;
  }

  .max-md\:flex {
    display: flex;
  }

  .max-md\:hidden {
    display: none;
  }

  .max-md\:\!max-h-\[85dvh\] {
    max-height: 85dvh !important;
  }

  .max-md\:\!max-h-\[88dvh\] {
    max-height: 88dvh !important;
  }

  .max-md\:max-h-\[403px\] {
    max-height: 403px;
  }

  .max-md\:min-h-fit {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }

  .max-md\:\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .max-md\:w-\[266px\] {
    width: 266px;
  }

  .max-md\:w-\[328px\] {
    width: 328px;
  }

  .max-md\:max-w-\[266px\] {
    max-width: 266px;
  }

  .max-md\:max-w-\[328px\] {
    max-width: 328px;
  }

  .max-md\:\!translate-x-1\/2 {
    --tw-translate-x: 50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .max-md\:translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-md\:\!flex-row {
    flex-direction: row !important;
  }

  .max-md\:flex-col {
    flex-direction: column;
  }

  .max-md\:flex-wrap {
    flex-wrap: wrap;
  }

  .max-md\:justify-end {
    justify-content: flex-end;
  }

  .max-md\:\!gap-2 {
    gap: 0.5rem !important;
  }

  .max-md\:gap-4 {
    gap: 1rem;
  }

  .max-md\:overflow-hidden {
    overflow: hidden;
  }

  .max-md\:whitespace-nowrap {
    white-space: nowrap;
  }

  .max-md\:rounded-2xl {
    border-radius: 1rem;
  }

  .max-md\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .max-md\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .max-md\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .max-md\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .max-md\:border {
    border-width: 1px;
  }

  .max-md\:border-solid {
    border-style: solid;
  }

  .max-md\:border-custom-gray {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }

  .max-md\:\!p-0 {
    padding: 0px !important;
  }

  .max-md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .max-md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-md\:\!pt-8 {
    padding-top: 2rem !important;
  }

  .max-md\:\!pt-\[74px\] {
    padding-top: 74px !important;
  }

  .max-md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .max-md\:pb-8 {
    padding-bottom: 2rem;
  }

  .max-md\:pt-\[218px\] {
    padding-top: 218px;
  }

  .max-md\:pt-\[51px\] {
    padding-top: 51px;
  }

  .max-md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .\*\:max-md\:h-\[109px\] > * {
    height: 109px;
  }

  .\*\:max-md\:p-2 > * {
    padding: 0.5rem;
  }
}

@media (min-width: 640px) {
  .sm\:inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 768px) {
  .md\:\!static {
    position: static !important;
  }

  .md\:\!right-12 {
    right: 3rem !important;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-full {
    grid-column: 1 / -1;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-3 {
    grid-column-start: 3;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .md\:row-start-1 {
    grid-row-start: 1;
  }

  .md\:row-start-2 {
    grid-row-start: 2;
  }

  .md\:row-start-3 {
    grid-row-start: 3;
  }

  .md\:row-end-2 {
    grid-row-end: 2;
  }

  .md\:row-end-3 {
    grid-row-end: 3;
  }

  .md\:row-end-4 {
    grid-row-end: 4;
  }

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

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[105px\] {
    height: 105px;
  }

  .md\:h-\[228px\] {
    height: 228px;
  }

  .md\:h-\[96px\] {
    height: 96px;
  }

  .md\:\!w-\[800px\] {
    width: 800px !important;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-\[103px\] {
    width: 103px;
  }

  .md\:w-\[376px\] {
    width: 376px;
  }

  .md\:w-\[512px\] {
    width: 512px;
  }

  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:max-w-\[512px\] {
    max-width: 512px;
  }

  .md\:max-w-min {
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .md\:flex-auto {
    flex: 1 1 auto;
  }

  .md\:grow {
    flex-grow: 1;
  }

  .md\:basis-\[48\%\] {
    flex-basis: 48%;
  }

  .md\:basis-full {
    flex-basis: 100%;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-\[103px_minmax\(0\2c _1fr\)\] {
    grid-template-columns: 103px minmax(0, 1fr);
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-\[138px_auto\] {
    grid-template-rows: 138px auto;
  }

  .md\:grid-rows-\[auto_auto_auto\] {
    grid-template-rows: auto auto auto;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

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

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:\!gap-4 {
    gap: 1rem !important;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:rounded-\[25px\] {
    border-radius: 25px;
  }

  .md\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .md\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-solid {
    border-style: solid;
  }

  .md\:border-custom-gray {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }

  .md\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .md\:\!p-0 {
    padding: 0px !important;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:\!pt-\[115px\] {
    padding-top: 115px !important;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pb-\[64px\] {
    padding-bottom: 64px;
  }

  .md\:pt-\[64px\] {
    padding-top: 64px;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-bodyS {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2;
  }

  @media (min-width: 768px) {
    .md\:text-bodyS {
      font-size: 14px;
    }
  }

  .\*\:md\:min-w-\[282px\] > * {
    min-width: 282px;
  }

  .\*\:md\:p-8 > * {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }

  .lg\:inset-0 {
    inset: 0px;
  }

  .lg\:-left-16 {
    left: -4rem;
  }

  .lg\:right-1\/2 {
    right: 50%;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:top-1\/2 {
    top: 50%;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:-mr-\[67px\] {
    margin-right: -67px;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mt-\[62px\] {
    margin-top: 62px;
  }

  .lg\:mt-\[82px\] {
    margin-top: 82px;
  }

  .lg\:line-clamp-\[1\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .lg\:line-clamp-\[2\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:size-\[640px\] {
    width: 640px;
    height: 640px;
  }

  .lg\:h-10 {
    height: 2.5rem;
  }

  .lg\:h-\[156px\] {
    height: 156px;
  }

  .lg\:h-\[190px\] {
    height: 190px;
  }

  .lg\:h-\[414px\] {
    height: 414px;
  }

  .lg\:h-\[446px\] {
    height: 446px;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:max-h-\[156px\] {
    max-height: 156px;
  }

  .lg\:max-h-\[214px\] {
    max-height: 214px;
  }

  .lg\:w-\[90\%\] {
    width: 90%;
  }

  .lg\:w-\[98px\] {
    width: 98px;
  }

  .lg\:min-w-24 {
    min-width: 6rem;
  }

  .lg\:min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .lg\:max-w-\[1128px\] {
    max-width: 1128px;
  }

  .lg\:max-w-\[1538px\] {
    max-width: 1538px;
  }

  .lg\:max-w-\[1586px\] {
    max-width: 1586px;
  }

  .lg\:grow {
    flex-grow: 1;
  }

  .lg\:basis-\[128px\] {
    flex-basis: 128px;
  }

  .lg\:basis-\[252px\] {
    flex-basis: 252px;
  }

  .lg\:basis-\[286px\] {
    flex-basis: 286px;
  }

  .lg\:basis-\[468px\] {
    flex-basis: 468px;
  }

  .lg\:basis-\[49\%\] {
    flex-basis: 49%;
  }

  .lg\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:gap-1 {
    gap: 0.25rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:overflow-x-auto {
    overflow-x: auto;
  }

  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }

  .lg\:rounded {
    border-radius: 0.25rem;
  }

  .lg\:rounded-2xl {
    border-radius: 1rem;
  }

  .lg\:rounded-md {
    border-radius: 0.375rem;
  }

  .lg\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-br-\[64px\] {
    border-bottom-right-radius: 64px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:\!border-l-0 {
    border-left-width: 0px !important;
  }

  .lg\:\!border-r-0 {
    border-right-width: 0px !important;
  }

  .lg\:border-solid {
    border-style: solid;
  }

  .lg\:border-custom-gray {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }

  .lg\:bg-brand-PRIMARY {
    --tw-bg-opacity: 1;
    background-color: rgb(8 101 254 / var(--tw-bg-opacity));
  }

  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .lg\:bg-custom-gradient {
    background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%);
  }

  .lg\:bg-custom-gradient-top {
    background-image: linear-gradient(0deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%);
  }

  .lg\:\!p-6 {
    padding: 1.5rem !important;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-\[40px\] {
    font-size: 40px;
  }

  .lg\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .lg\:text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
  }

  .lg\:text-bodyS {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2;
  }

  @media (min-width: 768px) {
    .lg\:text-body {
      font-size: 16px;
    }

    .lg\:text-bodyS {
      font-size: 14px;
    }
  }

  .lg\:\[left\:0\] {
    left: 0;
  }

  .lg\:\[transform\:translate\(-7\%\2c -50\%\)\] {
    transform: translate(-7%,-50%);
  }

  .lg\:\*\:size-10 > * {
    width: 2.5rem;
    height: 2.5rem;
  }

  .lg\:\*\:size-\[148px\] > * {
    width: 148px;
    height: 148px;
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
  }

  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  .dark\:border-transparent {
    border-color: transparent;
  }

  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }

  .dark\:bg-gray-800\/50 {
    background-color: rgb(31 41 55 / 0.5);
  }

  .dark\:bg-gray-900\/80 {
    background-color: rgb(17 24 39 / 0.8);
  }

  .dark\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
  }

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }

  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .dark\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }

  .dark\:hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
  }

  .dark\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
}

.\[\&\.active\]\:bg-brand-PRIMARY.active {
  --tw-bg-opacity: 1;
  background-color: rgb(8 101 254 / var(--tw-bg-opacity));
}

.\[\&\.active\]\:text-white.active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&\.no-product\]\:col-span-12.no-product {
  grid-column: span 12 / span 12;
}

.\[\&\.no-product\]\:col-start-1.no-product {
  grid-column-start: 1;
}

.\[\&\.no-product\]\:\!w-full.no-product {
  width: 100% !important;
}

@media not all and (min-width: 768px) {
  .\[\&\.no-product\]\:max-md\:w-\[328px\].no-product {
    width: 328px;
  }
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.copy-box-serial .copy-box {
margin-top: 0;
background: #f8fafc;
width: fit-content;
margin-bottom: 15px;
padding: 6px 9px;
}

.copy-box-serial .copy-box .copy-button {
 margin-right: 10px;
}

.amoozesh {
display: inline-block;
padding: 5px 8px;
background: #ffc41c;
margin-right: 10px;
border-radius: 5px;
cursor: pointer;
}

.amoozesh .img {
display: inline-block;
width: 14px;
height: 14px;
margin-bottom: 3px !important;
vertical-align: middle;
margin-left: 4px;
}


.webinar-page-section-v1 {
  
  display: flex;
  justify-content: center;
}

.webinar-container-v1 {
  max-width: 1100px;
  width: 100%;
  
}

.webinar-header-v1 {
  text-align: center;
  margin-bottom: 40px;
}

.webinar-category-v1 {
  display: inline-block;
  background: #0654d1;
  color: #fff;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 14px;
  margin-bottom: 15px;
}

.webinar-title-v1 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  margin-bottom: 15px;
}

.webinar-subtitle-v1 {
  font-size: 18px;
  color: #444;
  margin-bottom: 10px;
}

.webinar-audience-v1 {
  font-size: 15px;
  color: #666;
}

.webinar-info-grid-v1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}

.webinar-info-box-v1 {
  background: #f1f4ff;
  padding: 20px;
  border-radius: 16px;
  text-align: center;
}

.webinar-info-box-v1 span {
  display: block;
  font-size: 14px;
  color: #666;
  margin-bottom: 6px;
}

.webinar-info-box-v1 strong {
  font-size: 18px;
  color: #0654d1;
}

.webinar-speakers-v1 {
  margin-bottom: 50px;
  text-align: center;
}

.webinar-speakers-v1 h2 {
  margin-bottom: 20px;
}

.webinar-speaker-list-v1 {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.webinar-speaker-card-v1 {
  background: #f8f9ff;
  padding: 18px 25px;
  border-radius: 14px;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.webinar-content-sections-v1 {
  display: grid;
  gap: 30px;
}

.webinar-section-box-v1 {
  background: #f9faff;
  padding: 30px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.webinar-section-box-v1 h3 {
  margin-bottom: 20px;
  color: #0654d1;
}

.webinar-section-box-v1 ul {
  padding-right: 20px;
}

.webinar-section-box-v1 li {
  margin-bottom: 10px;
  line-height: 1.7;
  color: #333;
}
/* Speaker Card with Image */
.webinar-speaker-card-v1 {
  background: #f8f9ff;
  padding: 25px;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  width: 220px;
}

.webinar-speaker-card-v1 img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 4px solid #eef2ff;
}

.speaker-name-v1 {
  font-weight: 600;
  font-size: 15px;
}

/* CTA Box */
.webinar-cta-box-v1 {
  margin-top: 60px;
  padding: 40px;
  background: linear-gradient(135deg, #0654d1, #3b82f6);
  border-radius: 20px;
  text-align: center;
  color: #fff;
}

.webinar-cta-box-v1 p {
  margin-bottom: 20px;
  font-size: 18px;
}

.webinar-cta-button-v1 {
  display: inline-block;
  background: #ffffff;
  color: #0654d1;
  padding: 14px 30px;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

.webinar-cta-button-v1:hover {
  background: #e5edff;
}
/* Video Section */
.webinar-video-section-v1 {
  margin-top: 70px;
  text-align: center;
}

.webinar-video-title-v1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #111;
}

.webinar-video-wrapper-v1 {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

.webinar-video-wrapper-v1 video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}

@media (max-width: 900px) {
  .webinar-info-grid-v1 {
    grid-template-columns: 1fr;
  }

  .webinar-container-v1 {
    padding: 30px;
  }
}