* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

.main-navbar {
  width: 100%;
  height: 6.25rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 998;
}
@media screen and (min-width: 48rem) {
  .main-navbar {
    top: 1.25rem;
    padding: 0rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 75rem) {
  .main-navbar {
    padding: 0rem 3.125rem;
  }
}
.main-navbar .nav-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  height: 100%;
  padding: 0rem 1.25rem;
  background-color: #000000;
}
@media screen and (min-width: 48rem) {
  .main-navbar .nav-wrapper {
    grid-template-columns: repeat(3, 1fr);
    padding: 0rem 3.125rem;
  }
}
.main-navbar .nav-wrapper .nav-place {
  width: 100%;
}
.main-navbar .nav-wrapper .nav-place .desktop-menu {
  display: none;
}
@media screen and (min-width: 48rem) {
  .main-navbar .nav-wrapper .nav-place .desktop-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
  }
  .main-navbar .nav-wrapper .nav-place .desktop-menu .primary {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.5rem;
  }
  .main-navbar .nav-wrapper .nav-place .desktop-menu .primary li a {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
  }
  .main-navbar .nav-wrapper .nav-place .desktop-menu .lang-toggle {
    color: #ffffff;
    text-decoration: none;
  }
  .main-navbar .nav-wrapper .nav-place .desktop-menu p {
    color: #ffffff;
  }
}
.main-navbar .nav-wrapper .nav-place .nav-menu-btn {
  cursor: pointer;
  margin-left: 2.5rem;
}
.main-navbar .nav-wrapper .nav-place .nav-menu-btn .line {
  width: 35px;
  height: 5px;
  background-color: #ffffff;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-navbar .nav-wrapper .nav-place .nav-menu-btn.is-active .line:nth-child(1) {
  transform: translateY(13px) rotate(45deg);
}
.main-navbar .nav-wrapper .nav-place .nav-menu-btn.is-active .line:nth-child(2) {
  opacity: 0;
}
.main-navbar .nav-wrapper .nav-place .nav-menu-btn.is-active .line:nth-child(3) {
  transform: translateY(-13px) rotate(-45deg);
}
.main-navbar .nav-wrapper .nav-place-left {
  display: none;
}
@media screen and (min-width: 48rem) {
  .main-navbar .nav-wrapper .nav-place-left {
    display: block;
  }
}
.main-navbar .nav-wrapper .nav-place-middle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 48rem) {
  .main-navbar .nav-wrapper .nav-place-middle {
    justify-content: center;
  }
}
.main-navbar .nav-wrapper .nav-place-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 1;
}
@media screen and (min-width: 48rem) {
  .main-navbar .nav-wrapper .nav-place-right.nav-content-is-active {
    opacity: 0;
  }
}

.nav-content {
  width: 0%;
  height: calc(100% - 6.25rem);
  position: fixed;
  top: 0;
  right: 0;
  background-color: #000000;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 997;
  overflow: hidden;
  padding: 3.125rem 0rem;
}
.nav-content .nav-content-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  height: 100%;
}
.nav-content .nav-content-wrapper .nav-content-btn {
  display: none;
}
@media screen and (min-width: 48rem) {
  .nav-content .nav-content-wrapper .nav-content-btn {
    cursor: pointer;
    width: fit-content;
  }
  .nav-content .nav-content-wrapper .nav-content-btn .line {
    width: 35px;
    height: 5px;
    background-color: #ffffff;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav-content .nav-content-wrapper .nav-content-btn .line:nth-child(1) {
    transform: translateY(13px) rotate(45deg);
  }
  .nav-content .nav-content-wrapper .nav-content-btn .line:nth-child(2) {
    opacity: 0;
  }
  .nav-content .nav-content-wrapper .nav-content-btn .line:nth-child(3) {
    transform: translateY(-13px) rotate(-45deg);
  }
}
.nav-content .nav-content-wrapper .primary, .nav-content .nav-content-wrapper .third {
  margin-top: 3.125rem;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  gap: 2.5rem;
}
.nav-content .nav-content-wrapper .primary li a, .nav-content .nav-content-wrapper .third li a {
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 48rem) {
  .nav-content .nav-content-wrapper {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 48rem) {
  .nav-content {
    height: 100%;
    z-index: 999;
  }
}
.nav-content.is-content-active {
  width: 100%;
  padding: 3.125rem 1.25rem;
}
@media screen and (min-width: 48rem) {
  .nav-content.is-content-active {
    width: 30%;
    min-width: 25rem;
  }
}
.nav-content.is-content-active #hamburger_2 {
  display: block;
}

footer {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 996;
}
@media screen and (min-width: 48rem) {
  footer {
    padding: 0rem 1.25rem;
  }
}
@media screen and (min-width: 75rem) {
  footer {
    padding: 0rem 3.125rem;
  }
}
footer .footer-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 3.125rem 1.25rem;
  gap: 3.125rem;
  background-color: #000000;
}
footer .footer-wrapper .footer-left {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
footer .footer-wrapper .footer-left .footer-left-aflofarm {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.625rem;
}
footer .footer-wrapper .footer-left .footer-left-aflofarm p {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 100;
  text-align: left;
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper .footer-left {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
  }
}
footer .footer-wrapper .footer-middle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
footer .footer-wrapper .footer-middle .secondary {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
}
footer .footer-wrapper .footer-middle .secondary li {
  text-align: center;
}
footer .footer-wrapper .footer-middle .secondary li a {
  color: #ffffff;
  font-weight: 100;
  font-size: 1rem;
  text-decoration: none;
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper .footer-middle {
    justify-content: center;
    align-items: flex-end;
  }
  footer .footer-wrapper .footer-middle .secondary {
    align-items: flex-end;
  }
}
footer .footer-wrapper .footer-right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
footer .footer-wrapper .footer-right a, footer .footer-wrapper .footer-right p {
  text-decoration: none;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 100;
  text-align: center;
  padding-bottom: 1.25rem;
}
footer .footer-wrapper .footer-right .socialmedia-box {
  margin-top: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
footer .footer-wrapper .footer-right .created_by {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 0.625rem;
}
footer .footer-wrapper .footer-right .created_by p {
  padding-bottom: 0rem;
}
footer .footer-wrapper .footer-right .created_by a {
  color: #219AB3;
  font-weight: 700;
  padding-bottom: 0rem;
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper .footer-right .created_by {
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper .footer-right {
    justify-content: center;
    align-items: flex-end;
  }
}
footer .footer-wrapper .footer-enable-on-mobile {
  display: block;
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper .footer-enable-on-mobile {
    display: none;
  }
}
footer .footer-wrapper .footer-disable-on-mobile {
  display: none;
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper .footer-disable-on-mobile {
    display: block;
  }
}
footer .footer-wrapper h2 {
  font-size: 1rem;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 48rem) {
  footer .footer-wrapper {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    align-items: start;
    padding: 3.125rem;
  }
}
@media screen and (max-width: 48rem) {
  footer .footer-wrapper {
    padding-bottom: 6.25rem;
  }
}

.my-swiper {
  width: 100%;
  margin: auto;
  margin-bottom: 1.25rem;
}
.my-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 48rem) {
  .my-swiper .swiper-slide {
    height: calc(100vh - 100px);
    max-height: unset;
  }
}
.my-swiper .swiper-slide .swiper-slide-image-desktop {
  display: none;
}
@media screen and (min-width: 48rem) {
  .my-swiper .swiper-slide .swiper-slide-image-desktop {
    display: flex;
  }
}
.my-swiper .swiper-slide .swiper-slide-image-mobile {
  display: flex;
}
@media screen and (min-width: 48rem) {
  .my-swiper .swiper-slide .swiper-slide-image-mobile {
    display: none;
  }
}
.my-swiper .swiper-slide img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 48rem) {
  .my-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.my-swiper .swiper-slide .swiper-slide-content {
  position: absolute;
  bottom: 3.125rem;
  left: 1.25rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.625rem;
}
@media screen and (min-width: 48rem) {
  .my-swiper .swiper-slide .swiper-slide-content {
    padding: 1.25rem;
  }
}
.my-swiper .swiper-slide .swiper-slide-content h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
}
.my-swiper .swiper-slide .swiper-slide-content p {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}
.my-swiper .swiper-slide .swiper-slide-content .dx-button {
  margin-top: 1.25rem;
}
.my-swiper .swiper-slide .swiper-slide-content .dx-button:hover p {
  color: #ffffff !important;
}
.my-swiper .swiper-button-next,
.my-swiper .swiper-button-prev {
  width: auto;
  height: 1.5rem;
}
.my-swiper .swiper-button-next svg path,
.my-swiper .swiper-button-prev svg path {
  fill: #fff;
}
.my-swiper .swiper-button-next {
  padding-right: 1.25rem;
}
.my-swiper .swiper-button-prev {
  padding-left: 1.25rem;
}
.my-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.iba {
  display: grid;
  place-content: center;
  position: relative;
  overflow: hidden;
  max-height: 90vh;
  max-width: 34.375rem;
  --position: 50%;
}
.iba .iba-container {
  aspect-ratio: 1/1;
}
.iba .iba-container .iba-image {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.iba .iba-container .iba-image-before {
  position: absolute;
  inset: 0;
  width: var(--position);
}
.iba .iba-slider {
  position: absolute;
  inset: 0;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.iba .iba-slider:focus-visible ~ .iba-slider-button {
  outline: 0.313rem solid #219AB3;
  outline-offset: 0.188rem;
}
.iba .iba-slider-line {
  position: absolute;
  inset: 0;
  width: 0.2rem;
  height: 100%;
  background-color: #ffffff;
  z-index: 10;
  left: var(--position);
  transform: translateX(-50%);
  pointer-events: none;
}
.iba .iba-slider-button {
  position: absolute;
  background-color: #ffffff;
  color: #000000;
  padding: 0.5rem;
  display: grid;
  place-items: center;
  top: 50%;
  left: var(--position);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.main-title {
  width: 100%;
  height: auto;
}
.main-title .main-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.125rem 0rem;
  gap: 2.813rem;
}
@media screen and (min-width: 48rem) {
  .main-title .main-title-wrapper {
    justify-content: flex-start;
  }
}
.main-title .main-title-wrapper h1, .main-title .main-title-wrapper h2 {
  font-size: clamp(2rem, 3.333vw + 1.333rem, 4rem);
  font-weight: 700;
  position: relative;
}
.main-title .main-title-wrapper h1::after, .main-title .main-title-wrapper h2::after {
  content: "";
  position: absolute;
  bottom: -11%;
  left: 0;
  width: 100%;
  height: 0.313rem;
  background-color: #219AB3;
}
.main-title .main-title-wrapper .dx-button {
  display: none;
}
@media screen and (min-width: 48rem) {
  .main-title .main-title-wrapper .dx-button {
    display: block;
  }
}

.sub-title {
  width: 100%;
  height: auto;
}
.sub-title .sub-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.125rem 0rem;
  gap: 2.813rem;
}
@media screen and (min-width: 48rem) {
  .sub-title .sub-title-wrapper {
    justify-content: flex-start;
  }
}
.sub-title .sub-title-wrapper h2 {
  font-size: clamp(2rem, 1.667vw + 1.667rem, 3rem);
  font-weight: 700;
  position: relative;
}
.sub-title .sub-title-wrapper h2::after {
  content: "";
  position: absolute;
  bottom: -11%;
  left: 0;
  width: 100%;
  height: 0.313rem;
  background-color: #219AB3;
}

.dx-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 0.938rem;
  outline: 0.125rem solid #000000;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  width: max-content;
}
.dx-button p {
  color: #111827;
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: none;
}
.dx-button::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000000;
  bottom: -100%;
  left: 0;
  z-index: -1;
  transition: bottom 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dx-button:hover p {
  color: #ffffff;
}
.dx-button:hover::after {
  bottom: 0%;
}

.dx-button-white {
  outline: 0.125rem solid #ffffff;
}
.dx-button-white p {
  color: #ffffff;
}
.dx-button-white::after {
  background-color: #ffffff;
}
.dx-button-white:hover p {
  color: #111827 !important;
}

.product-card {
  background-color: #EFEFEF;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product-card .product-card-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex: 1;
  height: 34.375rem;
  padding: 2.5rem 1.875rem;
  gap: 1.875rem;
  position: relative;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product-card .product-card-wrapper .product-card-image {
  height: 21.875rem;
}
@media screen and (max-height: 48rem) {
  .product-card .product-card-wrapper .product-card-image {
    height: 18.75rem;
  }
}
.product-card .product-card-wrapper .product-card-image img {
  height: 100%;
  width: auto;
}
.product-card .product-card-wrapper .product-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2.5rem 1.875rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (max-width: 48rem) {
  .product-card .product-card-wrapper .product-card-content .product-card-content {
    position: unset;
  }
}
.product-card .product-card-wrapper .product-card-content .product-card-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  z-index: 3;
}
.product-card .product-card-wrapper .product-card-content .product-card-buttons {
  display: flex;
  gap: 1.25rem;
  opacity: 0;
  height: auto;
  max-height: 0rem;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 3;
}
@media screen and (max-width: 48rem) {
  .product-card .product-card-wrapper .product-card-content .product-card-buttons {
    opacity: 1;
    max-height: 6rem;
    visibility: visible;
    transform: translateY(0);
  }
}
@media screen and (min-width: 48rem) {
  .product-card .product-card-wrapper .product-card-content .product-card-buttons .dx-button {
    outline: 0.125rem solid #ffffff;
  }
  .product-card .product-card-wrapper .product-card-content .product-card-buttons .dx-button::after {
    background-color: #ffffff;
  }
  .product-card .product-card-wrapper .product-card-content .product-card-buttons .dx-button p {
    color: #ffffff;
  }
  .product-card .product-card-wrapper .product-card-content .product-card-buttons .dx-button:hover p {
    color: #111827;
  }
}
.product-card .product-card-wrapper .product-card-overlay {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  background: linear-gradient(180.04deg, rgba(0, 0, 0, 0.15) 0.03%, rgba(0, 0, 0, 0.55) 69.99%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 48rem) {
  .product-card .product-card-wrapper .product-card-overlay {
    display: none;
  }
}
.product-card .product-card-wrapper:hover .product-card-content .product-card-title {
  color: #ffffff;
}
@media screen and (max-width: 48rem) {
  .product-card .product-card-wrapper:hover .product-card-content .product-card-title {
    color: #111827;
  }
}
@media screen and (min-width: 48rem) {
  .product-card .product-card-wrapper:hover .product-card-content .product-card-buttons {
    opacity: 1;
    max-height: 6rem;
    visibility: visible;
    transform: translateY(0);
  }
}
.product-card .product-card-wrapper:hover .product-card-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 1;
}

.website-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3.125rem;
  padding-bottom: 1.25rem;
  gap: 0.313rem;
}
.website-pagination .page-numbers {
  padding: 0.5rem 0.625rem;
  border: 0.125rem solid #000000;
  color: #000000;
  text-decoration: none;
}
.website-pagination .current {
  background-color: #000000;
  color: #ffffff;
}

.medicine-info {
  width: 100%;
  height: auto;
  margin-bottom: 3.125rem;
  background-color: #000000;
}
.medicine-info .medicine-info-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3.125rem;
  padding: 1.875rem 1.25rem;
  color: #ffffff;
}
@media screen and (min-width: 48rem) {
  .medicine-info .medicine-info-wrapper {
    padding: 1.875rem;
    flex-direction: row;
  }
}
.medicine-info .medicine-info-wrapper .qr_code {
  max-width: 200px;
}

.our-products {
  width: 100%;
  height: auto;
  margin-bottom: 3.125rem;
}
.our-products .our-product-wrapper {
  width: 100%;
  height: auto;
}
.our-products .our-product-wrapper .swiper-our-products {
  width: 100%;
  height: auto;
}
.our-products .our-product-wrapper .swiper-our-products .swiper-slide {
  height: auto;
}
.our-products .our-product-wrapper .swiper-our-products .swiper-button-next,
.our-products .our-product-wrapper .swiper-our-products .swiper-button-prev {
  background-color: #E5E5E5;
  padding: 0.625rem;
}
.our-products .our-product-wrapper .swiper-our-products .swiper-button-next svg path,
.our-products .our-product-wrapper .swiper-our-products .swiper-button-prev svg path {
  fill: #000000;
}
.our-products .our-product-wrapper .our-product-mobile-button {
  margin-top: 3.125rem;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 48rem) {
  .our-products .our-product-wrapper .our-product-mobile-button {
    display: none;
  }
}
.our-products .our-product-wrapper .our-product-mobile-button .dx-button {
  width: max-content;
}

.how-it-works {
  width: 100%;
  height: auto;
  background-color: #000000;
  margin-bottom: 3.125rem;
}
.how-it-works .how-it-works-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 3.125rem 1.25rem;
}
@media screen and (min-width: 73.75rem) {
  .how-it-works .how-it-works-wrapper {
    flex-direction: row-reverse;
    padding: 3.125rem;
    gap: 3.125rem;
  }
}
.how-it-works .how-it-works-wrapper .hw-right {
  max-width: 34.375rem;
}
.how-it-works .how-it-works-wrapper .hw-right .sub-title .sub-title-wrapper {
  justify-content: flex-start;
}
.how-it-works .how-it-works-wrapper .hw-right .sub-title .sub-title-wrapper h2 {
  color: #ffffff;
}
.how-it-works .how-it-works-wrapper .hw-right .hw-desc {
  color: #ffffff;
}
.how-it-works .how-it-works-wrapper .hw-right .dx-button {
  margin-left: auto;
  margin-top: 1.25rem;
  z-index: 1;
}

.single-news {
  background-color: #EFEFEF;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #111827;
}
.single-news .single-news-image {
  width: 100%;
  height: 20rem;
  overflow: hidden;
}
.single-news .single-news-image img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.single-news .single-news-content {
  padding: 1.25rem;
  padding-bottom: 1.875rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1 0 auto;
}
@media screen and (min-width: 64rem) {
  .single-news .single-news-content {
    flex: unset;
  }
}
.single-news .single-news-content .single-news-time {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
}
.single-news .single-news-content .single-news-time img {
  width: 1.25rem;
  height: auto;
}
.single-news .single-news-content h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  flex: 1 0 auto;
  width: 100%;
  text-align: left;
}
.single-news .single-news-content p {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 300;
  width: 100%;
  text-align: left;
}
.single-news:hover .single-news-image img {
  transform: scale(1.05);
}

