/*============================== 
	- Template Name: Visabee Consultants HTML TEMPLATE
	- Author: Qtec Solution Limited
	- Version: 1.0
	- Website: https://qtecsolution.com/
================================= */
/* @import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap"); */

/* onest-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/onest-v6-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/raleway-v34-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/montserrat-v29-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/poppins-v21-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/oswald-v53-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* slabo-27px-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/slabo-27px-v14-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotating {
  animation: rotating 12s linear infinite;
}

.updown {
  animation: updown 1s cubic-bezier(0.36, 0.07, 0.57, 0.99) infinite;
}

@keyframes updown {
  0% {
    transform: translateY(0.25rem);
  }

  50% {
    transform: translateY(0.75rem);
  }

  100% {
    transform: translateY(0.25rem);
  }
}

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

  100% {
    transform: translateY(0);
  }

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

@keyframes slideDownInMobile {
  0% {
    transform: translateY(-1.25rem);
  }

  100% {
    transform: translateY(0.625rem);
  }

  0% {
    transform: translateY(-1.25rem);
  }
}

@keyframes slideUpIn {
  0% {
    transform: translateY(-1.25rem);
  }

  100% {
    transform: translateY(0);
  }

  0% {
    transform: translateY(1.25rem);
  }
}

@keyframes slideUpInMobile {
  0% {
    transform: translateY(2.5rem);
  }

  100% {
    transform: translateY(1.5625rem);
  }

  0% {
    transform: translateY(2.5rem);
  }
}

@keyframes slideLeftIn {
  0% {
    transform: translateX(6.25rem);
  }

  100% {
    transform: translateX(0);
  }

  0% {
    transform: translateX(-6.25rem);
  }
}

@keyframes slideRightIn {
  0% {
    transform: translateX(6.25rem);
  }

  100% {
    transform: translateX(0);
  }

  0% {
    transform: translateX(6.25rem);
  }
}

@keyframes floating {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(1%);
  }

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

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.primary-button {
  padding: 0.75rem 1.875rem;
  border-radius: 0.25rem;
  background: #E2136E;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  border: none;
  transition: all 0.35s ease-in-out;
}

.primary-button:not([disabled]):hover {
  background: #005042;
}

.submit-button {
  display: block;
  text-align: center;
  padding: 0.75rem 1.875rem;
  border-radius: 0.25rem;
  background: #E2136E;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  border: none;
  transition: all 0.35s ease-in-out;
}

.submit-button:not([disabled]):hover {
  background: #005042;
}

.blog-button {
  padding: 0.75rem 1.875rem;
  border-radius: 0.25rem;
  background: hsl(0, 0%, 100%);
  border: 1px solid #E2136E;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  transition: all 0.35s ease-in-out;
}

.blog-button:not([disabled]):hover {
  background: #E2136E;
  color: hsl(0, 0%, 100%);
}

.cart-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: #E2136E;
  border-radius: 0.25rem;
  color: hsl(0, 0%, 100%);
  border: none;
  transition: all 0.35s ease-in-out;
}

.cart-button svg {
  height: 1.5rem;
  width: 1.5rem;
}

.cart-button:not([disabled]):hover {
  background: #005042;
}

.favorite-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: #e2e8f0;
  color: #0f172a;
  border-radius: 0.25rem;
  border: none;
  transition: all 0.35s ease-in-out;
}

.favorite-button svg {
  height: 1.5rem;
  width: 1.5rem;
}

.favorite-button:not([disabled]):hover {
  background: #cbd5e1;
}

.footer-btn {
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  background: #E2136E;
  padding: 0.5rem 1rem;
  outline: none;
  border: none;
  transition: all 0.35s ease-in-out;
}

.footer-btn:not([disabled]):hover {
  background: #005042;
}

.header {
  position: sticky;
  background: #000;
  width: 100%;
  z-index: 20;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
}

.header .header-nav {
  align-items: center;
  border-bottom: 1px solid #cbd5e1;
  /* padding: 10px 0; */
}

.header .header-nav .desktop-menu {
  list-style: none;
  gap: 40px;
  align-items: center;
}

.header .header-nav .desktop-menu .desktop-menu-list .desktop-menu-link {
  color: #0f172a;
  /* font-family: Onest; */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.header .header-nav .right-nav {
  list-style: none;
  gap: 20px;
  align-items: center;
  padding: 0;
}

@media screen and (min-width: 36rem) {
  .header .header-nav .right-nav {
    gap: 40px;
  }
}

.header .header-nav .mobile-menu {
  list-style: none;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
}

.header .header-nav .mobile-menu .mobile-menu-list .mobile-menu-link {
  padding-left: 1rem;
  color: #0f172a;
  font-family: "Onest ", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.menu-active {
  color: #E2136E !important;
  font-weight: 700;
}

.mobile-menu-open {
  border: none;
  border-radius: 0.25rem;
  background-color: #E2136E !important;
}

.header2 {
  position: sticky;
  background: #f8fafc;
  z-index: 20;
  top: 0;
}

.header2 .header-nav {
  align-items: center;
  border-bottom: 1px solid #cbd5e1;
  padding: 10px 0;
}

.header2 .header-nav .desktop-menu {
  list-style: none;
  gap: 40px;
  align-items: center;
}

.header2 .header-nav .desktop-menu .desktop-menu-list .desktop-menu-link {
  color: #0f172a;
  /* font-family: Onest; */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.header2 .header-nav .right-nav {
  list-style: none;
  gap: 20px;
  align-items: center;
  padding: 0;
}

@media screen and (min-width: 36rem) {
  .header2 .header-nav .right-nav {
    gap: 40px;
  }
}

.header2 .header-nav .mobile-menu {
  list-style: none;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
}

.header2 .header-nav .mobile-menu .mobile-menu-list .mobile-menu-link {
  padding-left: 1rem;
  color: #0f172a;
  font-family: "Onest ", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.menu-active {
  color: #E2136E !important;
  font-weight: 700 !important;
}

input,
select,
textarea {
  border: none;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input[type=date]::before {
  content: attr(data-placeholder);
  width: 100%;
}

input[type=date]:focus::before,
input[type=date]:valid::before {
  display: none;
}

textarea {
  resize: none;
}

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

/* Firefox */
input[type=number] {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}

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

input[type=search]::-webkit-search-decoration:focus,
input[type=search]::-webkit-search-cancel-button:focus,
input[type=search]::-webkit-search-results-button:focus,
input[type=search]::-webkit-search-results-decoration:focus {
  outline: none;
}

.form-control:focus,
.form-select:focus {
  box-shadow: none;
  outline: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  box-shadow: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow: none;
  outline: none;
}

.was-validated .form-control:valid:focus {
  box-shadow: none;
  outline: none;
}

.form-checkbox {
  position: relative;
  display: block;
  margin: 0 0 15px;
}

.form-checkbox .checkbox {
  position: absolute;
  opacity: 0;
}

.form-checkbox .checkbox+label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 20px;
  padding-left: 30px;
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
}

.form-checkbox .checkbox+label:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background: transparent;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1px #e2e8f0;
  border-radius: 4px;
  transition: 200ms ease-in-out all;
}

.form-checkbox .checkbox+label:after {
  position: absolute;
  display: block;
  top: 4px;
  left: 7px;
  content: "";
  width: 6px;
  height: 10px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transition: 200ms ease-in-out all;
}

.form-checkbox .checkbox+label:hover {
  color: #333;
}

.form-checkbox .checkbox+label:focus {
  outline: none;
}

.form-checkbox .checkbox:checked+label:before {
  background: #E2136E;
  box-shadow: none;
}

.form-checkbox .checkbox:checked+label:after {
  border-color: white;
}

.offcanvas {
  background: hsl(0, 0%, 100%);
  min-height: 100vh;
}

.offcanvas.offcanvas-top {
  border-bottom: 0;
}

.offcanvas.offcanvas-bottom {
  border-top: 0;
}

.offcanvas.offcanvas-start {
  border-right: 0;
  width: 17.5rem;
}

.offcanvas.offcanvas-end {
  border-left: 0;
}

.offcanvas-header .btn-close {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0rem;
  transition: all 350ms ease-in-out;
}

.offcanvas-header .btn-close:not([disabled]):hover {
  opacity: 1;
  transform: rotate(180deg);
}

.offcanvas-header .btn-close:not([disabled]):hover svg path {
  fill: hsl(0, 91%, 54%);
}

.offcanvas-body {
  background: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.offcanvas-body::-webkit-scrollbar {
  background: transparent;
  width: 0.5rem;
}

.offcanvas-body::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
}

.modal-content {
  border-radius: 1.25rem;
}

.modal-header {
  border: 0;
}

.modal-header .btn-close {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  opacity: 1;
}

.modal-header .btn-close i {
  font-size: 1.5rem;
}

.modal-header .btn-close svg {
  width: 100%;
  height: 100%;
  transition: transform 350ms ease-in-out;
}

.modal-header .btn-close:not([disabled]):hover {
  opacity: 1;
  transform: rotate(180deg);
}

.tooltip-inner {
  background: #10537c;
  font-size: 0.75rem;
}

.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: #10537c;
}

.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: #10537c;
}

.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: #10537c;
}

.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: #10537c;
}

.footer-inner {
  background: #005042;
  padding: 3rem 0;
}

.footer-inner .footer-left-content p {
  margin-top: 1.25rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
}

.footer-inner .footer-middle-content h3 {
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
}