.news {
  width: 100%;
  height: auto;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 48rem) {
  .news {
    padding: 0rem 1.25rem;
  }
}
.news .news-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 1.25rem;
  row-gap: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .news .news-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64rem) {
  .news .news-wrapper {
    grid-template-columns: 2fr 3fr;
  }
}
.news .news-wrapper .single-news:nth-child(2), .news .news-wrapper .single-news:nth-child(3) {
  display: none;
}
@media screen and (min-width: 48rem) {
  .news .news-wrapper .single-news:nth-child(2) {
    display: flex;
  }
}
@media screen and (min-width: 64rem) {
  .news .news-wrapper .single-news:nth-child(1) {
    grid-column: 1;
    grid-row: span 2;
  }
  .news .news-wrapper .single-news:nth-child(3) {
    display: flex;
  }
  .news .news-wrapper .single-news:nth-child(2), .news .news-wrapper .single-news:nth-child(3) {
    flex-direction: row;
  }
  .news .news-wrapper .single-news:nth-child(2) .single-news-image, .news .news-wrapper .single-news:nth-child(3) .single-news-image {
    max-width: 30%;
    height: 100%;
  }
  .news .news-wrapper .single-news:nth-child(2) .single-news-content h3, .news .news-wrapper .single-news:nth-child(3) .single-news-content h3 {
    flex: unset;
  }
}

.faq {
  width: 100%;
  height: auto;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 48rem) {
  .faq {
    padding: 0rem 1.25rem;
  }
}
.faq .faq-wrapper .faq-accordion li {
  list-style: none;
  width: 100%;
  height: auto;
  margin-bottom: 0.625rem;
  padding: 0rem;
  padding-left: 0.938rem;
  position: relative;
  transition-delay: 0.5s;
}
.faq .faq-wrapper .faq-accordion li .content {
  padding: 0rem 1.25rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  line-height: 1.4;
}
.faq .faq-wrapper .faq-accordion li label {
  width: 100%;
  padding: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
}
.faq .faq-wrapper .faq-accordion li label .open-close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 1.25rem;
  height: auto;
}
.faq .faq-wrapper .faq-accordion li label .open-close span {
  position: absolute;
  background-color: #000000;
  width: 1rem;
  height: 0.125rem;
}
.faq .faq-wrapper .faq-accordion li label .open-close span:nth-child(2) {
  transform: rotate(90deg);
}
.faq .faq-wrapper .faq-accordion li label + input[type=radio] {
  display: none;
}
.faq .faq-wrapper .faq-accordion li label + input[type=radio]:checked + .content {
  max-height: 31.25rem;
  background-color: #EFEFEF;
  padding: 1.25rem;
}
.faq .faq-wrapper .faq-accordion li label.is-active {
  background-color: #EFEFEF;
  padding: 1.25rem;
}
.faq .faq-wrapper .faq-accordion li label.is-active .open-close span:nth-child(2) {
  width: 0rem;
}
.faq .faq-wrapper .faq-accordion li::after {
  content: "";
  position: absolute;
  top: 0.313rem;
  left: 0;
  width: 0.938rem;
  height: 1.875rem;
  background-color: #EFEFEF;
}
.faq .faq-wrapper .faq-accordion li.is-active::after {
  top: 0;
  height: 100%;
  background-color: #219AB3;
}

.archive-products {
  width: 100%;
  height: auto;
  margin-bottom: 3.125rem;
}
.archive-products .archive-description {
  padding: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 48rem) {
  .archive-products .archive-description {
    padding: 0rem;
  }
}
.archive-products .products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 3.125rem;
}
@media screen and (min-width: 48rem) {
  .archive-products .products-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64rem) {
  .archive-products .products-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.archive-posts {
  width: 100%;
  height: auto;
  margin-bottom: 3.125rem;
  padding: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .archive-posts {
    padding: 1.25rem;
  }
}
.archive-posts .main-title .main-title-wrapper {
  padding-top: 0rem;
  justify-content: flex-start;
}
.archive-posts .posts-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media screen and (min-width: 48rem) {
  .archive-posts .posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 64rem) {
  .archive-posts .posts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.post-card {
  display: flex;
  height: 100%;
  background-color: #EFEFEF;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.post-card .post-card-wrapper {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  position: relative;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.post-card .post-card-wrapper .post-card-image {
  width: 100%;
  height: 21.25rem;
}
.post-card .post-card-wrapper .post-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-card .post-card-wrapper .post-card-content {
  padding: 1.25rem 1.875rem;
  width: 100%;
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (max-width: 48rem) {
  .post-card .post-card-wrapper .post-card-content .product-card-content {
    position: unset;
  }
}
.post-card .post-card-wrapper .post-card-content .post-card-meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.post-card .post-card-wrapper .post-card-content .post-card-meta img {
  width: 1.25rem;
  height: auto;
}
.post-card .post-card-wrapper .post-card-content .post-card-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  z-index: 3;
  flex: 1 0 auto;
}
.post-card .post-card-wrapper .post-card-content .post-card-title h3 a {
  color: #111827;
  text-decoration: none;
}
.post-card .post-card-wrapper .post-card-content .post-excerpt {
  line-height: 1.4;
}
.post-card .post-card-wrapper .post-card-content .post-card-buttons {
  width: 100%;
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
.post-card .post-card-wrapper .post-card-content .post-card-buttons .dx-button::after {
  z-index: 1;
}
.post-card .post-card-wrapper .post-card-content .post-card-buttons .dx-button p {
  z-index: 2;
}
.post-card .post-card-wrapper .post-card-content .post-card-buttons .dx-button:hover::after {
  bottom: 0%;
}

.product-container {
  overflow-x: hidden;
}
.product-container .product-header {
  width: 100%;
  height: 100vh;
  max-height: 56.25rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-container .product-header .product-header-bg-image {
  width: 100%;
  height: 100%;
  position: relative;
}
.product-container .product-header .product-header-bg-image .product-header-bg-image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
}
.product-container .product-header .product-header-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-container .product-header .product-header-bg-image .watermark {
  position: absolute;
  width: 9.375rem;
  height: auto;
  bottom: 2rem;
  right: 1.25rem;
  z-index: 99;
}
@media screen and (min-width: 48rem) {
  .product-container .product-header .product-header-bg-image .watermark {
    right: 3.125rem;
    bottom: 3.125rem;
  }
}
.product-container .product-header .product-header-content {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  gap: 3.125rem;
}
@media screen and (min-width: 48rem) {
  .product-container .product-header .product-header-content {
    gap: unset;
    flex-direction: row;
  }
}
.product-container .product-header .product-header-content .header-title {
  width: 100%;
  height: auto;
  padding: 1.25rem;
  padding-top: 4.125rem;
  max-width: 37.5rem;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 2;
  position: absolute;
}
@media screen and (min-width: 48rem) {
  .product-container .product-header .product-header-content .header-title {
    margin-left: 3.125rem;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 68.75rem) {
  .product-container .product-header .product-header-content .header-title {
    flex: unset;
    max-width: 60%;
  }
}
.product-container .product-header .product-header-content .header-title h3 {
  font-size: clamp(1.5rem, 1.25vw + 1.25rem, 2.25rem);
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 48rem) {
  .product-container .product-header .product-header-content .header-title h3 {
    text-align: left;
  }
}
.product-container .product-header .product-header-content .header-title h1 {
  font-size: clamp(2.5rem, 2.5vw + 2rem, 4rem);
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 48rem) {
  .product-container .product-header .product-header-content .header-title h1 {
    text-align: left;
  }
}
.product-container .product-header .product-header-content .header-title .dx-button {
  margin-top: 3.125rem;
}
.product-container .product-header .product-header-content .header-product-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
  flex: 1;
  z-index: 1;
}
@media screen and (max-width: 48rem) {
  .product-container .product-header .product-header-content .header-product-image {
    justify-content: center;
  }
  .product-container .product-header .product-header-content .header-product-image img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 64rem) {
  .product-container .product-header .product-header-content .header-product-image img {
    width: auto;
    height: 100%;
    max-height: 90vh;
  }
}
.product-container .product-container-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.product-container .product-container-wrapper .product-operation {
  width: 100%;
  max-width: 77.5rem;
  height: auto;
  padding: 0rem 1.25rem;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-operation {
    padding: 0rem 1.25rem;
  }
}
@media screen and (min-width: 75rem) {
  .product-container .product-container-wrapper .product-operation {
    padding: 0rem 3.125rem;
  }
}
.product-container .product-container-wrapper .product-operation .main-title .main-title-wrapper {
  justify-content: flex-start;
}
.product-container .product-container-wrapper .product-operation .product-operation-loop {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-operation .product-operation-loop {
    grid-template-columns: 1fr 1fr;
    gap: 1.875rem;
  }
}
@media screen and (min-width: 75rem) {
  .product-container .product-container-wrapper .product-operation .product-operation-loop {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem;
  }
}
.product-container .product-container-wrapper .product-operation .product-operation-loop .loop-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 1.25rem;
}
.product-container .product-container-wrapper .product-operation .product-operation-loop .loop-item .loop-item-image {
  width: 100%;
  max-width: 6.25rem;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-container .product-container-wrapper .product-operation .product-operation-loop .loop-item .loop-item-image img {
  width: 100%;
  height: auto;
}
.product-container .product-container-wrapper .product-operation .product-operation-loop .loop-item .loop-item-description {
  width: 12.5rem;
}
.product-container .product-container-wrapper .product-components {
  width: 100%;
  height: auto;
  background-color: #000000;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  margin-bottom: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-container .product-container-wrapper .product-components .product-components-wrapper {
  width: 100%;
  padding: 1.25rem;
  display: flex;
  justify-content: stretch;
  align-items: center;
  max-width: 77.5rem;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-components .product-components-wrapper {
    flex-direction: column;
    justify-content: center;
    gap: 3.125rem;
  }
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-components .product-components-wrapper {
    padding: 3.125rem;
  }
}
.product-container .product-container-wrapper .product-components .product-components-left {
  flex: 1;
}
.product-container .product-container-wrapper .product-components .product-components-left .main-title .main-title-wrapper h2 {
  color: #ffffff;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-components .product-components-left .main-title .main-title-wrapper {
    justify-content: flex-start;
  }
}
.product-container .product-container-wrapper .product-components .product-components-left .product-components-left-content {
  color: #ffffff;
  font-weight: 300;
  line-height: 1.4;
}
.product-container .product-container-wrapper .product-components .product-components-left .product-components-left-content ul {
  list-style: none;
}
.product-container .product-container-wrapper .product-components .product-components-left .product-components-left-content ul li {
  padding-left: 1.25rem;
  position: relative;
}
.product-container .product-container-wrapper .product-components .product-components-left .product-components-left-content ul li::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.125rem;
  background-color: #219AB3;
  left: 0;
  top: 0.6rem;
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-components .product-components-left .product-components-left-content {
    margin-left: 3.125rem;
  }
}
.product-container .product-container-wrapper .product-components .product-components-right {
  flex: 1;
  width: 100%;
}
.product-container .product-container-wrapper .product-components .product-components-right .product-components-right-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.product-container .product-container-wrapper .product-components .product-components-right .product-components-right-image img {
  width: 100%;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-components .product-components-right .product-components-right-image img {
    width: auto;
    height: 100%;
    max-height: 22rem;
  }
}
.product-container .product-container-wrapper .product-description {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper {
  width: 100%;
  padding: 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  max-width: 77.5rem;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .main-title .main-title-wrapper {
  padding-top: 0rem;
  justify-content: flex-start;
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-description .product-description-wrapper {
    padding: 3.125rem;
  }
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content {
    grid-template-columns: 1fr 1fr;
    gap: 3.125rem;
  }
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-left {
  line-height: 1.4;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab {
  padding-bottom: 3.125rem;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .description-tab-content {
  padding: 0rem 1.25rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  line-height: 1.4;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .description-tab-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .description-tab-title h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .description-tab-title .label-icon svg {
  rotate: 180deg;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .description-tab-title + input[type=radio] {
  display: none;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .description-tab-title + input[type=radio]:checked + .description-tab-content {
  max-height: 60.25rem;
  padding: 1.25rem;
}
.product-container .product-container-wrapper .product-description .product-description-wrapper .product-description-content .product-description-right .description-tab .label-is-active .label-icon svg {
  transform: rotate(180deg);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.product-container .product-container-wrapper .product-seo {
  width: 100%;
  height: auto;
  background-color: #000000;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  margin-bottom: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 3.125rem;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-seo .product-seo-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 48rem) {
  .product-container .product-container-wrapper .product-seo .product-seo-wrapper {
    padding-right: 3.125rem;
  }
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-left {
  flex: 1;
  height: auto;
  max-width: 50%;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-left {
    max-width: 100%;
  }
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-left .product-seo-left-image {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-left .product-seo-left-image img {
  width: 100%;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right {
  flex: 1;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right {
    padding: 3.125rem 1.25rem;
  }
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .main-title .main-title-wrapper h2 {
  color: #ffffff;
}
@media screen and (max-width: 48rem) {
  .product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .main-title .main-title-wrapper {
    padding-top: 1.25rem;
    justify-content: flex-start;
  }
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .product-seo-right-content {
  color: #ffffff;
  font-weight: 300;
  line-height: 1.4;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .product-seo-right-content ul {
  list-style: none;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .product-seo-right-content ul li {
  padding-left: 1.25rem;
  position: relative;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .product-seo-right-content ul li::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.125rem;
  background-color: #219AB3;
  left: 0;
  top: 0.6rem;
}
.product-container .product-container-wrapper .product-seo .product-seo-wrapper .product-seo-right .product-seo-right-content sup a {
  text-decoration: none;
  color: #ffffff;
}
.product-container .product-container-wrapper .single-product-our-products {
  width: 100%;
  padding: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 64rem) {
  .product-container .product-container-wrapper .single-product-our-products {
    padding: 3.125rem;
  }
}
.product-container .product-container-wrapper .single-product-our-products .main-title .main-title-wrapper {
  padding-top: 0rem;
}

.dx-single-post {
  padding: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  gap: 1.25rem;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 48rem) {
  .dx-single-post {
    padding: 0rem;
  }
}
@media screen and (min-width: 64rem) {
  .dx-single-post {
    flex-direction: row;
  }
}
.dx-single-post .dx-single-post-col {
  width: 100%;
  height: auto;
}
.dx-single-post .dx-single-post-col .featured-single-image {
  width: 100%;
  height: auto;
  max-height: 18.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.dx-single-post .dx-single-post-col .featured-single-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (min-width: 48rem) {
  .dx-single-post .dx-single-post-col .featured-single-image {
    max-height: 25.75rem;
  }
}
@media screen and (min-width: 64rem) {
  .dx-single-post .dx-single-post-col .featured-single-image {
    max-height: 31.25rem;
  }
}
.dx-single-post .dx-single-post-col .post-date {
  font-weight: 300;
  padding-bottom: 1.875rem;
}
.dx-single-post .dx-single-post-col .post-title {
  font-size: clamp(1.25rem, 0.392vw + 1.172rem, 1.5rem);
  padding-bottom: 1.875rem;
}
.dx-single-post .dx-single-post-col p {
  line-height: 1.4;
}

.container {
  margin-top: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 48rem) {
  .container {
    margin-top: 8.75rem;
  }
}
.container .container-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 48rem) {
  .container .container-wrapper {
    padding: 0rem 1.25rem;
  }
}
@media screen and (min-width: 75rem) {
  .container .container-wrapper {
    padding: 0rem 3.125rem;
  }
}
.container .container-wrapper .page-columns {
  width: 100%;
  max-width: 77.5rem;
  display: grid;
  align-items: start;
  grid-template-columns: 1fr;
  padding: 1.25rem;
  gap: 3.125rem;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 64rem) {
  .container .container-wrapper .page-columns {
    grid-template-columns: 1fr 1fr;
  }
}
.container .container-wrapper .page-columns .page-col .main-title .main-title-wrapper {
  justify-content: flex-start;
}
@media screen and (min-width: 48rem) {
  .container .container-wrapper .page-columns .page-col .main-title .main-title-wrapper {
    padding-top: 0rem;
  }
}
.container .container-wrapper .page-columns .page-col p {
  line-height: 1.4;
  font-size: 1rem;
}
.container .container-wrapper .page-columns .iba-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .container-wrapper .page-columns .iba-wrapper .iba {
  max-width: 80%;
  max-height: unset;
}
@media screen and (min-width: 64rem) {
  .container .container-wrapper .page-columns .iba-wrapper .iba {
    max-width: unset;
  }
}
.container .container-wrapper-full {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 48rem) {
  .container .container-wrapper-full {
    padding: 0rem 1.25rem;
  }
}
@media screen and (min-width: 75rem) {
  .container .container-wrapper-full {
    padding: 0rem 3.125rem;
  }
}

.product-container {
  margin-top: 0rem;
}

.breadcrumbs {
  width: 100%;
  padding: 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  font-size: 0.625rem;
  color: #000000;
}
@media screen and (min-width: 48rem) {
  .breadcrumbs {
    padding: 1.25rem 3.125rem;
  }
}
.breadcrumbs a {
  text-decoration: none;
  color: #219AB3;
}

.animation-reveal-left,
.animation-reveal-right,
.animation-reveal-bottom {
  opacity: 0;
  filter: blur(1px);
  will-change: opacity, transform, filter;
  transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), filter 1.1s ease-out;
}

.animation-reveal-left {
  transform: translateX(-70px);
}

.animation-reveal-right {
  transform: translateX(70px);
}

.animation-reveal-bottom {
  transform: translateY(60px);
}

.animation-reveal-left.revealed,
.animation-reveal-right.revealed,
.animation-reveal-bottom.revealed {
  opacity: 1;
  transform: translate(0, 0);
  filter: blur(0);
}

sup a {
  text-decoration: none;
  color: #111827;
}
/*# sourceMappingURL=main.min.css.map */