.footer-inner .footer-middle-content ul {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.footer-inner .footer-middle-content ul .footer-list .footer-link {
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.footer-inner .footer-right-content h3 {
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.footer-inner .footer-right-content .social-icn {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.footer-inner .footer-right-content p {
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.footer-inner .footer-right-content .newsletter-form {
  display: flex;
  align-items: center;
  background: hsl(0, 0%, 100%);
  border-radius: 0.25rem;
  padding: 0.25rem 0.25rem 0.25rem 0.375rem;
  justify-content: space-between;
  margin-top: 1rem;
}

.footer-inner .footer-right-content .newsletter-form .newsletter-input {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.footer-inner .footer-right-content .newsletter-form .newsletter-input input {
  width: 100%;
}

.footer-inner .footer-right-content .newsletter-form .newsletter-input input::-moz-placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.footer-inner .footer-right-content .newsletter-form .newsletter-input input::placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.footer-inner .footer-right-content .newsletter-form .newsletter-icon {
  width: 1.25rem;
  height: 1rem;
  margin-bottom: 0.25rem;
}

.coppy-rights {
  background: #005042;
  padding-bottom: 1rem;
}

.coppy-rights p {
  color: hsl(0, 0%, 100%);
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.coppy-rights img {
  padding: 0 10px;
  max-width: 400px;
  width: 100%;
}

.preloader {
  background: #F8FAFC;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 9999999999;
}

.preloader .loader {
  width: 9.375rem;
  height: 9.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.loader-7 {
  width: 4rem;
  height: 4rem;
  border: solid 0.1875rem #107cb9;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  animation: rotation 1s linear infinite;
}

.loader-7:after,
.loader-7:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #107cb9;
  width: calc(4rem / 8);
  height: calc(4rem / 8);
  border-radius: 100%;
}

.loader-7:before {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

table tr {
  vertical-align: middle;
}

table tr th,
table tr td {
  vertical-align: middle;
}

.authform {
  background: hsl(0, 0%, 100%);
  border-radius: 2.25rem;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.75rem;
  padding: 2.5rem;
}

.verifyform {
  background: hsl(0, 0%, 100%);
  border-radius: 2.25rem;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2.5rem;
}

.inputfield {
  background: #fafafa;
  color: hsl(0, 0%, 0%);
  border: solid 0.0625rem #f1f1f1;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
  width: 100%;
  height: 3.5rem;
  border-radius: 0.75rem;
  padding: 0.9375rem 1.0625rem;
  transition: all 350ms ease-in-out;
}

.inputfield:focus {
  border-color: #1c94d1;
}

.inputfield::-moz-placeholder {
  color: #475569;
}

.inputfield::placeholder {
  color: #475569;
}

.messagefield {
  background: #fafafa;
  color: hsl(0, 0%, 0%);
  border: solid 0.0625rem #f1f1f1;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
  width: 100%;
  border-radius: 0.75rem;
  padding: 0.9375rem 1.0625rem;
  transition: all 350ms ease-in-out;
}

.messagefield:focus {
  border-color: #1c94d1;
}

.messagefield::-moz-placeholder {
  color: #475569;
}

.messagefield::placeholder {
  color: #475569;
}

.messagefield.textareafield {
  height: 6.5rem;
}

/* .form-select {
  background-color: #fafafa;
  color: #475569;
  border: solid 0.0625rem #f1f1f1;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
  width: 100%;
  height: 3.5rem;
  border-radius: 0.75rem;
  padding: 0.9375rem 1.0625rem;
  transition: all 350ms ease-in-out;
} */

.form-select:focus {
  border-color: #1c94d1;
}

.contactform {
  background: hsl(0, 0%, 100%);
  border: solid 0.0625rem #F8FAFC;
  border-radius: 1.5rem;
  padding: 1.5rem;
}

.contactform .messagebox {
  position: relative;
}

.contactform .messagebox .messagelength {
  color: #cbd5e1;
  position: absolute;
  bottom: 0.875rem;
  right: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  z-index: 10;
}

.accountform {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.inputbox {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.inputbox .inputlabel {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #5d5f67;
  font-size: 1rem;
  font-weight: 400;
}

.inputbox .inputlabel .mylabeltext {
  color: inherit;
  font: inherit;
}

.inputbox .inputlabel .icon {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.inputbox .fieldbox {
  background: #f6f6f6;
  border: solid 0.0625rem #e6e6e6;
  border-radius: 0.5rem;
  position: relative;
  height: 3rem;
  transition: all 350ms ease-in-out;
}

.inputbox .fieldbox .inputfield {
  background: transparent;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0rem;
}

.inputbox .fieldbox .changefield {
  width: calc(100% - 4.375rem);
  margin-right: auto;
}

.inputbox .fieldbox .btn-change {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.125rem;
  z-index: 100;
}

.inputbox .fieldbox .btn-change:not([disabled]):hover {
  color: #0e6296;
}

.inputbox .fieldbox:focus-within {
  border-color: #107cb9;
}

.searchform {
  background: hsl(0, 0%, 100%);
  border-radius: 0.625rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  height: 4.0625rem;
}

.searchform .searchfield {
  color: #19191a;
  font-size: 1rem;
  font-weight: 600;
  padding: 1.125rem 1.5rem;
  width: calc(100% - 3.75rem);
}

@media screen and (min-width: 48rem) {
  .searchform .searchfield {
    width: calc(100% - 14.5rem);
  }
}

.searchform .searchfield::-moz-placeholder {
  color: rgba(25, 25, 26, 0.5);
}

.searchform .searchfield::placeholder {
  color: rgba(25, 25, 26, 0.5);
}

.searchform .btn-search {
  background: linear-gradient(94deg, #1c94d1 7.24%, #49b530 100%);
  color: hsl(0, 0%, 100%);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  width: 3.75rem;
  height: 3.4375rem;
}

@media screen and (min-width: 48rem) {
  .searchform .btn-search {
    width: 14.5rem;
  }
}

@media screen and (min-width: 75rem) {
  .searchform .btn-search {
    width: 18.75rem;
  }
}

.searchform .btn-search .searchicon {
  width: 1.1875rem;
  height: 1.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.searchform .btn-search .searchtext {
  color: inherit;
  font-size: 1rem;
  font-weight: 600;
}

.uploadbox {
  display: flex;
  gap: 1.375rem;
  align-items: center;
}

.uploadbox .title {
  color: hsl(0, 0%, 0%);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.uploadbox .customfile {
  cursor: pointer;
  background: linear-gradient(180deg, #f5f5f6 0%, rgba(245, 245, 246, 0) 100%);
  padding: 0.625rem 1.125rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem #F1F5F9;
}

.desktopmenu {
  background: #10537c;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.375rem;
}

.desktoplist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2.875rem;
  justify-content: center;
}

.desktoplist-link {
  color: hsl(0, 0%, 100%);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.7;
}

.desktoplist-link:hover:not(.active) {
  color: #86cdf3;
}

.desktoplist-link.active {
  color: #86cdf3;
}

.headerlist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media screen and (min-width: 48rem) {
  .headerlist {
    gap: 1.25rem;
  }
}

@media screen and (min-width: 62rem) {
  .headerlist {
    gap: 2.5rem;
  }
}

.headerlist-link {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
}

.headerlist-link .linkicon {
  border: solid 0.0625rem rgba(18, 20, 29, 0.1);
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
}

.headerlist-link .listinfo {
  display: none;
}

@media screen and (min-width: 62rem) {
  .headerlist-link .listinfo {
    display: flex;
    flex-direction: column;
  }
}

.headerlist-link .listinfo .linktitle,
.headerlist-link .listinfo .linktext {
  color: #19191a;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.headerlist-link .listinfo .linktitle {
  font-weight: 500;
}

.headerlist-link .listinfo .linktext {
  font-weight: 600;
}

.mobilelist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.mobilelist-link {
  color: #19191a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  width: 100%;
  border-bottom: solid 0.0625rem rgba(18, 20, 29, 0.1);
  padding: 0.625rem 0rem;
}

.mobilelist-link:hover:not(.active) {
  border-color: #86cdf3;
  color: #86cdf3;
}

.mobilelist-link.active {
  border-color: #86cdf3;
  color: #86cdf3;
}

.sociallist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.sociallist-link {
  background: #27272a;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  transition: all 350ms ease-in-out;
}

.sociallist-link svg path {
  fill: hsl(0, 0%, 100%);
}

.sociallist-link.fblink:not([disabled]):hover {
  background: #1877f2;
}

.sociallist-link.twitlink:not([disabled]):hover {
  background: #1da1f2;
}

.sociallist-link.instalink:not([disabled]):hover {
  background: #4f5bd5;
}

.sociallist-link.gitlink:not([disabled]):hover {
  background: #2563eb;
}

.footlist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.footlist-link {
  color: hsl(0, 0%, 100%);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.75;
}

.listsocial {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.listsocial-link {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.listsocial-link:not([disabled]):hover svg path {
  fill: #107cb9;
}

.mycontactlist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mycontactlist-item {
  color: #475569;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
}

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

.mycontactlist-link .listicon {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mycontactlist-link .listtext {
  color: #475569;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
}

.mycontactlist-link:not([disabled]):hover .listicon svg path {
  fill: #107cb9;
}

.mycontactlist-link:not([disabled]):hover .listtext {
  color: #107cb9;
}

.sidelist {
  background: hsl(0, 0%, 100%);
  border: solid 0.0625rem rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sidelist-link {
  background: hsl(0, 0%, 100%);
  color: #7d7f85;
  border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem;
}

@media screen and (min-width: 87.5rem) {
  .sidelist-link {
    font-size: 1.125rem;
  }
}

.sidelist-link:hover:not(.active) {
  background: #e2f1fc;
  color: #0e6296;
  font-weight: 500;
}

.sidelist-link.active {
  background: #e2f1fc;
  color: #0e6296;
  font-weight: 500;
}

.sidelist-item:last-of-type .sidelist-link {
  border-bottom: 0;
}

.reviewlist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.reviewlist-item {
  width: 1.5rem;
  height: 1.5rem;
}

.reviewlist-item svg path {
  fill: #f59e0b;
}

.accordion-button {
  border-color: transparent !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
}

.accordion-item {
  background-color: #F8FAFC;
  border: none;
  margin-bottom: 0.75rem;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #E2136E !important;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  background-color: hsl(0, 0%, 100%);
  box-shadow: none;
}

.accordion-body {
  padding: 0.75rem 1rem;
  background: hsl(0, 0%, 100%);
  margin: 0.75rem 0;
  border-radius: 0.25rem;
}

.category-header {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.category-header-img {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border-radius: 62499.9375rem;
}

.category-header-text {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.category-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.category-list .category-item {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  cursor: pointer;
}

.category-list .category-item:hover {
  color: #E2136E;
}

.scroller__inner {
  display: flex;
  gap: 1rem;
}

.autoslides[data-animated=true] {
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.autoslides[data-animated=true] .scroller__inner {
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.autoslides[data-direction=right] {
  --_animation-direction: reverse;
}

.autoslides[data-direction=left] {
  --_animation-direction: forwards;
}

.autoslides[data-speed=fast] {
  --_animation-duration: 20s;
}

.autoslides[data-speed=slow] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

/* general styles */
:root {
  --clr-neutral-100: hsl(0, 0%, 100%);
  --clr-primary-100: hsl(205, 15%, 58%);
  --clr-primary-400: hsl(215, 25%, 27%);
  --clr-primary-800: hsl(217, 33%, 17%);
  --clr-primary-900: hsl(218, 33%, 9%);
}

.customcheck .checkprivacy:checked~.checklabel::after {
  opacity: 1;
  visibility: visible;
}

.customcheck .checklabel {
  cursor: pointer;
  position: relative;
  padding-left: 1.875rem;
}

.customcheck .checklabel::before,
.customcheck .checklabel::after {
  content: "";
  position: absolute;
}

.customcheck .checklabel::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.25rem;
  transition: all 350ms ease-in-out;
}

.customcheck .checklabel::after {
  width: 0.625rem;
  height: 0.3125rem;
  border: solid 0.0625rem hsl(0, 0%, 100%);
  border-top: 0;
  left: 0.28125rem;
  border-right: 0;
  top: 50%;
  transform: translateY(-70%) rotate(-45deg);
  opacity: 0;
  visibility: hidden;
  transition: transform 350ms ease-in-out;
}

.customcheck .checklabel .checklink {
  transition: color 350ms ease-in-out;
  text-decoration: none;
}

.categoryradio .radiolabel {
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  text-align: center;
}

.categoryradio .radiolabel .icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.categoryradio .radiolabel .categorytitle {
  font-size: 0.875rem;
  font-weight: 500;
}

.langselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: hsl(0, 0%, 100%) url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.6521L12 12.3478L18 7.6521' stroke='%23543E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-origin: content-box;
  background-position: center right 0;
  background-repeat: no-repeat;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  width: 4.625rem;
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
}

@media screen and (min-width: 62rem) {
  .langselect {
    width: 8.75rem;
    height: 2.875rem;
    padding: 0.625rem 1rem;
  }
}

.line-clamp1 {
  overflow: hidden;
  /* display: -webkit-box; */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 56px;
  -webkit-line-clamp: 2;
}

.line-clamp3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #F8FAFC;
}

main {
  flex-grow: 1;
  overflow: hidden;
}

.hero-inner {
  background-image: url("../../frontend/images/home/Banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 0 0px 0;
}

.hero-inner-content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  justify-content: center;
  height: 100%;
}

.hero-inner-content .title {
  color: #004035;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.375rem;
  font-weight: 400;
}

@media screen and (min-width: 62rem) {
  .hero-inner-content .title {
    font-size: 3rem;
  }
}

@media screen and (min-width: 75rem) {
  .hero-inner-content .title {
    font-size: 4rem;
    line-height: 5rem;
  }
}

.hero-inner-content .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.category-inner {
  margin-top: 3rem;
}

.category-inner .category-inner-cart figure {
  height: 10rem;
  border-radius: 100px 100px 0px 0px;
  background: #f8fafc;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 2.3125rem 2.3125rem 1.25rem 2.3125rem;
}

.category-inner .category-inner-cart figure .category-img {
  height: 6.75rem;
  width: 6.75rem;
  object-fit: contain;
}

.category-inner .category-inner-cart .category-name {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 18px;
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
  margin-top: 8px;
}

.popularProduct-inner {
  margin-top: 7rem;
}

.popularProduct-inner-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-style: normal;
  line-height: 3rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.popularProduct-inner-category {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.popularProduct-inner-category-btn {
  padding: 4px 12px;
  border-radius: 0.25rem;
  background: #e6f1ef;
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  border: none;
  transition: all 0.35s ease-in-out;
}

.popularProduct-inner-category-btn:hover {
  background: #E2136E;
  color: hsl(0, 0%, 100%);
}

.popularProduct-inner-cart {
  cursor: pointer;
}

.popularProduct-inner-cart-image {
  position: relative;
}

.popularProduct-inner-cart-image .product-img {
  width: 100%;
}

@media screen and (min-width: 48rem) {
  .popularProduct-inner-cart-image .product-img {
    width: 18.875rem;
    height: 18.875rem;
  }
}

.popularProduct-inner-cart-image .new {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #3b82f6;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.popularProduct-inner-cart-image .discount {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #ef4444;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.popularProduct-inner-cart-image .popularProduct-inner-cart-inner {
  display: none;
}

.popularProduct-inner-cart-image .popularProduct-inner-cart-inner .popularProduct-inner-cart-hover {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.popularProduct-inner-cart-image .popularProduct-inner-cart-inner .popularProduct-inner-cart-hover .cart-hover-bg {
  display: flex;
  width: 3rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.875rem;
  background: hsl(0, 0%, 100%);
  box-shadow: 0px 10px 14px -4px rgba(15, 28, 51, 0.08), 0px 2px 8px -4px rgba(15, 28, 51, 0.05);
}

.popularProduct-inner-cart-image:hover .popularProduct-inner-cart-inner {
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.popularProduct-inner-cart-content {
  padding: 16px;
}

.popularProduct-inner-cart-content .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.popularProduct-inner-cart-content .innerPrice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.popularProduct-inner-cart-content .innerPrice .price {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
}

.popularProduct-inner-cart-content .innerPrice .discountPrice {
  color: #64748B;
  /* font-family: "DM Serif Display", serif; */
  text-decoration: line-through;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration-line: strikethrough;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.plantHome {
  padding-top: 7rem;
}

.plantHome-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.plantHome-inner-content-title {
  color: hsl(0, 0%, 0%);
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
}

.plantHome-inner-content-details {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 16px 0 32px 0;
}

.plantHome-inner figure {
  width: 100%;
}

.plantHome-inner figure .plantHome-inner-imge {
  width: 100%;
}

.plantHome2 {
  padding: 60px 0 32px 0;
}

.plantHome2-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.plantHome2-inner-content-title {
  color: hsl(0, 0%, 0%);
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
}

.plantHome2-inner-content-details {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 16px 0 32px 0;
}

.plantHome2-inner figure {
  width: 100%;
}

.plantHome2-inner figure .plantHome-inner-imge {
  width: 100%;
}

.peopleSays-inner {
  background: #e6f1ef;
  padding: 3rem 0 0 0;
  margin-top: 7rem;
}

.peopleSays-inner .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.peopleSays-inner .details {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-top: 1.25rem;
}

.peopleSays-inner .peopleSays-cart {
  border-radius: 0.25rem;
  background: hsl(0, 0%, 100%);
  padding: 1.5rem;
}

.peopleSays-inner .peopleSays-cart .star {
  display: flex;
  align-items: center;
  gap: 5px;
}

.peopleSays-inner .peopleSays-cart .star img {
  width: 15px;
  height: 15px;
}

.peopleSays-inner .peopleSays-cart .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: start;
  margin-top: 0;
  padding: 1rem 0;
}

.peopleSays-inner .peopleSays-cart .people-details {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.peopleSays-inner .peopleSays-cart .people-details .people-img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3.125rem;
  background: lightgray 50%/cover no-repeat;
}

.peopleSays-inner .peopleSays-cart .people-details .people-name {
  color: #262626;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.inner-recentBlock {
  background: #F8FAFC;
  padding-top: 8.75rem;
  padding-bottom: 5rem;
}

.inner-recentBlock .section-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.inner-recentBlock .section-description {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-top: 1.25rem;
}

.inner-recentBlock .blog-cart {
  background: hsl(0, 0%, 100%);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}

.inner-recentBlock .blog-cart:hover {
  box-shadow: 0px 16px 20px -4px rgba(15, 28, 51, 0.1), 0px 6px 8px -4px rgba(15, 28, 51, 0.04);
}

.inner-recentBlock .blog-cart .blog-img {
  width: 100%;
  height: 294px;
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.inner-recentBlock .blog-cart .blog-cart-content {
  padding: 12px 12px 20px 12px;
}

.inner-recentBlock .blog-cart .blog-cart-content .blog-title {
  color: #0f172a;
  padding-bottom: 12px;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.inner-recentBlock .blog-cart .blog-cart-content .blog-author {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.inner-recentBlock .blog-cart .blog-cart-content .blog-author .author-name {
  position: relative;
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.inner-recentBlock .blog-cart .blog-cart-content .blog-author .author-name::after {
  position: absolute;
  top: 0.25rem;
  right: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.inner-recentBlock .blog-cart .blog-cart-content .blog-author .publish-date {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.inner-support {
  background: #e6f1ef;
  padding: 63px 0;
  margin-bottom: 80px;
}

.inner-support .support-content {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

@media screen and (min-width: 36rem) {
  .inner-support .support-content {
    justify-content: flex-start;
  }
}

.inner-support .support-content .icon {
  width: 3.5rem;
  height: 3.5rem;
}

.inner-support .support-content .support-text h4 {
  color: #232323;
  margin-top: 8px;
  /* Mobile/H5/medium */
  /* font-family: Onest; */
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 140% */
}

.inner-support .support-content .support-text p {
  color: #707070;
  padding-top: 10px;
  /* Body/lg/regular */
  /* font-family: Onest; */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.hero2 {
  margin-top: 5rem;
}

.hero2-inner-content-indoor {
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 1.875rem;
  background: #e6f1ef;
  display: inline-block;
}

.hero2-inner-content-title {
  color: #004035;
  /* font-family: "DM Serif Display", serif; */
  font-size: 40px;
}

@media screen and (min-width: 75rem) {
  .hero2-inner-content-title {
    font-size: 4rem;
    line-height: 5rem;
  }
}

.hero2-inner-content-details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 0.875rem 0 1.25rem 0;
}

@media screen and (min-width: 75rem) {
  .hero2-inner-content-details {
    margin: 1.5rem 0 2.5rem 0;
  }
}

.hero2-inner-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  gap: 8.125rem;
}

.hero2-inner-right-content {
  list-style: none;
  border-right: 2px solid #C2DDD8;
}

.hero2-inner-right-content li {
  text-align: end;
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  padding: 0 0.75rem 0 0;
  cursor: pointer;
  transition: all 0.35s;
}

.hero2-inner-right-content li:hover {
  color: #E2136E;
  border-right: 2px solid #E2136E;
}

.hero2-inner-right-social .social-item {
  border-radius: 0.5rem;
  border: 1px solid #004035;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}

.hero2-inner-right-social .social-item .social-item-svg {
  width: 1.25rem;
  height: 1.25rem;
}

.hero2-inner-right-social .social-item .social-item-path {
  transition: all 0.35s ease-in-out;
}

.hero2-inner-right-social .social-item:hover {
  background: #E2136E;
}

.hero2-inner-right-social .social-item:hover .social-item-path {
  fill: hsl(0, 0%, 100%);
}

.plant-category {
  margin-top: 7rem;
}

.plant-category-cart {
  -moz-border-top-left-radius: 0rem;
  border-top-left-radius: 0rem;
  -moz-border-bottom-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  -moz-border-top-right-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  -moz-border-bottom-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  background: #e6f1ef;
}

.plant-category-cart .cart-inner {
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.plant-category-cart .cart-inner .image {
  width: 8.75rem;
  height: 8.75rem;
  flex-shrink: 0;
}

.plant-category-cart .cart-inner .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.plant-category-cart .cart-inner .content .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.plant-category-cart .cart-inner .content .link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.plant-category-cart .cart-inner .starting {
  position: absolute;
  top: 0;
  right: 0;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 4px 12px;
  -moz-border-top-left-radius: 0rem;
  border-top-left-radius: 0rem;
  -moz-border-bottom-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  -moz-border-top-right-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  -moz-border-bottom-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  background: #E2136E;
}

.inner-support2 {
  margin-top: 5rem;
  background: #E2136E;
  padding: 63px 0;
}

.inner-support2 .support-content {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

@media screen and (min-width: 36rem) {
  .inner-support2 .support-content {
    justify-content: flex-start;
  }
}

.inner-support2 .support-content .icon {
  width: 3.5rem;
  height: 3.5rem;
}

.inner-support2 .support-content .support-text h4 {
  color: hsl(0, 0%, 100%);
  margin-top: 8px;
  /* Mobile/H5/medium */
  /* font-family: Onest; */
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 140% */
}

.inner-support2 .support-content .support-text p {
  color: hsl(0, 0%, 100%);
  padding-top: 10px;
  /* Body/lg/regular */
  /* font-family: Onest; */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.popularProduct2 {
  margin-top: 5rem;
}

.popularProduct2-inner-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-style: normal;
  line-height: 3rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.popularProduct2-inner-category {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.popularProduct2-inner-category-btn {
  padding: 4px 12px;
  border-radius: 0.25rem;
  background: #e6f1ef;
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  border: none;
  transition: all 0.35s ease-in-out;
}

.popularProduct2-inner-category-btn:hover {
  background: #E2136E;
  color: hsl(0, 0%, 100%);
}

.popularProduct2-inner-cart {
  cursor: pointer;
}

.popularProduct2-inner-cart-image {
  position: relative;
}

.popularProduct2-inner-cart-image .product-img {
  width: 100%;
  height: 18.875rem;
}

.popularProduct2-inner-cart-image .new {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #3b82f6;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.popularProduct2-inner-cart-image .discount {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #ef4444;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.popularProduct2-inner-cart-image .popularProduct2-inner-cart-inner {
  display: none;
}

.popularProduct2-inner-cart-image .popularProduct2-inner-cart-inner .popularProduct2-inner-cart-hover {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.popularProduct2-inner-cart-image .popularProduct2-inner-cart-inner .popularProduct2-inner-cart-hover .cart-hover-bg {
  display: flex;
  width: 3rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.875rem;
  background: hsl(0, 0%, 100%);
  box-shadow: 0px 10px 14px -4px rgba(15, 28, 51, 0.08), 0px 2px 8px -4px rgba(15, 28, 51, 0.05);
}

.popularProduct2-inner-cart-image:hover .popularProduct2-inner-cart-inner {
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.popularProduct2-inner-cart-content {
  padding: 16px;
}

.popularProduct2-inner-cart-content .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.popularProduct2-inner-cart-content .innerPrice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.popularProduct2-inner-cart-content .innerPrice .price {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
}

.popularProduct2-inner-cart-content .innerPrice .discountPrice {
  color: #64748B;
  /* font-family: "DM Serif Display", serif; */
  text-decoration: line-through;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration-line: strikethrough;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.product-variant {
  margin-top: 7rem;
}

.product-variant .content {
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -moz-border-top-right-radius: 5rem;
  border-top-right-radius: 5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background: #f1e7db;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 3.1875rem 0 0 2rem;
}

.product-variant .content .content-left .variant {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-variant .content .content-left .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
}

.product-variant .content .content-left-img {
  display: flex;
  justify-content: center;
}

.product-variant .content .content-left-img img {
  width: 16.875rem;
  height: 16.875rem;
  flex-shrink: 0;
}

.product-variant .content1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product-variant .content1 .content-top {
  -moz-border-top-left-radius: 2rem;
  border-top-left-radius: 2rem;
  -moz-border-bottom-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background-color: #e5eefa;
  padding: 48px 16px 13px 24px;
  display: flex;
  justify-content: space-between;
}

.product-variant .content1 .content-top .content-left .variant {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-variant .content1 .content-top .content-left .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
}

.product-variant .content1 .content-top .content-right {
  margin-top: 13px;
}

.product-variant .content1 .content-top .content-right img {
  width: 7.9375rem;
  height: 7.9375rem;
  flex-shrink: 0;
}

.product-variant .content1 .content-bottom {
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -moz-border-top-right-radius: 2rem;
  border-top-right-radius: 2rem;
  -moz-border-bottom-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  background-color: #f7e4e0;
  padding: 48px 16px 13px 24px;
  display: flex;
  justify-content: space-between;
}

.product-variant .content1 .content-bottom .content-left .variant {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-variant .content1 .content-bottom .content-left .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
}

.product-variant .content1 .content-bottom .content-right {
  margin-top: 13px;
}

.product-variant .content1 .content-bottom .content-right img {
  width: 7.9375rem;
  height: 7.9375rem;
  flex-shrink: 0;
}

.product-variant .content2 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product-variant .content2 .content-top {
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -moz-border-top-right-radius: 2rem;
  border-top-right-radius: 2rem;
  -moz-border-bottom-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  background-color: #dedbf1;
  padding: 48px 16px 13px 24px;
  display: flex;
  justify-content: space-between;
}

.product-variant .content2 .content-top .content-left .variant {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-variant .content2 .content-top .content-left .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
}

.product-variant .content2 .content-top .content-right {
  margin-top: 13px;
}

.product-variant .content2 .content-top .content-right img {
  width: 7.9375rem;
  height: 7.9375rem;
  flex-shrink: 0;
}

.product-variant .content2 .content-bottom {
  -moz-border-top-left-radius: 2rem;
  border-top-left-radius: 2rem;
  -moz-border-bottom-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background-color: #dbe9f1;
  padding: 48px 16px 13px 24px;
  display: flex;
  justify-content: space-between;
}

.product-variant .content2 .content-bottom .content-left .variant {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-variant .content2 .content-bottom .content-left .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
}

.product-variant .content2 .content-bottom .content-right {
  margin-top: 13px;
}

.product-variant .content2 .content-bottom .content-right img {
  width: 7.9375rem;
  height: 7.9375rem;
  flex-shrink: 0;
}

.plantHome {
  padding-top: 7rem;
}

.plantHome-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.plantHome-inner-content-title {
  color: hsl(0, 0%, 0%);
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
}

.plantHome-inner-content-details {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 16px 0 32px 0;
}

.plantHome-inner figure {
  width: 100%;
}

.plantHome-inner figure .plantHome-inner-imge {
  width: 100%;
}

.plantHome2 {
  padding: 60px 0 32px 0;
}

.plantHome2-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.plantHome2-inner-content-title {
  color: hsl(0, 0%, 0%);
  /* font-family: "Onest", sans-serif; */
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

.plantHome2-inner-content-details {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 16px 0 32px 0;
}

.plantHome2-inner figure {
  width: 100%;
}

.plantHome2-inner figure .plantHome-inner-imge {
  width: 100%;
}

.peopleSays-inner2 {
  background: #e6f1ef;
  padding: 3rem 0 0 0;
  margin-top: 7rem;
}

.peopleSays-inner2 .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.peopleSays-inner2 .details {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-top: 1.25rem;
}

.peopleSays-inner2 .peopleSays-cart {
  border-radius: 0.25rem;
  background: hsl(0, 0%, 100%);
  padding: 1.5rem;
}

.peopleSays-inner2 .peopleSays-cart .star {
  display: flex;
  align-items: center;
  gap: 5px;
}

.peopleSays-inner2 .peopleSays-cart .star img {
  width: 15px;
  height: 15px;
}

.peopleSays-inner2 .peopleSays-cart .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: start;
  margin-top: 0;
  padding: 1rem 0;
}

.peopleSays-inner2 .peopleSays-cart .people-details {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.peopleSays-inner2 .peopleSays-cart .people-details .people-img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3.125rem;
  background: lightgray 50%/cover no-repeat;
}

.peopleSays-inner2 .peopleSays-cart .people-details .people-name {
  color: #262626;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.inner-recentBlock2 {
  background: #F8FAFC;
  padding: 5rem 0;
}

.inner-recentBlock2 .section-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.inner-recentBlock2 .section-description {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-top: 1.25rem;
}

.inner-recentBlock2 .blog-cart {
  background: hsl(0, 0%, 100%);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}

.inner-recentBlock2 .blog-cart:hover {
  box-shadow: 0px 16px 20px -4px rgba(15, 28, 51, 0.1), 0px 6px 8px -4px rgba(15, 28, 51, 0.04);
}

.inner-recentBlock2 .blog-cart .blog-img {
  width: 100%;
  height: 294px;
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.inner-recentBlock2 .blog-cart .blog-cart-content {
  padding: 12px 12px 20px 12px;
}

.inner-recentBlock2 .blog-cart .blog-cart-content .blog-title {
  color: #0f172a;
  padding-bottom: 12px;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.inner-recentBlock2 .blog-cart .blog-cart-content .blog-author {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 0.75rem;
}

.inner-recentBlock2 .blog-cart .blog-cart-content .blog-author .author-name {
  position: relative;
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.inner-recentBlock2 .blog-cart .blog-cart-content .blog-author .author-name::after {
  position: absolute;
  top: 0.25rem;
  right: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.inner-recentBlock2 .blog-cart .blog-cart-content .blog-author .publish-date {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.hero3 {
  margin-top: 3.75rem;
}

.hero3-inner-content-title {
  color: #004035;
  /* font-family: "DM Serif Display", serif; */
  font-size: 40px;
}

@media screen and (min-width: 75rem) {
  .hero3-inner-content-title {
    font-size: 4rem;
    line-height: 5rem;
  }
}

.hero3-inner-content-details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 0.875rem 0 1.25rem 0;
}

@media screen and (min-width: 75rem) {
  .hero3-inner-content-details {
    margin: 1.5rem 0 2.5rem 0;
  }
}

.hero3-inner-content-cart {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  background: #e6f1ef;
}

.hero3-inner-content-cart .number {
  color: #004035;
  text-align: center;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.75rem;
  line-height: 2.25rem;
}

.hero3-inner-content-cart .title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.hero3-inner-content-imge {
  width: 100%;
}

.we-offer {
  margin-top: 7rem;
}

.we-offer-header {
  margin-bottom: 3.5rem;
}

.we-offer-header .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.we-offer-header .text .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.we-offer-header .text .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
}

.we-offer-cart {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.we-offer-cart figure {
  position: relative;
}

.we-offer-cart figure .img {
  border-radius: 0.5rem;
  width: 100%;
}

.we-offer-cart figure .starting {
  position: absolute;
  top: 0;
  right: 0;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background: #E2136E;
}

.we-offer-cart-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.we-offer-cart-content .title {
  color: #0f172a;
  /* Desktop/H4/regular */
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.we-offer-cart-content .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
}

.best-selling {
  margin-top: 7rem;
}

.best-selling-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}

.best-selling-header .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.best-selling-header .text .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
}

.best-selling-header .text .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.best-selling-header .link {
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.best-selling .popularProduct3-inner-cart {
  cursor: pointer;
}

.best-selling .popularProduct3-inner-cart-image {
  position: relative;
}

.best-selling .popularProduct3-inner-cart-image .product-img {
  width: 100%;
  height: 18.875rem;
}

@media screen and (min-width: 36rem) {
  .best-selling .popularProduct3-inner-cart-image .product-img {
    width: 18.875rem;
  }
}

.best-selling .popularProduct3-inner-cart-image .new {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #3b82f6;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.best-selling .popularProduct3-inner-cart-image .discount {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #ef4444;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.best-selling .popularProduct3-inner-cart-image .best-selling-inner-cart-inner {
  display: none;
}

.best-selling .popularProduct3-inner-cart-image .best-selling-inner-cart-inner .best-selling-inner-cart-hover {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.best-selling .popularProduct3-inner-cart-image .best-selling-inner-cart-inner .best-selling-inner-cart-hover .cart-hover-bg {
  display: flex;
  width: 3rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.875rem;
  background: hsl(0, 0%, 100%);
  box-shadow: 0px 10px 14px -4px rgba(15, 28, 51, 0.08), 0px 2px 8px -4px rgba(15, 28, 51, 0.05);
}

.best-selling .popularProduct3-inner-cart-image:hover .best-selling-inner-cart-inner {
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.best-selling .popularProduct3-inner-cart-content {
  padding: 16px;
}

.best-selling .popularProduct3-inner-cart-content .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.best-selling .popularProduct3-inner-cart-content .innerPrice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.best-selling .popularProduct3-inner-cart-content .innerPrice .price {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
}

.best-selling .popularProduct3-inner-cart-content .innerPrice .discountPrice {
  color: #64748B;
  /* font-family: "DM Serif Display", serif; */
  text-decoration: line-through;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration-line: strikethrough;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.popularProduct3 {
  margin-top: 7rem;
}

.popularProduct3-inner-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-style: normal;
  line-height: 3rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.popularProduct3-inner-category {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.popularProduct3-inner-category-btn {
  padding: 4px 12px;
  border-radius: 0.25rem;
  background: #e6f1ef;
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  border: none;
  transition: all 0.35s ease-in-out;
}

.popularProduct3-inner-category-btn:hover {
  background: #E2136E;
  color: hsl(0, 0%, 100%);
}

.popularProduct3-inner-cart {
  cursor: pointer;
}

.popularProduct3-inner-cart-image {
  position: relative;
}

.popularProduct3-inner-cart-image .product-img {
  width: 100%;
  height: 18.875rem;
}

@media screen and (min-width: 36rem) {
  .popularProduct3-inner-cart-image .product-img {
    width: 18.875rem;
  }
}

.popularProduct3-inner-cart-image .new {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #3b82f6;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.popularProduct3-inner-cart-image .discount {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 0.25rem;
  background: #ef4444;
  padding: 0.125rem 0.375rem;
  color: hsl(0, 0%, 100%);
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.popularProduct3-inner-cart-image .popularProduct3-inner-cart-inner {
  display: none;
}

.popularProduct3-inner-cart-image .popularProduct3-inner-cart-inner .popularProduct3-inner-cart-hover {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.popularProduct3-inner-cart-image .popularProduct3-inner-cart-inner .popularProduct3-inner-cart-hover .cart-hover-bg {
  display: flex;
  width: 3rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.875rem;
  background: hsl(0, 0%, 100%);
  box-shadow: 0px 10px 14px -4px rgba(15, 28, 51, 0.08), 0px 2px 8px -4px rgba(15, 28, 51, 0.05);
}

.popularProduct3-inner-cart-image:hover .popularProduct3-inner-cart-inner {
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.popularProduct3-inner-cart-content {
  padding: 16px;
}

.popularProduct3-inner-cart-content .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.popularProduct3-inner-cart-content .innerPrice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.popularProduct3-inner-cart-content .innerPrice .price {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
}

.popularProduct3-inner-cart-content .innerPrice .discountPrice {
  color: #64748B;
  /* font-family: "DM Serif Display", serif; */
  text-decoration: line-through;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration-line: strikethrough;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.happy-clients {
  margin-top: 7.5rem;
}

.happy-clients-inner .happy-clients-title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.happy-clients-inner .happy-clients-details {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.happy-clients-inner .client-say-cart {
  width: 100%;
}

.happy-clients-inner .client-say-cart .happy-client-image {
  position: relative;
}

.happy-clients-inner .client-say-cart .happy-client-image img {
  width: 100%;
}

.happy-clients-inner .client-say-cart-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25rem;
  display: flex;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25rem;
  border-radius: 0.5rem;
  background: hsl(0, 0%, 100%);
  box-shadow: 0px 10px 14px -4px rgba(15, 28, 51, 0.08), 0px 2px 8px -4px rgba(15, 28, 51, 0.05);
}

@media screen and (min-width: 48rem) {
  .happy-clients-inner .client-say-cart-inner {
    width: 36.375rem;
  }
}

@media screen and (min-width: 62rem) {
  .happy-clients-inner .client-say-cart-inner {
    left: -75%;
    transform: translate(0%, -50%);
  }
}

.happy-clients-inner .client-say-cart-inner .client-say-title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
}

.happy-clients-inner .client-say-cart-inner .client-say-details {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.happy-clients-inner .client-say-cart-inner .user-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.happy-clients-inner .client-say-cart-inner .user-info .user-image {
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
}

.happy-clients-inner .client-say-cart-inner .user-info .user-image img {
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
}

.happy-clients-inner .client-say-cart-inner .user-info .user-name {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.happy-clients-inner .client-say-cart-inner .user-info .date {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.happy-clients-inner .client-say-cart-inner .user-info .ratting .star-yellow {
  font-size: 0.875rem;
  color: #eab308;
}

.happy-clients-inner .client-say-cart-inner .user-info .ratting .star-gray {
  font-size: 0.875rem;
  color: #94a3b8;
}

.happy-clients-inner .gray-color {
  width: 24px;
  height: 4px;
  border-radius: 8px;
  background: #cbd5e1;
}

.happy-clients-inner .green-color {
  width: 24px;
  height: 4px;
  border-radius: 8px;
  background: #E2136E;
}

.inner-support3 {
  margin-top: 7rem;
  background: #E2136E;
  padding: 63px 0;
}

.inner-support3 .support-content {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

@media screen and (min-width: 36rem) {
  .inner-support3 .support-content {
    justify-content: flex-start;
  }
}

.inner-support3 .support-content .icon {
  width: 3.5rem;
  height: 3.5rem;
}

.inner-support3 .support-content .support-text h4 {
  color: hsl(0, 0%, 100%);
  margin-top: 8px;
  /* Mobile/H5/medium */
  /* font-family: Onest; */
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 140% */
}

.inner-support3 .support-content .support-text p {
  color: hsl(0, 0%, 100%);
  padding-top: 10px;
  /* Body/lg/regular */
  /* font-family: Onest; */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.inner-recentBlock3 {
  background: #F8FAFC;
  padding-top: 8.75rem;
  padding-bottom: 5rem;
}

.inner-recentBlock3 .section-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.inner-recentBlock3 .section-description {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-top: 1.25rem;
}

.inner-recentBlock3 .blog-cart {
  background: hsl(0, 0%, 100%);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}

.inner-recentBlock3 .blog-cart:hover {
  box-shadow: 0px 16px 20px -4px rgba(15, 28, 51, 0.1), 0px 6px 8px -4px rgba(15, 28, 51, 0.04);
}

.inner-recentBlock3 .blog-cart .blog-img {
  width: 100%;
  height: 294px;
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.inner-recentBlock3 .blog-cart .blog-cart-content {
  padding: 12px 12px 20px 12px;
}

.inner-recentBlock3 .blog-cart .blog-cart-content .blog-title {
  color: #0f172a;
  padding-bottom: 12px;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.inner-recentBlock3 .blog-cart .blog-cart-content .blog-author {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 0.75rem;
}

.inner-recentBlock3 .blog-cart .blog-cart-content .blog-author .author-name {
  position: relative;
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.inner-recentBlock3 .blog-cart .blog-cart-content .blog-author .author-name::after {
  position: absolute;
  top: 0.25rem;
  right: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.inner-recentBlock3 .blog-cart .blog-cart-content .blog-author .publish-date {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.cart-section {
  margin-bottom: 5rem;
}

.cart-section-inner .breadcrumb-nav .breadcrumbOl {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.cart-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem a {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem span {
  color: #94a3b8;
}

.cart-section-inner .my-cart {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e2e8f0;
}

.cart-section-inner .cart-details {
  padding: 1rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.cart-section-inner .cart-details .cart-image-title {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cart-section-inner .cart-details .cart-image-title .cart-image {
  height: 5rem;
  width: 5rem;
  flex-shrink: 0;
}

.cart-section-inner .cart-details .cart-image-title .cart-image img {
  width: 100%;
  border-radius: 0.25rem;
}

.cart-section-inner .cart-details .cart-image-title .cart-title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .cart-details .price-section {
  display: flex;
  gap: 0.5rem;
}

@media screen and (min-width: 36rem) {
  .cart-section-inner .cart-details .price-section {
    flex-direction: column;
  }
}

.cart-section-inner .cart-details .price-section .price {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .cart-details .price-section .discount-price {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: line-through;
}

.cart-section-inner .cart-details .product-quantity {
  background: hsl(0, 0%, 100%);
  display: flex;
  width: 9.375rem;
  padding: 0.375rem 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.25rem;
}

.cart-section-inner .cart-details .product-quantity .decrement-btn,
.cart-section-inner .cart-details .product-quantity .increment-btn {
  border: none;
  background: transparent;
}

.cart-section-inner .cart-details .product-quantity .quantity {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .cart-details .delete-btn-inner {
  display: flex;
  justify-content: end;
}

.cart-section-inner .cart-details .delete-btn-inner .delate-btn {
  border-radius: 0.25rem;
  border: 1px solid #cbd5e1;
  padding: 0.5rem;
  background: transparent;
}

.cart-section-inner .order-summery {
  border-radius: 0.5rem;
  border: 1px solid #cbd5e1;
  padding: 1.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.cart-section-inner .order-summery .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #cbd5e1;
}

.cart-section-inner .order-summery-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-section-inner .order-summery-content .order-title {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .order-summery-content .price {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.cart-section-inner .order-summery-content .coupon-input {
  max-width: 9.6875rem;
  padding: 0.375rem 0.5625rem;
  background: hsl(0, 0%, 100%);
  border-radius: 0.25rem;
  border: 1px solid #cbd5e1;
}

.cart-section-inner .order-summery-content .coupon-input::-moz-placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.cart-section-inner .order-summery-content .coupon-input::placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.cart-section-inner .order-summery-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px dashed #cbd5e1;
  padding-top: 1.25rem;
}

.cart-section-inner .order-summery-total .total-text,
.cart-section-inner .order-summery-total .total-price {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
}

.favorite-section {
  margin-bottom: 5rem;
}

.favorite-section-inner .breadcrumb-nav .breadcrumbOl {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.favorite-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.favorite-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem a {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.favorite-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem span {
  color: #94a3b8;
}

.favorite-section-inner .my-favorite {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e2e8f0;
}

.favorite-section-inner .favorite-details {
  padding: 1rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.favorite-section-inner .favorite-details .favorite-image-title {
  display: flex;
  align-items: center;
  gap: 20px;
}

.favorite-section-inner .favorite-details .favorite-image-title .favorite-image {
  height: 5rem;
  width: 5rem;
  flex-shrink: 0;
}

.favorite-section-inner .favorite-details .favorite-image-title .favorite-image img {
  width: 100%;
  border-radius: 0.25rem;
}

.favorite-section-inner .favorite-details .favorite-image-title .favorite-title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.favorite-section-inner .favorite-details .price-section {
  display: flex;
  gap: 0.5rem;
}

@media screen and (min-width: 48rem) {
  .favorite-section-inner .favorite-details .price-section {
    flex-direction: column;
  }
}

.favorite-section-inner .favorite-details .price-section .price {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.favorite-section-inner .favorite-details .price-section .discount-price {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: line-through;
}

.favorite-section-inner .favorite-details .delete-btn-inner {
  display: flex;
  justify-content: end;
}

.favorite-section-inner .favorite-details .delete-btn-inner .delate-btn {
  border-radius: 0.25rem;
  border: 1px solid #cbd5e1;
  padding: 0.5rem;
  background: transparent;
}

.order-successfully-section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin: 5rem 0;
}

.order-successfully-section-inner .title {
  color: #E2136E;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
}

.order-successfully-section-inner .error-title {
  color: #475569;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  text-align: center;
}

.order-successfully-section-inner .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.contact-us-section-inner {
  margin-bottom: 5rem;
}

.contact-us-section-inner .breadcrumb-nav .breadcrumbOl {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.contact-us-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.contact-us-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem a {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.contact-us-section-inner .breadcrumb-nav .breadcrumbOl .breadcrumbItem span {
  color: #94a3b8;
}

.contact-us-section-inner .contact-us-left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.contact-us-section-inner .contact-us-left .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.contact-us-section-inner .contact-us-left .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

.contact-us-section-inner .contact-us-left .location,
.contact-us-section-inner .contact-us-left .phone-number {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.contact-us-section-inner .contact-us-left .location-img,
.contact-us-section-inner .contact-us-left .phone-number-img {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  background: #e6f1ef;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 62499.9375rem;
}

.contact-us-section-inner .contact-us-left .location-img svg,
.contact-us-section-inner .contact-us-left .phone-number-img svg {
  width: 2rem;
  height: 2rem;
}

.contact-us-section-inner .contact-us-left .location-details {
  max-width: 16.875rem;
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
}

.contact-us-section-inner .contact-us-left .phone-number .details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.contact-us-section-inner .contact-us-left .phone-number .details .text {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.contact-us-section-inner .contact-us-left .phone-number .details .number {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
}

.contact-us-section-inner .contact-us-right {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.contact-us-section-inner .contact-us-right .input-field {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}

.contact-us-section-inner .contact-us-right .input-field label {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.contact-us-section-inner .contact-us-right .input-field-inner {
  display: flex;
  border-radius: 0.25rem;
  border: 1px solid #cbd5e1;
  background: hsl(0, 0%, 100%);
  padding: 1rem;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}

.contact-us-section-inner .contact-us-right .input-field-inner-img svg {
  height: 1.25rem;
  width: 1.25rem;
}

.contact-us-section-inner .contact-us-right .input-field-inner input {
  width: 100%;
}

.breadcrumb-nav .breadcrumbOl {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.breadcrumb-nav .breadcrumbOl .breadcrumbItem {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.breadcrumb-nav .breadcrumbOl .breadcrumbItem a {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.breadcrumb-nav .breadcrumbOl .breadcrumbItem span {
  color: #94a3b8;
}

.story-of-ceo {
  margin: 2rem 0 0 0;
}

.story-of-ceo-inner .left-image {
  width: 100%;
}

.story-of-ceo-inner .left-image .story-of-ceo-inner-imge {
  width: 100%;
  border-radius: 0.5rem;
}

.story-of-ceo-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 1.25rem;
}

.story-of-ceo-inner-content-ceo {
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem;
}

.story-of-ceo-inner-content-title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
}

.story-of-ceo-inner-content-details {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.story-of-ceo-inner-content-satisfaction {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.story-of-ceo-inner-content-satisfaction .text {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
}

.story-of-ceo-top {
  margin: 7rem 0 0 0;
}

.plant-collection {
  background: #005042;
  margin: 7rem 0 7rem 0;
  padding: 5rem 0;
}

.plant-collection-inner .content-cart {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 2rem 1.5rem;
  background: hsl(0, 0%, 100%);
  border-radius: 0.5rem;
}

.plant-collection-inner .content-cart .number {
  color: #0f172a;
  text-align: center;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
}

.plant-collection-inner .content-cart .title {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
}

.peopleSays-bottom {
  margin: 0 0 7rem 0;
}

.latest-articles {
  background: #F8FAFC;
  padding-top: 1rem;
  padding-bottom: 5rem;
}

.latest-articles .section-header {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}

.latest-articles-category {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 2rem 0 3.25rem 0;
}

.latest-articles-category-btn {
  padding: 4px 12px;
  border-radius: 0.25rem;
  background: #e6f1ef;
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  border: none;
  transition: all 0.35s ease-in-out;
}

.latest-articles-category-btn:hover {
  background: #E2136E;
  color: hsl(0, 0%, 100%);
}

.latest-articles .blog-cart {
  background: hsl(0, 0%, 100%);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}

.latest-articles .blog-cart:hover {
  box-shadow: 0px 16px 20px -4px rgba(15, 28, 51, 0.1), 0px 6px 8px -4px rgba(15, 28, 51, 0.04);
}

.latest-articles .blog-cart .blog-img {
  width: 100%;
  height: 294px;
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.latest-articles .blog-cart .blog-cart-content {
  padding: 12px 12px 20px 12px;
}

.latest-articles .blog-cart .blog-cart-content .blog-title {
  color: #0f172a;
  padding-bottom: 12px;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.latest-articles .blog-cart .blog-cart-content .blog-author {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  gap: 1.5rem;
}

.latest-articles .blog-cart .blog-cart-content .blog-author .author-name {
  position: relative;
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.latest-articles .blog-cart .blog-cart-content .blog-author .author-name::after {
  position: absolute;
  top: 0.25rem;
  right: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.latest-articles .blog-cart .blog-cart-content .blog-author .publish-date {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 20px;
}

.newsletter {
  /* background-image: url("../../frontend/images/blog/blog-bg.png"); */
  background-repeat: no-repeat;
  background-size: cover;
  height: 26.875rem;
  margin: 9rem 0 7.5rem 0;
}

.newsletter-inner {
  position: relative;
}

.newsletter-inner-cart {
  position: absolute;
  top: -144px;
  left: 50%;
  transform: translateX(-50%);
  background: hsl(0, 0%, 100%);
  box-shadow: 0px 32px 56px -12px rgba(15, 28, 51, 0.16);
  display: flex;
  width: 300px;
  padding: 3.125rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
}

@media screen and (min-width: 25.875rem) {
  .newsletter-inner-cart {
    width: 400px;
  }
}

@media screen and (min-width: 36rem) {
  .newsletter-inner-cart {
    width: 550px;
  }
}

@media screen and (min-width: 62rem) {
  .newsletter-inner-cart {
    width: 779px;
  }
}

.newsletter-inner-cart .title {
  color: #0f172a;
  text-align: center;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
}

.newsletter-inner-cart .details {
  color: #64748B;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
}

.newsletter-inner-cart .form {
  display: flex;
  align-items: center;
  background: hsl(0, 0%, 100%);
  border-radius: 0.25rem;
  width: 17.5rem;
  padding: 0.5rem;
  justify-content: space-between;
  border: 1px solid #e2e8f0;
  box-shadow: 0px 10px 14px -4px rgba(15, 28, 51, 0.08), 0px 2px 8px -4px rgba(15, 28, 51, 0.05);
}

@media screen and (min-width: 25.875rem) {
  .newsletter-inner-cart .form {
    width: 23.125rem;
  }
}

@media screen and (min-width: 36rem) {
  .newsletter-inner-cart .form {
    width: 29.375rem;
  }
}

.newsletter-inner-cart .form .newsletter-input {
  display: flex;
  align-items: center;
  gap: 4px;
}

.newsletter-inner-cart .form .newsletter-input input {
  width: 100%;
}

.newsletter-inner-cart .form .newsletter-input input::-moz-placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.newsletter-inner-cart .form .newsletter-input input::placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.newsletter-inner-cart .form .newsletter-icon {
  width: 1.25rem;
  height: 1rem;
}

.blog-details-inner {
  margin-bottom: 7.5rem;
}

.blog-details-inner-cart .blog-img {
  width: 100%;
}

.blog-details-inner-cart .blog-img img {
  width: 100%;
  border-radius: 0.5rem;
}

.blog-details-inner-cart .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
  width: 100%;
}

.blog-details-inner-cart .blog-author {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.blog-details-inner-cart .blog-author .name {
  position: relative;
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.blog-details-inner-cart .blog-author .name::after {
  position: absolute;
  top: 0.25rem;
  right: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.blog-details-inner-cart .blog-author .publish {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.blog-details-inner-cart .sub-title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
}

.blog-details-inner-cart .details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.blog-details-inner-cart .sub-details {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 0 1rem;
  border-left: 3px solid #E2136E;
}

.blog-details-inner-cart .all-comments {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.blog-details-inner-cart .all-comments .comments-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.5rem 0;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.blog-details-inner-cart .all-comments .comments-nav-left {
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 0;
  gap: 1.25rem;
}

.blog-details-inner-cart .all-comments .comments-nav-left .list {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.blog-details-inner-cart .all-comments .comments-nav-left .list .comments-btn {
  border-radius: 1.25rem;
  background: #F1F5F9;
  padding: 0.5rem 1.25rem;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  border: none;
  transition: all 0.35s ease-in-out;
}

.blog-details-inner-cart .all-comments .comments-nav-left .list .comments-btn:hover {
  background: #E2136E;
  color: hsl(0, 0%, 100%);
}

.blog-details-inner-cart .all-comments .comments-nav-right {
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 0;
  gap: 1.25rem;
}

.blog-details-inner-cart .all-comments .comments-nav-right .list {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.blog-details-inner-cart .all-comments .comments-nav-right .list .social-icon {
  cursor: pointer;
}

.blog-details-inner-cart .all-comments .comments-nav-right .list .social-icon .social-item-svg {
  width: 2rem;
  height: 2rem;
}

.blog-details-inner-cart .all-comments .comments-nav-right .list .social-icon .social-item-svg .social-item-path {
  transition: all 0.35s ease-in-out;
}

.blog-details-inner-cart .all-comments .comments-nav-right .list .social-icon .social-item-svg:hover .social-item-path {
  fill: #E2136E;
}

.blog-details-inner-cart .all-comments .comments-details {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.blog-details-inner-cart .all-comments .comments-details .title {
  color: var(--Foundation-Neutral-900, var(--Foundation-Neutral-900, #0f172a));
  /* Desktop/H4/regular */
  font-family: "DM Serif Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
}

.blog-details-inner-cart .all-comments .comments-details .user-comment {
  display: flex;
  gap: 1rem;
}

.blog-details-inner-cart .all-comments .comments-details .user-comment .user-img {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 62499.9375rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #808080;
  line-height: 2.5rem;
}

.blog-details-inner-cart .all-comments .comments-details .user-comment .user-img img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 62499.9375rem;
}

.blog-details-inner-cart .all-comments .comments-details .user-comment .user-details {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 5px;
}

.blog-details-inner-cart .all-comments .comments-details .user-comment .user-details .name {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.blog-details-inner-cart .all-comments .comments-details .user-comment .user-details .date {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.blog-details-inner-cart .all-comments .comments-details .user-comment .comment-text {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.blog-details-inner-cart .reply-btn {
  padding: 4px 20px;
  border-radius: 20px;
  background: #e6f1ef;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  border: none;
}

.blog-details-inner-cart .all-comments .comments-details .sub-comment {
  padding-left: 3.375rem;
}

.blog-details-inner-cart .comment-form {
  border-radius: 0.5rem;
  background: #F1F5F9;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.blog-details-inner-cart .comment-form .form-title {
  color: #0f172a;
  text-align: center;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2.5rem;
  line-height: 3rem;
}

.blog-details-inner-cart .comment-form .form-details {
  color: #475569;
  text-align: center;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.blog-details-inner-cart .comment-form-inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.blog-details-inner-cart .comment-form-inner .input-field {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}

.blog-details-inner-cart .comment-form-inner .input-field label {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner {
  display: flex;
  border-radius: 0.25rem;
  border: 1px solid #cbd5e1;
  background: hsl(0, 0%, 100%);
  padding: 1rem;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner-img svg {
  height: 1.25rem;
  width: 1.25rem;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner textarea::-moz-placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner textarea::placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner input {
  width: 100%;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner input::-moz-placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.blog-details-inner-cart .comment-form-inner .input-field-inner input::placeholder {
  color: #94a3b8;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.blog-details-inner .blog-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.blog-details-inner .blog-right .latest-articles {
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  border: 1px solid #cbd5e1;
}

.blog-details-inner .blog-right .latest-articles .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cbd5e1;
}

.blog-details-inner .blog-right .latest-articles .article {
  display: flex;
  gap: 0.75rem;
}

.blog-details-inner .blog-right .latest-articles .article-img {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}

.blog-details-inner .blog-right .latest-articles .article-img img {
  border-radius: 0.25rem;
  width: 5rem;
  height: 5rem;
}

.blog-details-inner .blog-right .latest-articles .article-content .article-date {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.blog-details-inner .blog-right .latest-articles .article-content .article-title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 2.9375rem;
  -webkit-line-clamp: 2;
}

.blog-details-inner .blog-right .categories {
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  border: 1px solid #cbd5e1;
}

.blog-details-inner .blog-right .categories .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  line-height: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cbd5e1;
}

.blog-details-inner .blog-right .categories .category-list {
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.blog-details-inner .blog-right .categories .category-list .category-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #cbd5e1;
  cursor: pointer;
}

.blog-details-inner .blog-right .categories .category-list .category-item:last-child {
  border-bottom: 0px solid #cbd5e1;
  padding-bottom: 0rem;
}

.blog-details-inner .blog-right .categories .category-list .category-item .text {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: all 0.34s ease-in-out;
}

.blog-details-inner .blog-right .categories .category-list .category-item .right-arrow {
  color: #64748b;
  transition: all 0.34s ease-in-out;
}

.blog-details-inner .blog-right .categories .category-list .category-item:hover .text {
  color: #E2136E;
}

.blog-details-inner .blog-right .categories .category-list .category-item:hover .right-arrow {
  color: #E2136E;
}

.categories-inner .short-by .text {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.categories-inner .short-by .nice-select {
  background-color: transparent;
  border-radius: 0.25rem;
  border: solid 1px #cbd5e1;
  box-sizing: border-box;
  font-size: 1rem;
  /* font-family: "Onest", sans-serif; */
  color: #475569;
  font-weight: normal;
  padding-left: 12px;
  padding-right: 100px;
}

.categories-inner .short-by .nice-select span {
  /* font-family: "Onest", sans-serif; */
  color: #475569;
}

.categories-inner .short-by .nice-select .nice-select-dropdown {
  width: 100%;
}

.categories-inner .categories-left .categories-title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin-bottom: 0.75rem;
}

.categories-inner .categories-left .price-range {
  border-radius: 0.25rem;
  background: hsl(0, 0%, 100%);
  padding: 1rem;
}

.categories-inner .categories-left .price-range .price-range-checkbox {
  display: block;
  position: relative;
  padding-left: 2.1875rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.categories-inner .categories-left .price-range .price-range-checkbox:last-child {
  margin-bottom: 0rem;
}

.categories-inner .categories-left .price-range .price-range-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.categories-inner .categories-left .price-range .price-range-checkbox input:checked~.checkmark {
  background-color: #E2136E;
}

.categories-inner .categories-left .price-range .price-range-checkbox input:checked~.checkmark:after {
  display: block;
}

.categories-inner .categories-left .price-range .price-range-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  border: 0.0625rem solid #cbd5e1;
  border-radius: 0.1875rem;
}

.categories-inner .categories-left .price-range .price-range-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.375rem;
  top: 0.0625rem;
  width: 0.375rem;
  height: 0.75rem;
  border: solid white;
  border-width: 0rem 0.1875rem 0.1875rem 0rem;
  transform: rotate(45deg);
}

.categories-inner .categories-left .product-offer {
  border-radius: 0.25rem;
  padding: 1.25rem 0;
  margin-top: 30px;
}

.categories-inner .categories-left .product-offer .add-product {
  background: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.categories-inner .categories-left .product-offer .add-product .add-image {
  width: 11.25rem;
  height: 11.25rem;
  flex-shrink: 0;
}

.categories-inner .categories-left .product-offer .add-product .add-title {
  color: hsl(0, 0%, 0%);
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.75rem;
  line-height: 1.75rem;
  margin-bottom: 0.75rem;
}

.pagination-items {
  display: flex;
  justify-content: center;
  margin: 3rem 0;
}

@media screen and (min-width: 36rem) {
  .pagination-items {
    justify-content: end;
  }
}

.pagination-items .pagination-body {
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 0.125rem;
}

@media screen and (min-width: 36rem) {
  .pagination-items .pagination-body {
    gap: 0.25rem;
  }
}

.pagination-items .pagination-body .page-item {
  border-radius: 0.25rem;
  transition: all 0.35s ease-in-out;
}

.pagination-items .pagination-body .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.125rem;
  transition: all 0.35s ease-in-out;
}

.pagination-items .pagination-body .page-item:hover {
  background: #E2136E;
}

.pagination-items .pagination-body .page-item:hover .page-link {
  color: hsl(0, 0%, 100%);
}

.pagination-items .pagination-body .arrow-right,
.pagination-items .pagination-body .arrow-left {
  background: #e2e8f0;
  transition: all 0.35s ease-in-out;
}

.pagination-items .pagination-body .arrow-right .page-link i,
.pagination-items .pagination-body .arrow-left .page-link i {
  font-size: 1.125rem;
  transition: all 0.35s ease-in-out;
}

.pagination-items .pagination-body .arrow-right:hover,
.pagination-items .pagination-body .arrow-left:hover {
  background: #E2136E;
}

.pagination-items .pagination-body .arrow-right:hover .page-link i,
.pagination-items .pagination-body .arrow-left:hover .page-link i {
  color: hsl(0, 0%, 100%);
}

.pagination-items .pagination-body .active {
  background: #E2136E;
}

.pagination-items .pagination-body .active .page-link {
  color: hsl(0, 0%, 100%);
}

.product-details-inner .inner-product-details .product-name {
  color: #0f172a;
  /* Desktop/H4/regular */
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  /* 133.333% */
}

.product-details-inner .inner-product-details .inStock {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background: #fcdce5;
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.product-details-inner .inner-product-details .outStock {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background: #edafb9;
  color: #d12d42;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.product-details-inner .inner-product-details .product-description {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0rem;
}

.product-details-inner .inner-product-details .product-ratting {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.product-details-inner .inner-product-details .product-ratting .ratting i {
  font-size: 0.75rem;
}

.product-details-inner .inner-product-details .product-ratting .ratting .star-yellow {
  color: #f5b303;
}

.product-details-inner .inner-product-details .product-ratting .ratting .star-gray {
  color: #cbd5e1;
}

.product-details-inner .inner-product-details .product-ratting .average-rating {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.product-details-inner .inner-product-details .all-review,
.product-details-inner .inner-product-details .all-sold {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.product-details-inner .inner-product-details .all-review {
  position: relative;
}

.product-details-inner .inner-product-details .all-review::after {
  position: absolute;
  top: 0.25rem;
  right: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.product-details-inner .inner-product-details .all-review::before {
  position: absolute;
  top: 0.25rem;
  left: -0.75rem;
  content: "";
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #94a3b8;
}

.product-details-inner .inner-product-details .product-price {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.product-details-inner .inner-product-details .product-discount-price {
  color: #64748B;
  /* font-family: "DM Serif Display", serif; */
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration: line-through;
}

.product-details-inner .inner-product-details .off {
  color: #16a34a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.product-details-inner .inner-product-details .quantity {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-details-inner .inner-product-details .quantity .quantity-title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.product-details-inner .inner-product-details .quantity .increment-decrement {
  background: #f1f5f9;
  width: 8.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-details-inner .inner-product-details .quantity .increment-decrement p {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.product-details-inner .inner-product-details .quantity .increment-decrement .increment-btn,
.product-details-inner .inner-product-details .quantity .increment-decrement .decrement-btn {
  border: none;
  font-size: 2.1875rem;
  background: transparent;
  color: #64748b;
}

.product-description {
  margin-top: 4.375rem;
}

.product-description-inner .product-details-nav {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}

.product-description-inner .product-details-nav .nav-link {
  color: #64748B;
  /* font-family: "DM Serif Display", serif; */
  font-size: 16px;
  line-height: 1.75rem;
  padding: 12px 0px;
}

@media screen and (min-width: 36rem) {
  .product-description-inner .product-details-nav {
    display: flex;
    align-items: center;
    gap: 3.375rem;
  }

  .product-description-inner .product-details-nav .nav-link {
    color: #64748B;
    /* font-family: "DM Serif Display", serif; */
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 12px 0px;
  }
}

.product-description-inner .product-details-nav .active {
  color: #E2136E;
  border-bottom: 1px solid #E2136E;
}

.product-description-inner .tab-content {
  padding: 2rem 0;
}

.product-description-inner .tab-content .product-description-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.product-description-inner .tab-content .product-description-content li {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-description-inner .tab-content .review-content .average-review {
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--Foundation-Neutral-200, #e2e8f0);
  background: var(--Foundation-white, #fff);
}

@media screen and (min-width: 36rem) {
  .product-description-inner .tab-content .review-content .average-review .borderEnd {
    border-right: 1px solid #e2e8f0;
  }
}

.product-description-inner .tab-content .review-content .average-review .average-rating {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4.5rem;
}

.product-description-inner .tab-content .review-content .average-review .review-chart {
  width: 90%;
  margin: 1.25rem;
}

.product-description-inner .tab-content .review-content .average-review .review-chart .star-number {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.product-description-inner .tab-content .review-content .average-review .review-chart .review {
  height: 10px;
  background-color: #f0f0f0;
  margin: 5px 0;
  position: relative;
  border-radius: 10px;
}

.product-description-inner .tab-content .review-content .average-review .review-chart .review span {
  display: block;
  height: 100%;
  border-radius: 10px;
  background-color: #f9a825;
}

.product-description-inner .tab-content .review-content .all-product-review {
  border-radius: 0.25rem;
  background: hsl(0, 0%, 100%);
  display: flex;
  padding: 1.5rem 1.25rem;
  flex-direction: column;
  gap: 19px;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-details {
  display: flex;
  gap: 0.75rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-details .user-image {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-details .user-image img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-details .user-name {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-details .user-comment-date {
  color: #64748B;
  /* font-family: "Onest", sans-serif; */
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-ratting {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-ratting i {
  font-size: 1rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-ratting .star-yellow {
  color: #f59e0b;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .user-ratting .star-gray {
  color: #94a3b8;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .comment-title {
  color: #0f172a;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.product-description-inner .tab-content .review-content .all-product-review .single-review .comment-details {
  color: #475569;
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  line-height: 1.5rem;
}

.recently-discounted {
  margin-bottom: 7.5rem;
}

.recently-discounted-inner-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 0;
}

.recently-discounted-inner-top .title {
  color: #0f172a;
  /* font-family: "DM Serif Display", serif; */
  font-size: 2rem;
  line-height: 2.5rem;
}

.recently-discounted-inner-top .all-button {
  display: none;
  align-items: center;
  gap: 2.8125rem;
}

@media screen and (min-width: 36rem) {
  .recently-discounted-inner-top .all-button {
    display: flex;
  }
}

.recently-discounted-inner-top .all-button .view-all {
  color: #E2136E;
  /* font-family: "Onest", sans-serif; */
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin-right: 7.25rem;
  margin-top: 0.5product-details-navrem;
}

.gallery-container {
  position: relative;
  display: flex;
  gap: 0.625rem;
  overflow: hidden;
}

@media screen and (min-width: 36rem) {
  .gallery-container {
    gap: 1.5rem;
  }
}

.gallery-main {
  width: 300px;
  height: 456px;
}

@media screen and (min-width: 36rem) {
  .gallery-main {
    width: 495px;
  }
}

.gallery-main .swiper-button-prev,
.gallery-main .swiper-button-next {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
  height: 75px;
  width: 40px;
  color: #e9e9e9;
  background: #1e1e1e;
}

.gallery-main .swiper-button-prev::after,
.gallery-main .swiper-button-next::after {
  font-size: 12px;
}

.gallery-main .swiper-button-prev {
  right: 40px;
  border-right: 1px solid #e9e9e9;
}

.gallery-main .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  border: 1px solid #F1F5F9;
  background: hsl(0, 0%, 100%);
}

.gallery-thumbs {
  order: -1;
  height: 348px;
  flex-shrink: 0;
}

.gallery-thumbs .swiper-slide img {
  transition: 0.3s;
  width: 93px;
  height: 105px;
  flex-shrink: 0;
  border-radius: 0.3125rem;
  background: hsl(0, 0%, 100%);
}

.gallery-thumbs .swiper-slide-active {
  opacity: 0.9;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.gallery-thumbs .swiper-slide-thumb-active img {
  border: 2px solid #E2136E;
}

html {
  box-sizing: border-box;
  font-size: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

html:focus-within {
  scroll-behavior: inherit;
}

* {
  box-sizing: inherit;
}

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

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
button,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
input,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
main,
nav,
object,
ol,
output,
option,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
select,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  font-family: inherit;
}

a::-moz-selection,
abbr::-moz-selection,
acronym::-moz-selection,
address::-moz-selection,
applet::-moz-selection,
article::-moz-selection,
aside::-moz-selection,
audio::-moz-selection,
b::-moz-selection,
big::-moz-selection,
blockquote::-moz-selection,
button::-moz-selection,
body::-moz-selection,
canvas::-moz-selection,
caption::-moz-selection,
center::-moz-selection,
cite::-moz-selection,
code::-moz-selection,
dd::-moz-selection,
del::-moz-selection,
details::-moz-selection,
dfn::-moz-selection,
div::-moz-selection,
dl::-moz-selection,
dt::-moz-selection,
em::-moz-selection,
embed::-moz-selection,
fieldset::-moz-selection,
figcaption::-moz-selection,
figure::-moz-selection,
footer::-moz-selection,
form::-moz-selection,
header::-moz-selection,
hgroup::-moz-selection,
html::-moz-selection,
i::-moz-selection,
input::-moz-selection,
iframe::-moz-selection,
img::-moz-selection,
ins::-moz-selection,
kbd::-moz-selection,
label::-moz-selection,
legend::-moz-selection,
li::-moz-selection,
mark::-moz-selection,
menu::-moz-selection,
main::-moz-selection,
nav::-moz-selection,
object::-moz-selection,
ol::-moz-selection,
output::-moz-selection,
option::-moz-selection,
p::-moz-selection,
pre::-moz-selection,
q::-moz-selection,
ruby::-moz-selection,
s::-moz-selection,
samp::-moz-selection,
section::-moz-selection,
small::-moz-selection,
span::-moz-selection,
strike::-moz-selection,
strong::-moz-selection,
sub::-moz-selection,
summary::-moz-selection,
select::-moz-selection,
sup::-moz-selection,
table::-moz-selection,
tbody::-moz-selection,
td::-moz-selection,
tfoot::-moz-selection,
th::-moz-selection,
thead::-moz-selection,
time::-moz-selection,
tr::-moz-selection,
tt::-moz-selection,
u::-moz-selection,
ul::-moz-selection,
var::-moz-selection,
video::-moz-selection {
  background: #107cb9;
  color: hsl(0, 0%, 100%);
}

a::selection,
abbr::selection,
acronym::selection,
address::selection,
applet::selection,
article::selection,
aside::selection,
audio::selection,
b::selection,
big::selection,
blockquote::selection,
button::selection,
body::selection,
canvas::selection,
caption::selection,
center::selection,
cite::selection,
code::selection,
dd::selection,
del::selection,
details::selection,
dfn::selection,
div::selection,
dl::selection,
dt::selection,
em::selection,
embed::selection,
fieldset::selection,
figcaption::selection,
figure::selection,
footer::selection,
form::selection,
header::selection,
hgroup::selection,
html::selection,
i::selection,
input::selection,
iframe::selection,
img::selection,
ins::selection,
kbd::selection,
label::selection,
legend::selection,
li::selection,
mark::selection,
menu::selection,
main::selection,
nav::selection,
object::selection,
ol::selection,
output::selection,
option::selection,
p::selection,
pre::selection,
q::selection,
ruby::selection,
s::selection,
samp::selection,
section::selection,
small::selection,
span::selection,
strike::selection,
strong::selection,
sub::selection,
summary::selection,
select::selection,
sup::selection,
table::selection,
tbody::selection,
td::selection,
tfoot::selection,
th::selection,
thead::selection,
time::selection,
tr::selection,
tt::selection,
u::selection,
ul::selection,
var::selection,
video::selection {
  background: #107cb9;
  color: hsl(0, 0%, 100%);
}

body {
  /* font-family: "Onest", sans-serif; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-rendering: optimizeSpeed;
  scroll-snap-type: y mandatory;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  /* font-family: "Onest", sans-serif; */
  text-wrap: balance;
}

h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection {
  background: #107cb9;
  color: hsl(0, 0%, 100%);
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
  background: #107cb9;
  color: hsl(0, 0%, 100%);
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

svg,
picture {
  width: 100%;
  height: 100%;
}

a {
  transition: all 350ms ease-in-out;
}

a,
span {
  display: inline-block;
}

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

strong,
i {
  font-weight: bolder;
}

iframe {
  width: 100%;
}

select {
  cursor: pointer;
}

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-4,
.display-5,
.display-6 {
  /* font-family: "Onest", sans-serif; */
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

hr {
  margin: 0rem;
  opacity: 1;
}

.brandlogo {
  width: 9.375rem;
  height: 2.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (min-width: 48rem) {
  .brandlogo {
    width: 13.25rem;
  }
}

.brandlogo img {
  -o-object-fit: contain;
  object-fit: contain;
}

.footerlogo {
  width: 13.25rem;
  height: 2.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.footerlogo img {
  -o-object-fit: contain;
  object-fit: contain;
}

.feedbacklink {
  color: hsl(0, 0%, 100%);
  border-bottom: solid 0.09375rem hsl(0, 0%, 100%);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
  transition: all 350ms ease-in-out;
}

.feedbacklink:not([disabled]):hover {
  border-color: #e2f1fc;
  color: #e2f1fc;
}

.parallax {
  position: relative;
  transform: translateY(3rem);
  opacity: 1;
  transition: 1s all ease;
}

.parallax.active {
  transform: translateY(0);
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */