@font-face {
  font-family: "Ubuntu";
  src: url("/carakb/dist/fonts/Ubuntu-Medium.eot");
  src: url("/carakb/dist/fonts/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"), url("/carakb/dist/fonts/Ubuntu-Medium.woff2") format("woff2"), url("/carakb/dist/fonts/Ubuntu-Medium.woff") format("woff"), url("/carakb/dist/fonts/Ubuntu-Medium.svg#Ubuntu-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/carakb/dist/fonts/Ubuntu-Regular.eot");
  src: url("/carakb/dist/fonts/Ubuntu-Regular.eot?#iefix") format("embedded-opentype"), url("/carakb/dist/fonts/Ubuntu-Regular.woff2") format("woff2"), url("/carakb/dist/fonts/Ubuntu-Regular.woff") format("woff"), url("/carakb/dist/fonts/Ubuntu-Regular.svg#Ubuntu-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/carakb/dist/fonts/Ubuntu-Bold.eot");
  src: url("/carakb/dist/fonts/Ubuntu-Bold.eot?#iefix") format("embedded-opentype"), url("/carakb/dist/fonts/Ubuntu-Bold.woff2") format("woff2"), url("/carakb/dist/fonts/Ubuntu-Bold.woff") format("woff"), url("/carakb/dist/fonts/Ubuntu-Bold.svg#Ubuntu-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.about-company-pluses-section {
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .about-company-pluses-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .about-company-pluses-section {
    align-self: center;
    margin-top: 50px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
  .about-company-pluses-section .company-pluses-section__li {
    flex-flow: row nowrap;
    gap: 16px;
  }
  .about-company-pluses-section .company-pluses-section__li .company-pluses-section__li__main span {
    font-size: 18px;
    line-height: 21px;
  }
  .about-company-pluses-section .company-pluses-section__li .company-pluses-section__li__main p {
    font-size: 14px;
    line-height: 16px;
  }
}
.about-company-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
.about-company-section .company-pluses-section,
.about-company-section .company-level-section {
  margin-top: 24px;
}
@media only screen and (min-width: 1000px) {
  .about-company-section .company-pluses-section,
  .about-company-section .company-level-section {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1000px) {
  .about-company-section {
    align-self: center;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin: 80px 0 0;
  }
}
.about-company-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .about-company-section__title {
    font-size: 38px;
  }
}
.about-company-section__desc {
  margin-top: 14px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .about-company-section__desc {
    margin-top: 16px;
    font-size: 16px;
  }
}
.actions-and-sale-company-section {
  display: flex;
  flex-flow: column;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .actions-and-sale-company-section {
    align-self: center;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.actions-and-sale-company-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .actions-and-sale-company-section__title {
    font-size: 56px;
  }
}
.actions-and-sale-company-section__promo-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .actions-and-sale-company-section__promo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
  }
}
.actions-and-sale-company-section__products-container {
  display: flex;
  flex-flow: column;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .actions-and-sale-company-section__products-container {
    margin-top: 80px;
  }
}
.actions-and-sale-company-section__products-container__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .actions-and-sale-company-section__products-container__title {
    font-size: 38px;
  }
}
.actions-and-sale-company-section__products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 8px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .actions-and-sale-company-section__products {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 20px;
    margin-top: 32px;
  }
}
.actions-and-sale-company-section__products-pagination {
  margin-top: 16px !important;
}
.actions-company-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (max-width: 1000px) {
  .actions-company-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .actions-company-section {
    align-self: center;
    gap: 32px;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.actions-company-section .promo-slider-section {
  margin: 0;
  padding: 0;
  width: 100%;
}
.actions-company-section__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}
.actions-company-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .actions-company-section__title {
    font-size: 38px;
  }
}
.actions-company-section__link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.actions-company-section__link svg {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .actions-company-section__link {
    gap: 6px;
    padding: 0px 12px;
    min-height: 36px;
    border-radius: 16px;
    border: 1px solid #d4d4d4;
    font-size: 16px;
    line-height: 18px;
    box-sizing: border-box;
  }
  .actions-company-section__link span::before {
    content: attr(data-label-desktop);
  }
  .actions-company-section__link span i {
    display: none;
  }
}
.adaptation-akb-banner {
  position: relative;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .adaptation-akb-banner {
    padding: 40px;
    border-radius: 32px;
  }
}
.adaptation-akb-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: darken;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("/carakb/dist/images/embedded/components-adaptation-akb-banner-inline-1.png");
  pointer-events: none;
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .adaptation-akb-banner::before {
    background-image: url("/carakb/dist/images/embedded/components-adaptation-akb-banner-inline-2.png");
  }
}
@media only screen and (min-width: 1000px) {
  .adaptation-akb-banner::before {
    background-image: url("/carakb/dist/images/embedded/components-adaptation-akb-banner-inline-3.png");
  }
}
@media only screen and (min-width: 1000px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1000px) and (min-resolution: 192dpi), only screen and (min-width: 1000px) and (min-resolution: 2dppx) {
  .adaptation-akb-banner::before {
    background-image: url("/carakb/dist/images/embedded/components-adaptation-akb-banner-inline-4.png");
  }
}
.adaptation-akb-banner__main {
  display: flex;
  flex-flow: column;
}
@media only screen and (max-width: 1000px) {
  .adaptation-akb-banner__main {
    max-width: 185px;
  }
}
@media only screen and (min-width: 1000px) {
  .adaptation-akb-banner__main {
    flex-flow: row nowrap;
    align-items: center;
  }
}
.adaptation-akb-banner__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .adaptation-akb-banner__title {
    font-size: 28px;
  }
}
.adaptation-akb-banner__desc {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .adaptation-akb-banner__desc {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1000px) {
  .adaptation-akb-banner__desc {
    margin-left: 12px;
    font-size: 16px;
  }
}
.adaptation-akb-banner__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 109px;
  padding: 0 16px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .adaptation-akb-banner__btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1000px) {
  .adaptation-akb-banner__btn {
    max-width: 128px;
    margin-left: 80px;
    padding: 0px 20px;
    min-height: 54px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .adaptation-akb-banner__btn:hover {
    background-color: #0b7547;
  }
}
.tippy-box[data-theme~=addresses-dropdown] {
  border-radius: 32px;
  background-color: #ffffff;
  color: #2c2d2e;
  box-sizing: border-box;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
}
.tippy-box[data-theme~=addresses-dropdown] .tippy-content {
  padding: 12px;
}
.addresses-dropdown {
  display: flex;
  flex-flow: column;
}
.addresses-dropdown__item {
  display: flex;
  flex-flow: column;
  padding: 12px 0;
}
.addresses-dropdown__item:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}
.addresses-dropdown__item__title {
  font-weight: 500;
  line-height: 18px;
}
.addresses-dropdown__item__address {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.addresses-dropdown__item__footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.addresses-dropdown__item__tag {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.addresses-dropdown__item__tag__icon {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
.addresses-dropdown__item__tag__text {
  flex: 1;
  font-size: 14px;
}
.akb-advantages-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section {
    position: relative;
    flex-flow: row nowrap;
    align-self: center;
    justify-content: space-between;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.akb-advantages-section__main {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__main {
    gap: 16px;
    max-width: 403px;
  }
}
.akb-advantages-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__title {
    font-size: 38px;
  }
}
.akb-advantages-section__desc {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__desc {
    font-size: 16px;
  }
}
.akb-advantages-section__pluses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .akb-advantages-section__pluses {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__pluses {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 32px;
    max-width: 615px;
  }
}
.akb-advantages-section__plus-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__plus-item {
    flex-flow: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.akb-advantages-section__plus-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  aspect-ratio: 2/2;
  border-radius: 18px;
  background: rgba(31, 137, 91, 0.1);
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__plus-item__icon {
    width: 64px;
    border-radius: 20px;
  }
}
.akb-advantages-section__plus-item__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.akb-advantages-section__plus-item__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__plus-item__main {
    gap: 12px;
  }
}
.akb-advantages-section__plus-item__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__plus-item__main b {
    font-size: 20px;
  }
}
.akb-advantages-section__plus-item__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__plus-item__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.akb-advantages-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  margin-top: 16px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .akb-advantages-section__btn {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .akb-advantages-section__btn:hover {
    background-color: #0b7547;
  }
}
.akb-by-car-brands-slide {
  display: flex !important;
  flex-flow: column !important;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .akb-by-car-brands-slide {
    width: 74px !important;
  }
}
.akb-by-car-brands-slide__logo {
  border-radius: 18px;
  background-color: #f5f5f5;
  background-blend-mode: multiply, normal;
}
.akb-by-car-brands-slide__logo__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.akb-by-car-brands-slide__name {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.akb-by-type-equipment-slide {
  display: flex !important;
  flex-flow: column !important;
  gap: 14px;
  padding: 10px;
  border-radius: 20px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .akb-by-type-equipment-slide {
    gap: 25px;
    padding: 20px;
    border-radius: 24px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
  .akb-by-type-equipment-slide:hover {
    background-color: #ffffff;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  }
}
.akb-by-type-equipment-slide__logo {
  width: 100%;
}
@media only screen and (min-width: 1000px) {
  .akb-by-type-equipment-slide__logo {
    height: 67px;
  }
}
.akb-by-type-equipment-slide__logo__img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: darken;
}
.akb-by-type-equipment-slide__name {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .akb-by-type-equipment-slide__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
  }
}
.akb-price-list-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .akb-price-list-section {
    align-self: center;
    gap: 24px;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.akb-price-list-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-price-list-section__title {
    font-size: 38px;
  }
}
.akb-replace-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.akb-replace-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__title {
    font-size: 38px;
  }
}
.akb-replace-section__desc {
  margin-top: 14px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__desc {
    margin-top: 12px;
    font-size: 16px;
  }
}
.akb-replace-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 24px;
  }
}
.akb-replace-section__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__item {
    flex-flow: column;
    gap: 16px;
    padding: 24px;
    border-radius: 32px;
  }
}
.akb-replace-section__item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__item__icon {
    border-radius: 20px;
  }
}
.akb-replace-section__item__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.akb-replace-section__item__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .akb-replace-section__item__main {
    flex: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__item__main {
    gap: 10px;
  }
}
.akb-replace-section__item__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__item__main b {
    font-size: 20px;
  }
}
.akb-replace-section__item__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .akb-replace-section__item__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.akb-service-needed-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.akb-service-needed-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__title {
    font-size: 38px;
  }
}
.akb-service-needed-section__desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__desc {
    margin-top: 16px;
    font-size: 16px;
  }
}
.akb-service-needed-section__grid {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__grid {
    gap: 20px;
    margin-top: 20px;
  }
}
.akb-service-needed-section__pluses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__pluses {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.akb-service-needed-section__plus-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__plus-item {
    flex-flow: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    border-radius: 32px;
  }
}
.akb-service-needed-section__plus-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 2/2;
  border-radius: 18px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__plus-item__icon {
    width: 54px;
  }
}
.akb-service-needed-section__plus-item__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.akb-service-needed-section__plus-item__title {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .akb-service-needed-section__plus-item__title {
    flex: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__plus-item__title {
    font-size: 20px;
  }
}
.akb-service-needed-section__steps {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps {
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 60px;
    padding: 24px;
    border-radius: 32px;
  }
}
.akb-service-needed-section__steps__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps__main {
    max-width: 440px;
  }
}
.akb-service-needed-section__steps__main b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps__main b {
    font-size: 28px;
  }
}
.akb-service-needed-section__steps__main p {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps__main p {
    font-size: 16px;
    margin-top: auto;
  }
}
.akb-service-needed-section__steps__ul {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps__ul {
    flex: 1;
  }
}
.akb-service-needed-section__steps__ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps__ul li {
    gap: 10px;
  }
}
.akb-service-needed-section__steps__ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11474_38464)'%3E%3Cpath d='M18.3327 10.0001C18.3327 5.39771 14.6017 1.66675 9.99935 1.66675C5.39697 1.66675 1.66602 5.39771 1.66602 10.0001C1.66602 14.6024 5.39697 18.3334 9.99935 18.3334C14.6017 18.3334 18.3327 14.6024 18.3327 10.0001Z' stroke='%231F895B' stroke-width='1.5'/%3E%3Cpath d='M6.66602 10.4167L8.74935 12.5L13.3327 7.5' stroke='%231F895B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11474_38464'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.akb-service-needed-section__steps__ul li p {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .akb-service-needed-section__steps__ul li p {
    font-size: 16px;
    line-height: 18px;
  }
}
.akb-to-car-section {
  display: flex;
  flex-flow: column;
  gap: 14px;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section {
    flex-flow: row-reverse nowrap;
    align-items: center;
    align-self: center;
    gap: 40px;
    margin: 30px 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.akb-to-car-section__icon {
  width: 100%;
  aspect-ratio: 82/65;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__icon {
    flex: 0 0 530px;
    aspect-ratio: 53/42;
    border-radius: 32px;
  }
}
.akb-to-car-section__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.akb-to-car-section__main {
  display: flex;
  flex-flow: row wrap;
}
.akb-to-car-section__title {
  flex: 0 0 100%;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__title {
    font-size: 56px;
  }
}
.akb-to-car-section__desc {
  flex: 0 0 100%;
  margin-top: 14px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__desc {
    margin-top: 16px;
    font-size: 16px;
    max-width: 615px;
  }
}
.akb-to-car-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__grid {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
  }
}
.akb-to-car-section__grid li {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__grid li {
    flex-flow: row nowrap;
    align-items: center;
    gap: 6px;
  }
}
.akb-to-car-section__grid li svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.akb-to-car-section__grid li span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__grid li span {
    font-size: 16px;
    line-height: 18px;
  }
}
.akb-to-car-section__footer {
  flex: 0 0 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__footer {
    flex-flow: row nowrap;
    gap: 16px;
    margin-top: 40px;
  }
}
.akb-to-car-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.akb-to-car-section__btn:not(.akb-to-car-section__btn--primary):hover {
  background-color: #0b7547;
}
.akb-to-car-section__btn--primary {
  color: #2c2d2e;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .akb-to-car-section__btn--primary:hover {
    color: #1f895b;
  }
}
.answers-to-questions-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section {
    align-self: center;
    gap: 32px;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin: 80px 0 0;
  }
}
.answers-to-questions-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section__title {
    font-size: 38px;
  }
}
.answers-to-questions-section__list {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section__list {
    gap: 16px;
  }
}
.answers-to-questions-section__item {
  cursor: pointer;
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding: 18px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.answers-to-questions-section__item:not(.active) .answers-to-questions-section__item__text {
  display: none;
}
.answers-to-questions-section__item:not(.active) .answers-to-questions-section__item__icon {
  transform: rotate(180deg);
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section__item {
    gap: 10px;
    padding: 24px;
    border-radius: 24px;
  }
}
.answers-to-questions-section__item__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.answers-to-questions-section__item__title {
  flex: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section__item__title {
    font-size: 20px;
  }
}
.answers-to-questions-section__item__icon {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.answers-to-questions-section__item__text {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section__item__text {
    font-size: 16px;
  }
}
.answers-to-questions-section__item__link-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 18px;
  height: 54px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .answers-to-questions-section__item__link-btn {
    height: 64px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 16px;
  }
  .answers-to-questions-section__item__link-btn:hover {
    border-color: #1f895b;
  }
}
.article-item {
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding: 6px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .article-item {
    padding: 10px;
    gap: 10px;
    border-radius: 32px;
  }
}
.article-item__img {
  display: block;
  width: 100%;
  aspect-ratio: 31600/17723;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .article-item__img {
    border-radius: 24px;
  }
}
.article-item__content {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 10px;
}
@media only screen and (min-width: 1000px) {
  .article-item__content {
    padding: 12px;
  }
}
.article-item__title {
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-item__title {
    font-size: 20px;
  }
}
.article-item__date {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .article-item__date {
    font-size: 16px;
  }
}
.article-view-section {
  display: flex;
  flex-flow: column;
  margin-top: 10px;
}
.article-view-section > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .article-view-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section {
    margin-top: 30px;
  }
}
.article-view-section__content {
  display: flex;
  flex-flow: column;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__content {
    align-self: center;
    width: calc(100% - 32px);
    max-width: 1038px;
  }
}
.article-view-mr-h10 {
  margin-top: 10px;
}
@media only screen and (min-width: 1000px) {
  .article-view-mr-h10 {
    margin-top: 12px;
  }
}
.article-view-mr-h14 {
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .article-view-mr-h14 {
    margin-top: 16px;
  }
}
.article-view-mr-h16 {
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-mr-h16 {
    margin-top: 20px;
  }
}
.article-view-mr-h20 {
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .article-view-mr-h20 {
    margin-top: 28px;
  }
}
.article-view-mr-h28 {
  margin-top: 28px;
}
.article-view-mr-h28--only {
  margin-top: 28px !important;
}
@media only screen and (min-width: 1000px) {
  .article-view-mr-h28 {
    margin-top: 60px;
  }
}
.article-view-mr-h40 {
  margin-top: 40px;
}
@media only screen and (min-width: 1000px) {
  .article-view-mr-h40 {
    margin-top: 60px;
  }
}
.article-view-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__title {
    order: -5;
    font-size: 56px;
  }
}
.article-view-section__cover {
  display: block;
  width: 100%;
  aspect-ratio: 41/25;
  border-radius: 28px;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__cover {
    aspect-ratio: 173/90;
    border-radius: 32px;
  }
}
.article-view-section__text {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__text {
    font-size: 16px;
  }
  .article-view-section__text--desc {
    order: -4;
  }
}
.article-view-section__text a {
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__text a:hover {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher {
    order: -3;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.article-view-section__publisher__main {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px 16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__main {
    gap: 20px;
  }
}
.article-view-section__publisher__user {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__user {
    gap: 10px;
  }
}
.article-view-section__publisher__user img {
  display: block;
  width: 32px;
  aspect-ratio: 2/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__user img {
    width: 36px;
  }
}
.article-view-section__publisher__user span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__user span {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__publisher__date {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__date {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__publisher__stat {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__stat {
    gap: 20px;
  }
}
.article-view-section__publisher__stat-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__stat-item {
    gap: 6px;
  }
}
.article-view-section__publisher__stat-item svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.article-view-section__publisher__stat-item span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__stat-item span {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__publisher__tags {
  flex: 0 0 100%;
  overflow: hidden;
  margin: 0 -16px;
  padding: 0 16px;
}
.article-view-section__publisher__tag-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: unset !important;
  height: 36px !important;
  padding: 0px 14px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__tag-link {
    height: 42px !important;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .article-view-section__publisher__tag-link:hover {
    border-color: #1f895b;
  }
}
.article-view-section__publisher__share-btn {
  display: none;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.article-view-section__publisher__share-btn svg {
  width: 24px;
  height: 24px;
  color: #9b9b9b;
}
.article-view-section__publisher__share-btn span {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__publisher__share-btn {
    display: flex;
  }
  .article-view-section__publisher__share-btn:hover svg {
    color: #1f895b;
  }
}
.article-view-section__contents-block {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 18px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__contents-block {
    gap: 20px;
    padding: 24px;
    border-radius: 24px;
  }
}
.article-view-section__contents-block__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__contents-block__title {
    font-size: 24px;
  }
}
.article-view-section__ul,
.article-view-section__ol {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ul,
  .article-view-section__ol {
    gap: 12px;
  }
}
.article-view-section__ul-li,
.article-view-section__ol-li {
  display: grid;
  grid-template-columns: 10px 1fr;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ul-li,
  .article-view-section__ol-li {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__ul-li::before,
.article-view-section__ol-li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1f895b;
  margin-top: 3px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ul-li::before,
  .article-view-section__ol-li::before {
    margin-top: 4px;
  }
}
.article-view-section__ol {
  counter-reset: article-counter;
}
.article-view-section__ol--gt {
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ol--gt {
    gap: 24px;
  }
}
.article-view-section__ol--gt div > p {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ol--gt div > p {
    font-size: 18px;
    line-height: 21px;
  }
}
.article-view-section__ol .article-view-section__ul {
  margin-top: 10px;
  margin-left: -16px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ol .article-view-section__ul {
    margin-top: 12px;
    margin-left: -20px;
  }
}
.article-view-section__ol-li {
  grid-template-columns: 20px 1fr;
  counter-increment: article-counter;
}
.article-view-section__ol-li::before {
  content: counter(article-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin-top: -2px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__ol-li::before {
    margin-top: -1px;
  }
}
.article-view-section__akb-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__akb-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
.article-view-section__akb-grid__item {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 74px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__akb-grid__item {
    gap: 12px;
    min-height: 102px;
    padding: 24px;
    border-radius: 24px;
  }
}
.article-view-section__akb-grid__item__img {
  width: 100%;
  aspect-ratio: 2/2;
  border-radius: 10px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__akb-grid__item__img {
    border-radius: 12px;
  }
}
.article-view-section__akb-grid__item__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.article-view-section__akb-grid__item__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.article-view-section__akb-grid__item__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__akb-grid__item__main b {
    font-size: 20px;
  }
}
.article-view-section__akb-grid__item__main span {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__akb-grid__item__main span {
    font-size: 14px;
    line-height: 16px;
  }
}
.article-view-section__h2,
.article-view-section__h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__h2,
  .article-view-section__h3 {
    font-size: 38px;
  }
}
.article-view-section__h3 {
  font-size: 32px;
}
.article-view-section__h4 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__h4 {
    font-size: 28px;
  }
}
.article-view-section__h5 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__h5 {
    font-size: 24px;
  }
}
.article-view-section__h6 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__h6 {
    font-size: 20px;
  }
}
.article-view-section__photos-slider {
  position: relative;
}
@media only screen and (max-width: 1000px) {
  .article-view-section__photos-slider {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__photos-slider .swiper-slider {
    overflow: hidden;
  }
}
.article-view-section__photo-slide {
  width: 100%;
  aspect-ratio: 82/67;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__photo-slide {
    aspect-ratio: 166/135;
  }
}
.article-view-section__photo-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.article-view-section__delivery-banner {
  display: flex;
  flex-flow: column;
  padding: 20px;
  min-height: 161px;
  border-radius: 28px;
  background-color: #1f895b;
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom, right center;
  background-size: contain, cover;
  background-image: url("/carakb/dist/images/embedded/components-article-view-section-inline-1.png"), url("/carakb/dist/images/embedded/components-article-view-section-inline-2.png");
  box-sizing: border-box;
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .article-view-section__delivery-banner {
    background-image: url("/carakb/dist/images/embedded/components-article-view-section-inline-3.png"), url("/carakb/dist/images/embedded/components-article-view-section-inline-4.png");
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__delivery-banner {
    padding: 26px;
    min-height: 160px;
    border-radius: 32px;
    background-image: url("/carakb/dist/images/embedded/components-article-view-section-inline-5.png"), url("/carakb/dist/images/embedded/components-article-view-section-inline-6.png");
  }
}
@media only screen and (min-width: 1000px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1000px) and (min-resolution: 192dpi), only screen and (min-width: 1000px) and (min-resolution: 2dppx) {
  .article-view-section__delivery-banner {
    background-image: url("/carakb/dist/images/embedded/components-article-view-section-inline-7.png"), url("/carakb/dist/images/embedded/components-article-view-section-inline-8.png");
  }
}
.article-view-section__delivery-banner__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .article-view-section__delivery-banner__title {
    max-width: 198px;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__delivery-banner__title {
    font-size: 28px;
  }
}
.article-view-section__delivery-banner__desc {
  margin-top: 10px;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .article-view-section__delivery-banner__desc {
    display: none;
  }
}
.article-view-section__delivery-banner__link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__delivery-banner__link {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__delivery-banner__link svg {
  width: 24px;
  height: 24px;
}
.article-view-section__products-slider {
  margin-top: 28px !important;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__products-slider {
    align-self: center;
    margin-top: 60px !important;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.article-view-section__group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.article-view-section__with-icon-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__with-icon-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.article-view-section__with-icon-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__with-icon-block {
    flex-flow: column-reverse;
    gap: 16px;
    padding: 24px;
    border-radius: 32px;
  }
}
.article-view-section__with-icon-block__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__with-icon-block__main {
    gap: 10px;
  }
}
.article-view-section__with-icon-block__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__with-icon-block__main b {
    font-size: 20px;
  }
}
.article-view-section__with-icon-block__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__with-icon-block__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__with-icon-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__with-icon-block__icon {
    width: 54px;
    height: 54px;
    border-radius: 20px;
  }
}
.article-view-section__with-icon-block__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.article-view-section__footer {
  display: flex;
  flex-flow: column;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__footer {
    flex-flow: row nowrap;
    align-items: center;
    padding: 24px 40px;
    border-radius: 32px;
  }
}
.article-view-section__footer__side {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .article-view-section__footer__side:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d4d4d4;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__footer__side {
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    gap: 12px;
  }
  .article-view-section__footer__side:not(:last-child) {
    padding-right: 40px;
    margin-right: 40px;
    border-right: 1px solid #d4d4d4;
  }
  .article-view-section__footer__side:nth-child(1) {
    flex: 0 0 383px;
    box-sizing: border-box;
  }
}
.article-view-section__footer__title {
  flex: 0 0 100%;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__footer__title {
    flex: auto;
    text-align: left;
    margin-right: 12px;
  }
}
.article-view-section__footer__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 18px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__footer__btn {
    flex: 0 0 54px;
    min-height: 54px;
    border-radius: 20px;
  }
}
.article-view-section__footer__btn svg {
  width: 24px;
  height: 24px;
}
.article-view-section__comments {
  display: flex;
  flex-flow: column;
  gap: 24px;
  margin-top: 40px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comments {
    align-self: center;
    gap: 32px;
    margin-top: 60px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.article-view-section__comments-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comments-title {
    font-size: 38px;
  }
}
.article-view-section__comments-list {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comments-list {
    gap: 16px;
  }
}
.article-view-section__comment-item {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item {
    gap: 20px;
    padding: 24px;
    border-radius: 32px;
  }
}
.article-view-section__comment-item__user {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item__user {
    gap: 16px;
  }
}
.article-view-section__comment-item__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  aspect-ratio: 2/2;
  border-radius: 50%;
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item__avatar {
    width: 64px;
  }
}
.article-view-section__comment-item__avatar svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
.article-view-section__comment-item__inf {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item__inf {
    gap: 10px;
  }
}
.article-view-section__comment-item__inf b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item__inf b {
    font-size: 20px;
  }
}
.article-view-section__comment-item__inf span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item__inf span {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__comment-item__text {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-item__text {
    font-size: 16px;
  }
}
.article-view-section__comment-form-wrapper {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 24px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form-wrapper {
    align-self: center;
    gap: 20px;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.article-view-section__comment-form-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form-title {
    font-size: 32px;
  }
}
.article-view-section__comment-form {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form {
    gap: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .article-view-section__comment-form > * {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form .input-wrapper--textarea {
    flex: 0 0 100% !important;
  }
  .article-view-section__comment-form .input-wrapper {
    flex: 1;
  }
}
@media only screen and (max-width: 1000px) {
  .article-view-section__comment-form .input-checkbox {
    margin-top: 6px;
  }
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form .input-checkbox {
    max-width: 356px;
  }
}
.article-view-section__comment-form .input-checkbox .input-checkbox__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form .input-checkbox .input-checkbox__text {
    font-size: 16px;
    line-height: 18px;
  }
}
.article-view-section__comment-form__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .article-view-section__comment-form__submit-btn {
    flex: 0 0 132px;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
  }
  .article-view-section__comment-form__submit-btn:hover {
    background-color: #0b7547;
  }
}
.assort-batteries-section {
  display: flex;
  flex-flow: column;
  gap: 18px;
  padding: 16px;
  margin: 8px 16px 0;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section {
    gap: 24px;
    padding: 28px;
    margin: 20px 0;
    border-radius: 32px;
    width: calc(100% - 32px);
    max-width: 1250px;
    align-self: center;
    box-sizing: border-box;
  }
}
.assort-batteries-section__head {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__head {
    flex-flow: row nowrap;
    align-items: center;
    gap: 40px;
  }
  .assort-batteries-section__head .tab-switcher-container {
    flex: 1;
    max-width: 326px;
  }
}
.assort-batteries-section__head__title {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__head__title {
    gap: 10px;
  }
}
.assort-batteries-section__head__title span {
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__head__title span {
    font-size: 28px;
  }
}
.assort-batteries-section__head__title p {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__head__title p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__head__help {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
    height: 54px;
    padding: 0 16px;
    margin-left: auto;
    border-radius: 16px;
    border: 1px solid #d4d4d4;
    text-align: left;
  }
  .assort-batteries-section__head__help__main {
    display: flex;
    flex-flow: column;
    gap: 4px;
  }
  .assort-batteries-section__head__help__main span {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
  .assort-batteries-section__head__help__main p {
    font-size: 14px;
    line-height: 16px;
    color: #737373;
  }
  .assort-batteries-section__head__help__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1f895b;
    color: #ffffff;
  }
  .assort-batteries-section__head__help__icon svg {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .assort-batteries-section__head__help:hover .assort-batteries-section__head__help__main span {
    color: #1f895b;
  }
}
@media only screen and (max-width: 1000px) {
  .assort-batteries-section__head__help {
    display: none;
  }
}
.assort-batteries-section__tab {
  display: flex;
  flex-flow: column;
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__tab {
    gap: 24px;
  }
}
.assort-batteries-section__form,
.assort-batteries-section__form__inputs {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__form__inputs {
    flex-flow: row nowrap;
    gap: 16px;
  }
  .assort-batteries-section__form__inputs > * {
    flex: 1;
  }
}
.assort-batteries-section__form {
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__form {
    gap: 24px;
  }
}
.assort-batteries-section__form__submit-btn {
  height: 54px;
  color: #ffffff;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 14px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__form__submit-btn {
    height: 64px;
    max-width: 133px;
    border-radius: 16px;
    font-size: 16px;
  }
}
.assort-batteries-section__form__checks {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .assort-batteries-section__form__checks .input-checkbox {
    flex: 0 0 calc(50% - 10px);
  }
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__form__checks {
    gap: 24px;
  }
}
.assort-batteries-section__separator {
  height: 1px;
  background-color: #d4d4d4;
}
.assort-batteries-section__brands-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-group {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .assort-batteries-section__brands-slider {
    overflow: hidden;
    margin: 0 -16px;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    height: auto !important;
  }
}
.assort-batteries-section__brand-slide {
  display: flex !important;
  flex-flow: column;
  gap: 10px;
  width: 74px !important;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brand-slide {
    gap: 15px;
    margin: 0 !important;
    width: 100% !important;
  }
}
.assort-batteries-section__brand-slide__logo {
  width: 100%;
  height: 50px;
  border-radius: 14px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brand-slide__logo {
    height: auto;
    aspect-ratio: 1.65/1;
  }
  .assort-batteries-section__brand-slide__logo .assort-batteries-section__brand-slide__logo-img {
    height: 100%;
  }
}
.assort-batteries-section__brand-slide__logo-img {
  display: block;
  width: 100%;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.assort-batteries-section__brand-slide__company {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brand-slide__company {
    font-size: 16px;
    line-height: 18px;
  }
}
.assort-batteries-section__brands-list {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  gap: 10px 14px;
  padding-top: 18px;
  padding-bottom: 34px;
  border-top: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-list {
    grid-template-rows: repeat(7, auto);
    gap: 14px 34px;
    border-top: none;
    padding-top: unset;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .assort-batteries-section__brands-list:not(.shown) .assort-batteries-section__brands-list__item:nth-child(n+16) {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-list:not(.shown) .assort-batteries-section__brands-list__item:nth-child(n+36) {
    display: none;
  }
}
.assort-batteries-section__brands-list.shown {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(var(--rows-count-mobile), auto);
  padding-bottom: 0;
}
.assort-batteries-section__brands-list.shown .assort-batteries-section__brands-list__btn {
  display: none;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-list.shown {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(var(--rows-count-desktop), auto);
  }
}
.assort-batteries-section__brands-list__item {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-list__item {
    font-size: 16px;
    line-height: 18px;
  }
}
.assort-batteries-section__brands-list__btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #1f895b;
}
@media only screen and (max-width: 1000px) {
  .assort-batteries-section__brands-list__btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__brands-list__btn {
    font-size: 16px;
    line-height: 18px;
  }
}
.assort-batteries-section__popular-brands {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.assort-batteries-section__popular-brands__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .assort-batteries-section__popular-brands__slider {
    overflow: hidden;
    margin: 0 -16px;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__popular-brands__slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    height: auto !important;
  }
}
.assort-batteries-section__popular-brands__slide {
  display: flex !important;
  flex-flow: column;
  gap: 10px;
  width: 74px !important;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__popular-brands__slide {
    gap: 15px;
    margin: 0 !important;
    width: 100% !important;
  }
}
.assort-batteries-section__popular-brands__slide__img {
  width: 100%;
  height: 50px;
  border-radius: 14px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__popular-brands__slide__img {
    height: auto;
    aspect-ratio: 1.65/1;
  }
  .assort-batteries-section__popular-brands__slide__img img {
    height: 100%;
  }
}
.assort-batteries-section__popular-brands__slide__img img {
  display: block;
  width: 100%;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.assort-batteries-section__popular-brands__slide__name {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .assort-batteries-section__popular-brands__slide__name {
    font-size: 16px;
    line-height: 18px;
  }
}
.author-company-section {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 40px;
  margin-top: 32px;
}
@media only screen and (max-width: 1000px) {
  .author-company-section {
    flex-flow: column;
    gap: 32px;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .author-company-section {
    align-self: center;
    margin-top: 30px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.author-company-section__content {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__content {
    flex: 1;
    gap: 30px;
  }
}
.author-company-section__user {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user {
    flex-flow: row nowrap;
    align-items: center;
    gap: 40px;
  }
}
.author-company-section__user__avatar {
  display: block;
  width: 130px;
  aspect-ratio: 2/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  border-radius: 50%;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__avatar {
    width: 250px;
  }
}
.author-company-section__user__main {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__main {
    gap: 16px;
  }
}
.author-company-section__user__name {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__name {
    font-size: 56px;
  }
}
.author-company-section__user__desc {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__desc {
    font-size: 20px;
  }
}
.author-company-section__user__text {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__text {
    font-size: 16px;
  }
}
.author-company-section__user__labels {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__labels {
    gap: 20px;
  }
}
.author-company-section__user__labels li {
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 12px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user__labels li {
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 16px;
    line-height: 18px;
  }
}
.author-company-section__user-desc {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc {
    padding: 24px;
    border-radius: 32px;
  }
}
.author-company-section__user-desc__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__title {
    font-size: 32px;
  }
}
.author-company-section__user-desc__desc {
  margin-top: 6px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__desc {
    margin-top: 10px;
    font-size: 16px;
  }
}
.author-company-section__user-desc__separator {
  height: 1px;
  margin: 16px 0;
  background-color: #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__separator {
    margin: 20px 0;
  }
}
.author-company-section__user-desc__list {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__list {
    gap: 20px;
  }
}
.author-company-section__user-desc__list li {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__list li {
    gap: 6px;
  }
}
.author-company-section__user-desc__list li b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__list li b {
    font-size: 20px;
  }
}
.author-company-section__user-desc__list li p {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__user-desc__list li p {
    font-size: 16px;
  }
}
.author-company-section__aside {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
@media only screen and (max-width: 1000px) {
  .author-company-section__aside {
    width: 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .author-company-section__aside {
    gap: 20px;
    flex: 0 0 298px;
  }
}
.author-company-section__block {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block {
    padding: 24px;
    border-radius: 24px;
  }
}
.author-company-section__block__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block__title {
    font-size: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.author-company-section__block__user {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block__user {
    grid-template-columns: 64px 1fr;
    gap: 16px;
  }
}
.author-company-section__block__user:not(:last-child) {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block__user:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.author-company-section__block__user-avatar {
  width: 100%;
  aspect-ratio: 2/2;
  border-radius: 50%;
}
.author-company-section__block__user-main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block__user-main {
    gap: 6px;
  }
}
.author-company-section__block__user-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block__user-name {
    font-size: 18px;
    line-height: 21px;
  }
}
.author-company-section__block__user-desc {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__block__user-desc {
    font-size: 16px;
    line-height: 18px;
  }
}
.author-company-section__subscribe-block {
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 18px;
  border-radius: 28px;
  background-color: #1f895b;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__subscribe-block {
    padding: 24px;
    border-radius: 32px;
  }
}
.author-company-section__subscribe-block__head {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__subscribe-block__head {
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 20px;
  }
}
.author-company-section__subscribe-block__head__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
.author-company-section__subscribe-block__head__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__subscribe-block__head__title {
    font-size: 24px;
  }
}
.author-company-section__subscribe-block__head__desc {
  font-size: 14px;
  line-height: 16px;
}
.author-company-section__subscribe-block__head__icon {
  display: block;
  width: 70px;
  aspect-ratio: 2/2;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__subscribe-block__head__icon {
    width: 60px;
  }
}
.author-company-section__subscribe-block__form {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__subscribe-block__form {
    gap: 16px;
  }
}
.author-company-section__subscribe-block__form__submit-btn {
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  border: 1px solid #ffffff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .author-company-section__subscribe-block__form__submit-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.author-publications-media-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .author-publications-media-section {
    align-self: center;
    gap: 32px;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.author-publications-media-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .author-publications-media-section__title {
    font-size: 38px;
  }
}
.author-publications-media-section__slider {
  position: relative;
}
.author-publications-media-section__slider .swiper-slider {
  overflow: hidden;
}
.author-publications-media-section__slide {
  display: flex !important;
  flex-flow: column !important;
  padding: 18px;
  min-height: 160px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .author-publications-media-section__slide {
    min-height: 243px;
    padding: 24px;
    border-radius: 32px;
  }
}
.author-publications-media-section__slide__logo--pikabu {
  width: 97px;
  height: 30px;
}
@media only screen and (min-width: 1000px) {
  .author-publications-media-section__slide__logo--pikabu {
    width: 127px;
    height: 39px;
  }
}
.author-publications-media-section__slide__logo--tj {
  width: 90px;
  height: 15.75px;
}
@media only screen and (min-width: 1000px) {
  .author-publications-media-section__slide__logo--tj {
    width: 120px;
    height: 21px;
  }
}
.author-publications-media-section__slide__logo--vc {
  width: 35.25px;
  height: 37.5px;
}
@media only screen and (min-width: 1000px) {
  .author-publications-media-section__slide__logo--vc {
    width: 47px;
    height: 50px;
  }
}
.author-publications-media-section__slide__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: auto;
}
.author-publications-media-section__slide__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.author-publications-media-section__slide__main span {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
.author-publications-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .author-publications-section {
    align-self: center;
    gap: 32px;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin: 80px 0 0;
  }
  .author-publications-section .blog-posts-section__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.author-publications-section__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .author-publications-section__title {
    display: none;
  }
}
.blog-posts-section {
  display: flex;
  flex-flow: column;
  margin-top: 16px;
}
@media only screen and (max-width: 1000px) {
  .blog-posts-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section {
    align-self: center;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.blog-posts-section-title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section-title {
    font-size: 56px;
  }
}
.blog-posts-section__menu {
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .blog-posts-section__menu {
    padding: 0 16px;
    margin: 16px -16px 0;
  }
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__menu {
    margin-top: 20px;
  }
}
.blog-posts-section__menu__link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: unset !important;
  padding: 0px 14px;
  min-height: 36px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
.blog-posts-section__menu__link.active {
  border-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__menu__link {
    min-height: 42px;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .blog-posts-section__menu__link:hover {
    border-color: #1f895b;
  }
}
.blog-posts-section__menu__link:last-child {
  margin-right: 0 !important;
}
.blog-posts-section__search-input {
  width: 100%;
  height: 48px;
  margin-top: 16px;
  padding: 0 50px 0 14px;
  font-size: 14px;
  border-radius: 14px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.blog-posts-section__search-input::-moz-placeholder {
  color: #737373;
}
.blog-posts-section__search-input::placeholder {
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__search-input {
    height: 54px;
    padding: 0 56px 0 16px;
    border-radius: 16px;
    font-size: 16px;
    background-position: right 16px center;
  }
}
.blog-posts-section__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__wrapper {
    grid-template-columns: 1fr 298px;
    gap: 20px;
    margin-top: 28px;
  }
}
.blog-posts-section__list-wrapper {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-wrapper {
    gap: 40px;
  }
}
.blog-posts-section__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media only screen and (min-width: 576px) {
  .blog-posts-section__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .blog-posts-section__list .blog-posts-section__popular {
    display: none;
  }
}
.blog-posts-section__item {
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding: 6px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__item {
    gap: 10px;
    padding: 10px;
    border-radius: 32px;
  }
  .blog-posts-section__item:hover {
    background-color: #ffffff;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  }
}
.blog-posts-section__item-cover {
  display: block;
  width: 100%;
  aspect-ratio: 316/177;
  border-radius: 20px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__item-cover {
    aspect-ratio: 21825/12241;
    border-radius: 24px;
  }
}
.blog-posts-section__item-main {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 10px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__item-main {
    padding: 12px;
  }
}
.blog-posts-section__item-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__item-title {
    font-size: 20px;
  }
}
.blog-posts-section__item-desc {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__item-desc {
    font-size: 16px;
  }
}
.blog-posts-section__popular {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular {
    padding: 24px;
    border-radius: 24px;
  }
}
.blog-posts-section__popular-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular-title {
    font-size: 24px;
  }
}
.blog-posts-section__popular-item {
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular-item {
    gap: 10px;
    padding-top: 24px;
    margin-top: 24px;
  }
}
.blog-posts-section__popular-item__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular-item__title {
    font-size: 16px;
    line-height: 18px;
  }
  .blog-posts-section__popular-item__title:hover {
    color: #1f895b;
  }
}
.blog-posts-section__popular-item__date {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular-item__date {
    font-size: 16px;
    line-height: 18px;
  }
}
.blog-posts-section__popular-item__stat {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
}
.blog-posts-section__popular-item__stat-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular-item__stat-item {
    gap: 6px;
  }
}
.blog-posts-section__popular-item__stat-item svg {
  width: 24px;
  height: 24px;
  color: #737373;
}
.blog-posts-section__popular-item__stat-item span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__popular-item__stat-item span {
    font-size: 16px;
    line-height: 18px;
  }
}
.blog-posts-section__list-pagination {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-pagination {
    gap: 20px;
  }
}
.blog-posts-section__list-pagination__load-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-pagination__load-more-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .blog-posts-section__list-pagination__load-more-btn:hover {
    border-color: #1f895b;
  }
}
.blog-posts-section__list-pagination__nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-pagination__nav {
    justify-content: center;
  }
}
.blog-posts-section__list-pagination__nav-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  max-width: 48px;
  border-radius: 10px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-pagination__nav-link {
    height: 54px;
    max-width: 54px;
    border-radius: 12px;
  }
}
.blog-posts-section__list-pagination__nav-link span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-pagination__nav-link span {
    font-size: 16px;
    line-height: 18px;
  }
}
.blog-posts-section__list-pagination__nav-link--primary {
  color: #1f895b;
  border-radius: 14px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__list-pagination__nav-link--primary {
    border-radius: 16px;
  }
  .blog-posts-section__list-pagination__nav-link--primary:first-child {
    margin-right: 12px;
  }
  .blog-posts-section__list-pagination__nav-link--primary:last-child {
    margin-left: 12px;
  }
}
.blog-posts-section__list-pagination__nav-link--primary svg {
  width: 24px;
  height: 24px;
}
.blog-posts-section__list-pagination__nav-link.active {
  font-weight: 500;
  color: #ffffff;
  background-color: #1f895b;
}
.blog-posts-section__aside {
  display: flex;
  flex-flow: column;
  gap: 24px;
}
@media only screen and (max-width: 1000px) {
  .blog-posts-section__aside .blog-posts-section__popular {
    display: none;
  }
}
.blog-posts-section__email-subscribe {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  padding: 18px;
  border-radius: 28px;
  background-color: #1f895b;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__email-subscribe {
    padding: 24px;
    border-radius: 32px;
  }
}
.blog-posts-section__email-subscribe__icon {
  flex: 0 0 70px;
  aspect-ratio: 2/2;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__email-subscribe__icon {
    flex: 0 0 109px;
  }
}
.blog-posts-section__email-subscribe__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.blog-posts-section__email-subscribe__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
  color: #ffffff;
  flex: 0 0 calc(100% - 70px - 14px);
}
@media only screen and (max-width: 1000px) {
  .blog-posts-section__email-subscribe__main {
    margin-left: 14px;
  }
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__email-subscribe__main {
    flex: 0 0 100%;
    gap: 12px;
    margin-top: 20px;
  }
}
.blog-posts-section__email-subscribe__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__email-subscribe__title {
    font-size: 24px;
  }
}
.blog-posts-section__email-subscribe__desc {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__email-subscribe__desc {
    font-size: 16px;
  }
}
.blog-posts-section__email-subscribe__input {
  flex: 0 0 100%;
  margin-top: 20px;
}
.blog-posts-section__email-subscribe__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-top: 14px;
  padding: 0px 18px;
  border-radius: 14px;
  border: 1px solid #ffffff;
  flex: 0 0 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .blog-posts-section__email-subscribe__submit-btn {
    min-height: 64px;
    margin-top: 16px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.blog-posts-section__email-subscribe__success {
  position: absolute;
  inset: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: white;
  padding: 24px;
  background-color: #1f895b;
  z-index: 2;
}
.blog-posts-section__email-subscribe__success:not(.visible) {
  display: none;
}
.blog-posts-section__email-subscribe__success svg {
  width: 54px;
  height: 54px;
}
.blog-posts-section__email-subscribe__success b {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #ffffff;
}
.blog-posts-section__email-subscribe__success p {
  margin-top: 16px;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
}
.branch-company-section {
  display: flex;
  flex-flow: column;
  gap: 32px;
  margin-top: 16px;
}
@media only screen and (max-width: 1000px) {
  .branch-company-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .branch-company-section {
    align-self: center;
    gap: 40px;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.branch-company-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .branch-company-section__title {
    font-size: 56px;
  }
}
.branch-company-section__addresses {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.branch-company-section__addresses .segmented-control {
  margin: 0 !important;
}
.branch-company-section__company-pluses {
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .branch-company-section__company-pluses {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .branch-company-section__company-pluses {
    align-self: center;
    margin-top: 40px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
  .branch-company-section__company-pluses .company-pluses-section__li {
    flex-flow: row nowrap;
    gap: 16px;
  }
  .branch-company-section__company-pluses .company-pluses-section__li .company-pluses-section__li__main span {
    font-size: 18px;
    line-height: 21px;
  }
  .branch-company-section__company-pluses .company-pluses-section__li .company-pluses-section__li__main p {
    font-size: 14px;
    line-height: 16px;
  }
}
.bread-crumbs-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .bread-crumbs-container {
    align-self: center;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin-top: 20px;
  }
}
.bread-crumbs-back-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.bread-crumbs-back-btn svg {
  width: 20px;
  height: 20px;
}
.bread-crumbs-back-btn span {
  flex: 1;
}
@media only screen and (min-width: 1000px) {
  .bread-crumbs-back-btn {
    display: none;
  }
}
.bread-crumbs-share-btn {
  color: #9b9b9b;
}
.bread-crumbs-share-btn svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .bread-crumbs-share-btn {
    display: none;
  }
}
.bread-crumbs-ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media only screen and (max-width: 1000px) {
  .bread-crumbs-ul {
    display: none;
  }
}
.bread-crumbs-li {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.bread-crumbs-li:not(:last-child)::after {
  content: "/";
  margin: 0 10px;
}
@media only screen and (min-width: 1000px) {
  .bread-crumbs-link:hover {
    text-decoration: underline;
  }
}
.button-with-desc {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  padding: 10px 16px;
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .button-with-desc:hover {
    border-color: #1f895b;
  }
  .button-with-desc:hover .button-with-desc__main span {
    color: #1f895b;
  }
}
.button-with-desc__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.button-with-desc__main span {
  font-weight: 700;
  letter-spacing: -0.03em;
}
.button-with-desc__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.button-with-desc__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #1f895b;
}
.button-with-desc__icon svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.cart-grid-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .cart-grid-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section {
    align-self: center;
    gap: 40px;
    grid-template-columns: 1fr 297px;
    align-items: flex-start;
    margin-top: 30px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.cart-grid-section__list {
  display: flex;
  flex-flow: column;
}
.cart-grid-section__item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  gap: 10px 20px;
  grid-template-areas: "name name name name cover cover" "inf inf inf inf cover cover" "price price price price cover cover" "swap swap swap control control control";
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item {
    grid-template-columns: 188px 1fr 1fr 1fr 1fr 1fr 194px;
    gap: 12px 20px;
    grid-template-areas: "cover name name name name price control" "cover inf inf inf inf price control" "cover swap swap swap swap price control";
  }
}
.cart-grid-section__item:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.cart-grid-section__item-cover {
  grid-area: cover;
  align-self: center;
  width: 100%;
  aspect-ratio: 19/16;
  margin-left: auto;
  border-radius: 18px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-cover {
    aspect-ratio: 94/71;
  }
}
.cart-grid-section__item-cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.cart-grid-section__item-name {
  grid-area: name;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-name {
    font-size: 18px;
    line-height: 21px;
  }
}
.cart-grid-section__item-inf {
  grid-area: inf;
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-inf {
    font-size: 16px;
    line-height: 18px;
  }
}
.cart-grid-section__item-price {
  grid-area: price;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-price {
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
  }
}
.cart-grid-section__item-price-current {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-price-current {
    font-size: 20px;
  }
}
.cart-grid-section__item-price-discount {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.cart-grid-section__item-price-discount::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='14' viewBox='0 0 57 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.113009' y1='13.487' x2='56.113' y2='0.487042' stroke='%23ED0A34'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-price-discount {
    font-size: 16px;
    line-height: 18px;
  }
}
.cart-grid-section__item-swap {
  grid-area: swap;
  display: flex;
  align-items: center;
}
.cart-grid-section__item-swap .input-tumbler {
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-swap .input-tumbler {
    gap: 10px;
  }
}
.cart-grid-section__item-swap .input-tumbler__text {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-swap .input-tumbler__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
}
.cart-grid-section__item-control {
  grid-area: control;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-control {
    gap: 10px;
  }
}
.cart-grid-section__item-control-count {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  height: 48px;
  border-radius: 14px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-control-count {
    height: 54px;
    border-radius: 16px;
  }
}
.cart-grid-section__item-control-count__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #9b9b9b;
  padding: 0 14px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-control-count__btn {
    padding: 0 20px;
  }
}
.cart-grid-section__item-control-count__btn svg {
  width: 24px;
  height: 24px;
}
.cart-grid-section__item-control-count__value {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-control-count__value {
    margin: 0 -4px;
    font-size: 16px;
    line-height: 18px;
  }
}
.cart-grid-section__item-control-delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__item-control-delete-btn {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
}
.cart-grid-section__item-control-delete-btn svg {
  width: 24px;
  height: 24px;
}
.cart-grid-section__block {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block {
    position: sticky;
    top: 100px;
    padding: 24px;
    border-radius: 32px;
  }
}
.cart-grid-section__block__sum {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__sum {
    gap: 16px;
  }
}
.cart-grid-section__block__sum span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__sum span {
    font-size: 16px;
    line-height: 18px;
  }
}
.cart-grid-section__block__sum b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__sum b {
    font-size: 28px;
  }
}
.cart-grid-section__block__total {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__total {
    gap: 12px;
  }
}
.cart-grid-section__block__total li {
  display: flex;
  flex-flow: row nowrap;
  gap: 6px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__total li {
    font-size: 16px;
    line-height: 18px;
  }
}
.cart-grid-section__block__total li::before {
  content: "";
  order: -1;
  flex: 1;
  height: 16px;
  border-bottom: 1px dashed #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__total li::before {
    height: 18px;
  }
}
.cart-grid-section__block__total li span:nth-child(1) {
  order: -2;
  color: #737373;
}
.cart-grid-section__block__input {
  position: relative;
}
.cart-grid-section__block__input input {
  width: 100%;
  height: 48px;
  padding: 0px 14px;
  border-radius: 14px;
  background-color: #ffffff;
  font-size: 14px;
  box-sizing: border-box;
}
.cart-grid-section__block__input input::-moz-placeholder {
  color: #737373;
}
.cart-grid-section__block__input input::placeholder {
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__input input {
    height: 54px;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
  }
}
.cart-grid-section__block__input.applied input {
  padding-left: 48px;
  background-position: left 14px center;
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75ZM16.48 9.37756C16.9645 9.11257 17.1425 8.50493 16.8775 8.02038C16.6125 7.53582 16.0049 7.35782 15.5204 7.62282C13.6917 8.62286 12.1796 10.5529 11.1629 12.1096C10.7872 12.685 10.4662 13.2297 10.2094 13.6911C9.96984 13.4587 9.73258 13.257 9.52038 13.0892C9.2427 12.8697 8.99282 12.6965 8.81063 12.5772L8.49559 12.3815C8.01585 12.1079 7.40513 12.275 7.13152 12.7548C6.85797 13.2344 7.02493 13.8449 7.50442 14.1187L7.71471 14.2502C7.85752 14.3437 8.05764 14.4823 8.27997 14.6581C8.73753 15.0198 9.23126 15.494 9.54198 16.0135C9.73267 16.3323 10.0844 16.5191 10.4553 16.4987C10.8261 16.4782 11.1551 16.2536 11.3096 15.9159L11.4079 15.7105C11.4756 15.5721 11.577 15.3697 11.709 15.1204C11.9735 14.6207 12.3581 13.9372 12.8374 13.2032C13.8208 11.6975 15.1086 10.1275 16.48 9.37756Z' fill='%231F895B'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__input.applied input {
    padding-left: 50px;
  }
}
.cart-grid-section__block__input.error input {
  color: #ed0a34;
}
.cart-grid-section__block__input:not(.error) .cart-grid-section__block__input-error {
  opacity: 0;
  visibility: hidden;
}
.cart-grid-section__block__input-apply-btn {
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #1f895b;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__input-apply-btn {
    right: 16px;
    font-size: 16px;
  }
}
.cart-grid-section__block__input-clear-btn {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 24px;
  height: 24px;
  color: #9b9b9b;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__input-clear-btn {
    right: 16px;
  }
}
.cart-grid-section__block__input-clear-btn svg {
  width: 100%;
  height: 100%;
}
.cart-grid-section__block__input-error {
  position: absolute;
  top: -100%;
  left: 50%;
  padding: 6px 10px;
  border-radius: 14px;
  background-color: #ed0a34;
  transform: translateX(-50%) translateY(100%);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  white-space: nowrap;
  z-index: 2;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.cart-grid-section__block__input-error::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 16px;
  height: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.79443 10.5L0.000203097 4.3915e-07L15.5887 1.80194e-06L7.79443 10.5Z' fill='%23ED0A34'/%3E%3C/svg%3E");
  transform: translateX(-50%);
}
.cart-grid-section__block__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 18px;
  min-height: 54px;
  border-radius: 14px;
  background-color: #1f895b;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  font-weight: 500;
}
.cart-grid-section__block__submit-btn:disabled {
  opacity: 30%;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__block__submit-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
  .cart-grid-section__block__submit-btn:hover {
    background-color: #0b7547;
  }
}
.cart-grid-section__list-empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 20px;
  border-radius: 28px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__list-empty {
    gap: 16px;
    padding: 50px;
    border-radius: 32px;
    align-self: stretch;
  }
}
.cart-grid-section__list-empty__icon {
  width: 42px;
  height: 42px;
  color: #1f895b;
}
.cart-grid-section__list-empty__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__list-empty__main {
    gap: 6px;
  }
}
.cart-grid-section__list-empty__title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__list-empty__title {
    font-size: 32px;
  }
}
.cart-grid-section__list-empty__desc {
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__list-empty__desc {
    font-size: 16px;
  }
}
.cart-grid-section__list-empty__link-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .cart-grid-section__list-empty__link-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
  .cart-grid-section__list-empty__link-btn:hover {
    background-color: #0b7547;
  }
}
.cart-head-section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 18px;
  padding: 0 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .cart-head-section {
    align-self: center;
    gap: 24px;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.cart-head-section__title {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .cart-head-section__title {
    font-size: 48px;
  }
}
.cart-head-section__clear-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  color: #9b9b9b;
}
@media only screen and (min-width: 1000px) {
  .cart-head-section__clear-btn {
    gap: 10px;
  }
  .cart-head-section__clear-btn:hover {
    color: #ed0a34;
  }
}
.cart-head-section__clear-btn svg {
  width: 24px;
  height: 24px;
}
.cart-head-section__clear-btn span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .cart-head-section__clear-btn span {
    font-size: 16px;
    line-height: 18px;
  }
}
.certs-akb-banner-section {
  overflow: hidden;
}
.certs-akb-banner-section .date-akb-banner-section__icon {
  max-width: 146px;
  margin: -20px;
  aspect-ratio: 1060/1137;
}
@media only screen and (min-width: 1000px) {
  .certs-akb-banner-section .date-akb-banner-section__icon {
    margin: -40px;
    bottom: -20px;
    right: 266px;
    max-width: 292px;
    aspect-ratio: 21155/22691;
  }
}
@media only screen and (min-width: 1000px) {
  .certs-akb-banner-section .date-akb-banner-section__link-btn {
    color: #1f895b;
    background-color: #ffffff;
  }
  .certs-akb-banner-section .date-akb-banner-section__link-btn:hover {
    color: #ffffff;
  }
}
.certs-company-section {
  display: flex;
  flex-flow: column;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section {
    align-self: center;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.certs-company-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__title {
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -0.03em;
  }
}
.certs-company-section__desc {
  margin-top: 14px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__desc {
    margin-top: 20px;
    font-size: 16px;
  }
}
.certs-company-section__list {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
  }
}
.certs-company-section__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
  padding: 10px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__item {
    gap: 16px;
    padding: 24px;
    border-radius: 32px;
  }
}
.certs-company-section__item__img {
  display: block;
  width: 100%;
  max-width: 60px;
  aspect-ratio: 5/7;
  border-radius: 10px;
  pointer-events: none;
  border: 2px solid #ffffff;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__item__img {
    max-width: 88px;
    aspect-ratio: 22/31;
    border-radius: 12px;
  }
}
.certs-company-section__item__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__item__main {
    gap: 12px;
  }
}
.certs-company-section__item__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__item__main b {
    font-size: 20px;
  }
}
.certs-company-section__item__main span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .certs-company-section__item__main span {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-order-section {
  display: flex;
  flex-flow: column;
  gap: 32px;
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section {
    flex-flow: row nowrap;
    align-items: flex-start;
    align-self: center;
    gap: 40px;
    margin-top: 40px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.checkout-order-title {
  margin-top: 16px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-title {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .checkout-order-title {
    align-self: center;
    margin-top: 20px;
    font-size: 48px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.checkout-order-section__container {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__container {
    flex: 1;
  }
}
.checkout-order-section__inf-for-mobile {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__inf-for-mobile {
    display: none;
  }
}
.checkout-order-section__select-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  padding: 16px;
  border-radius: 20px;
  background-color: #f5f5f5;
  text-align: left;
  box-sizing: border-box;
}
.checkout-order-section__select-btn__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
.checkout-order-section__select-btn__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.checkout-order-section__select-btn__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.checkout-order-section__select-btn__icon {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.checkout-order-section__products-wrapper {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__products-wrapper {
    gap: 20px;
  }
}
.checkout-order-section__products-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__products-title {
    font-size: 24px;
  }
}
.checkout-order-section__products-list {
  display: flex;
  flex-flow: column;
}
.checkout-order-section__product-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__product-item {
    gap: 16px;
  }
}
.checkout-order-section__product-item:not(:last-child) {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__product-item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.checkout-order-section__product-item__cover {
  flex: 0 0 84px;
  height: 64px;
  border-radius: 18px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__product-item__cover {
    border-radius: 20px;
  }
}
.checkout-order-section__product-item__cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.checkout-order-section__product-item__name {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__product-item__name {
    font-size: 18px;
    line-height: 21px;
  }
}
.checkout-order-section__product-item__price {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__product-item__price {
    font-size: 18px;
    line-height: 21px;
  }
}
.checkout-order-section__block {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block {
    flex: 1;
    position: sticky;
    top: 100px;
    max-width: 403px;
    padding: 24px;
    border-radius: 32px;
  }
}
.checkout-order-section__block__total {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__total {
    gap: 16px;
  }
}
.checkout-order-section__block__total span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__total span {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-order-section__block__total b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__total b {
    font-size: 28px;
  }
}
.checkout-order-section__block__list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__list {
    gap: 12px;
  }
}
.checkout-order-section__block__list li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__list li {
    gap: 10px;
  }
}
.checkout-order-section__block__list li::before {
  content: "";
  order: -1;
  flex: 1;
  height: 16px;
  border-bottom: 1px dashed #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__list li::before {
    height: 18px;
  }
}
.checkout-order-section__block__list li span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__list li span {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-order-section__block__list li span:nth-child(1) {
  order: -2;
  color: #737373;
}
.checkout-order-section__block__input {
  position: relative;
}
.checkout-order-section__block__input input {
  width: 100%;
  height: 48px;
  padding: 0px 14px;
  border-radius: 14px;
  background-color: #ffffff;
  font-size: 14px;
  box-sizing: border-box;
}
.checkout-order-section__block__input input::-moz-placeholder {
  color: #737373;
}
.checkout-order-section__block__input input::placeholder {
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__input input {
    height: 54px;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
  }
}
.checkout-order-section__block__input.applied input {
  padding-left: 48px;
  background-position: left 14px center;
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75ZM16.48 9.37756C16.9645 9.11257 17.1425 8.50493 16.8775 8.02038C16.6125 7.53582 16.0049 7.35782 15.5204 7.62282C13.6917 8.62286 12.1796 10.5529 11.1629 12.1096C10.7872 12.685 10.4662 13.2297 10.2094 13.6911C9.96984 13.4587 9.73258 13.257 9.52038 13.0892C9.2427 12.8697 8.99282 12.6965 8.81063 12.5772L8.49559 12.3815C8.01585 12.1079 7.40513 12.275 7.13152 12.7548C6.85797 13.2344 7.02493 13.8449 7.50442 14.1187L7.71471 14.2502C7.85752 14.3437 8.05764 14.4823 8.27997 14.6581C8.73753 15.0198 9.23126 15.494 9.54198 16.0135C9.73267 16.3323 10.0844 16.5191 10.4553 16.4987C10.8261 16.4782 11.1551 16.2536 11.3096 15.9159L11.4079 15.7105C11.4756 15.5721 11.577 15.3697 11.709 15.1204C11.9735 14.6207 12.3581 13.9372 12.8374 13.2032C13.8208 11.6975 15.1086 10.1275 16.48 9.37756Z' fill='%231F895B'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__input.applied input {
    padding-left: 50px;
  }
}
.checkout-order-section__block__input.error input {
  color: #ed0a34;
}
.checkout-order-section__block__input:not(.error) .checkout-order-section__block__input-error {
  opacity: 0;
  visibility: hidden;
}
.checkout-order-section__block__input-apply-btn {
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #1f895b;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__input-apply-btn {
    right: 16px;
    font-size: 16px;
  }
}
.checkout-order-section__block__input-clear-btn {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 24px;
  height: 24px;
  color: #9b9b9b;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__input-clear-btn {
    right: 16px;
  }
}
.checkout-order-section__block__input-clear-btn svg {
  width: 100%;
  height: 100%;
}
.checkout-order-section__block__input-error {
  position: absolute;
  top: -100%;
  left: 50%;
  padding: 6px 10px;
  border-radius: 14px;
  background-color: #ed0a34;
  transform: translateX(-50%) translateY(100%);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  white-space: nowrap;
  z-index: 2;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.checkout-order-section__block__input-error::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 16px;
  height: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.79443 10.5L0.000203097 4.3915e-07L15.5887 1.80194e-06L7.79443 10.5Z' fill='%23ED0A34'/%3E%3C/svg%3E");
  transform: translateX(-50%);
}
.checkout-order-section__block__submit-btn {
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__submit-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
}
.checkout-order-section__block__terms .input-checkbox__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-section__block__terms .input-checkbox__text {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-order-section__inf-for-desktop {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-for-desktop {
    display: none;
  }
}
.checkout-order-section__inf-block {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block {
    flex: 1;
    gap: 16px;
  }
}
.checkout-order-section__inf-block__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__title {
    font-size: 18px;
  }
}
.checkout-order-section__inf-block__desc {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__desc {
    margin-top: -10px;
  }
}
.checkout-order-section__inf-block__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 21px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__group {
    gap: 8px;
  }
}
.checkout-order-section__inf-block__type-select {
  cursor: pointer;
}
.checkout-order-section__inf-block__type-select input {
  display: none;
}
.checkout-order-section__inf-block__type-select input:checked ~ .checkout-order-section__inf-block__type-select__wrapper {
  border-color: #1f895b;
}
.checkout-order-section__inf-block__type-select input:checked ~ .checkout-order-section__inf-block__type-select__wrapper .checkout-order-section__inf-block__type-select__box {
  background-color: #1f895b;
}
.checkout-order-section__inf-block__type-select input:checked ~ .checkout-order-section__inf-block__type-select__wrapper .checkout-order-section__inf-block__type-select__box::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
}
.checkout-order-section__inf-block__type-select__wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
  min-height: 88px;
  padding: 24px;
  border-radius: 32px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__wrapper {
    position: relative;
    gap: unset;
    padding: 16px;
    border-radius: 20px;
  }
}
.checkout-order-section__inf-block__type-select__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__icon {
    display: none;
  }
}
.checkout-order-section__inf-block__type-select__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.checkout-order-section__inf-block__type-select__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__main {
    flex: unset;
  }
}
.checkout-order-section__inf-block__type-select__type {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  line-height: 18px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__type {
    flex-flow: column;
    flex-flow: column;
    align-items: unset;
  }
}
.checkout-order-section__inf-block__type-select__type b {
  font-weight: 500;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__type b {
    font-size: 14px;
    line-height: 16px;
  }
}
.checkout-order-section__inf-block__type-select__type span {
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__type span {
    font-size: 12px;
    line-height: 14px;
  }
}
.checkout-order-section__inf-block__type-select__desc {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__desc {
    font-size: 10px;
    line-height: 11px;
  }
}
.checkout-order-section__inf-block__type-select__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__type-select__box {
    position: absolute;
    top: 14px;
    right: 14px;
  }
}
.checkout-order-section__inf-block__address-input {
  position: relative;
}
.checkout-order-section__inf-block__address-input input {
  width: 100%;
  min-height: 64px;
  padding: 0px 16px;
  padding-right: 64px;
  border-radius: 16px;
  background-color: #f5f5f5;
  font-size: 16px;
  box-sizing: border-box;
}
.checkout-order-section__inf-block__address-input input::-moz-placeholder {
  color: #737373;
}
.checkout-order-section__inf-block__address-input input::placeholder {
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-input input {
    padding: 0px 14px;
    padding-right: 52px;
    min-height: 54px;
    border-radius: 14px;
    font-size: 14px;
  }
}
.checkout-order-section__inf-block__address-input__clear-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  color: #737373;
  transform: translateY(-50%);
}
.checkout-order-section__inf-block__address-input__clear-btn svg {
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-input__clear-btn {
    right: 14px;
  }
}
.checkout-order-section__inf-block__content {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.checkout-order-section__inf-block__content--gap8 {
  gap: 8px;
}
.checkout-order-section__inf-block__addresses {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__addresses {
    gap: 8px;
  }
}
.checkout-order-section__inf-block__address-item {
  cursor: pointer;
}
.checkout-order-section__inf-block__address-item input {
  display: none;
}
.checkout-order-section__inf-block__address-item input:checked ~ .checkout-order-section__inf-block__address-item__wrapper {
  border-color: #1f895b;
}
.checkout-order-section__inf-block__address-item input:checked ~ .checkout-order-section__inf-block__address-item__wrapper .checkout-order-section__inf-block__address-item__box {
  background-color: #1f895b;
}
.checkout-order-section__inf-block__address-item input:checked ~ .checkout-order-section__inf-block__address-item__wrapper .checkout-order-section__inf-block__address-item__box::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
}
.checkout-order-section__inf-block__address-item__wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 24px;
  border-radius: 32px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-item__wrapper {
    position: relative;
    padding: 18px;
    border-radius: 28px;
  }
}
.checkout-order-section__inf-block__address-item__main {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.checkout-order-section__inf-block__address-item__address-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-item__address-label {
    font-size: 14px;
    line-height: 16px;
  }
}
.checkout-order-section__inf-block__address-item__address-full {
  margin-top: 6px;
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-item__address-full {
    margin-top: 4px;
    font-size: 14px;
    line-height: 16px;
  }
}
.checkout-order-section__inf-block__address-item__contacts {
  margin-top: 12px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-item__contacts {
    margin-top: 10px;
    gap: 14px;
  }
}
.checkout-order-section__inf-block__address-item__contacts li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.checkout-order-section__inf-block__address-item__contacts li svg {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
.checkout-order-section__inf-block__address-item__contacts li span {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-item__contacts li span {
    font-size: 14px;
    line-height: 16px;
  }
}
.checkout-order-section__inf-block__address-item__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__address-item__box {
    position: absolute;
    top: 18px;
    right: 18px;
  }
}
.checkout-order-section__inf-block__map-addresses {
  display: flex;
  width: 100%;
  aspect-ratio: 269/186;
  border-radius: 32px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/carakb/dist/images/delivery-map.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .checkout-order-section__inf-block__map-addresses {
    background-image: url("/carakb/dist/images/delivery-map@2x.png");
  }
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-addresses {
    flex: 1;
    aspect-ratio: unset;
    background-size: cover;
    background-position: right center;
    border-radius: 28px;
  }
}
.checkout-order-section__inf-block__map-address-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 24px;
  margin: auto 10px 10px;
  border-radius: 32px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item {
    gap: 14px;
    padding: 18px;
    margin: auto 6px 6px;
    border-radius: 28px;
  }
}
.checkout-order-section__inf-block__map-address-item__main {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.checkout-order-section__inf-block__map-address-item__address-label {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__address-label {
    font-size: 16px;
  }
}
.checkout-order-section__inf-block__map-address-item__address-full {
  margin-top: 6px;
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__address-full {
    margin-top: 4px;
    font-size: 14px;
    line-height: 16px;
  }
}
.checkout-order-section__inf-block__map-address-item__footer {
  display: flex;
  flex-flow: column;
  gap: 6px;
  margin-top: 12px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__footer {
    gap: 4px;
    margin-top: 10px;
  }
}
.checkout-order-section__inf-block__map-address-item__footer__title {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__footer__title {
    font-size: 14px;
    line-height: 16px;
  }
}
.checkout-order-section__inf-block__map-address-item__contacts {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__contacts {
    gap: 14px;
  }
}
.checkout-order-section__inf-block__map-address-item__contacts li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.checkout-order-section__inf-block__map-address-item__contacts li svg {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
.checkout-order-section__inf-block__map-address-item__contacts li span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__contacts li span {
    font-size: 12px;
    line-height: 14px;
  }
}
.checkout-order-section__inf-block__map-address-item__select-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 20px;
  border-radius: 16px;
  background-color: #1f895b;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #ffffff;
  box-sizing: border-box;
}
.checkout-order-section__inf-block__map-address-item__select-btn.selected {
  color: #2c2d2e;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-section__inf-block__map-address-item__select-btn {
    display: none;
  }
}
.checkout-order-success-section {
  display: flex;
  flex-flow: column;
  gap: 20px;
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .checkout-order-success-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-section {
    align-items: flex-start;
    align-self: center;
    flex-flow: row nowrap;
    gap: 126px;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin-top: 40px;
  }
}
.checkout-order-success-content {
  display: flex;
  flex-flow: column;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-content {
    flex: 1;
  }
}
.checkout-order-success-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-title {
    gap: 24px;
  }
}
.checkout-order-success-title__icon {
  width: 54px;
  height: 54px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-title__icon {
    width: 90px;
    height: 90px;
  }
}
.checkout-order-success-title__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-title__main {
    gap: 12px;
  }
}
.checkout-order-success-title__main span:nth-child(1) {
  font-size: 32px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-title__main span:nth-child(1) {
    font-size: 48px;
  }
}
.checkout-order-success-title__main span:nth-child(2) {
  font-size: 18px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-title__main span:nth-child(2) {
    font-size: 24px;
  }
}
.checkout-order-success-desc {
  margin-top: 18px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-desc {
    margin-top: 24px;
    font-size: 16px;
    line-height: 18px;
    max-width: 616px;
  }
}
.checkout-order-success-list-wrapper {
  margin-top: 28px;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-list-wrapper {
    margin-top: 40px;
    gap: 20px;
  }
}
.checkout-order-success-list-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-list-title {
    font-size: 20px;
  }
}
.checkout-order-success-list {
  display: flex;
  flex-flow: column;
}
.checkout-order-success-list-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-list-item {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-order-success-list-item:not(:last-child) {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-list-item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.checkout-order-success-list-item span:nth-child(1) {
  flex: 1;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.checkout-order-success-inf-wrapper {
  display: flex;
  flex-flow: column;
  gap: 6px;
  margin-top: 24px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-inf-wrapper {
    gap: 10px;
    margin-top: 32px;
  }
}
.checkout-order-success-inf-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-inf-title {
    font-size: 20px;
  }
}
.checkout-order-success-inf-text {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-inf-text {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-order-success-block {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-block {
    flex: 0 0 403px;
    padding: 24px;
    margin-top: 127px;
    border-radius: 32px;
  }
}
.checkout-order-success-block__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-block__title {
    font-size: 24px;
  }
}
.checkout-order-success-block__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .checkout-order-success-block__submit-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
  }
  .checkout-order-success-block__submit-btn:hover {
    background-color: #0b7547;
  }
}
.company-addresses-section {
  display: flex;
  flex-flow: column;
  margin-top: 32px;
}
@media only screen and (max-width: 1000px) {
  .company-addresses-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section {
    align-self: center;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.company-addresses-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__title {
    font-size: 38px;
  }
}
.company-addresses-section__desc {
  margin-top: 14px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__desc {
    margin-top: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.company-addresses-section__segmented-control {
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__segmented-control {
    margin-top: 24px;
  }
}
.company-addresses-section__map-wrapper {
  position: relative;
  height: 434px;
  margin-top: 16px;
  border-radius: 28px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-wrapper {
    height: 558px;
    margin-top: 24px;
    border-radius: 32px;
  }
}
.company-addresses-section__map-ya {
  width: 100%;
  height: 100%;
}
.company-addresses-section__map-address {
  position: absolute;
  left: 6px;
  bottom: 6px;
  display: flex;
  flex-flow: column;
  padding: 16px;
  border-radius: 28px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  z-index: 9;
}
.company-addresses-section__map-address:not(.active) {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .company-addresses-section__map-address {
    right: 6px;
  }
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address {
    left: 10px;
    top: 10px;
    bottom: 10px;
    padding: 10px;
    border-radius: 32px;
    width: 100%;
    max-width: 358px;
  }
}
.company-addresses-section__map-address__img {
  width: 100%;
  height: 276px;
  border-radius: 24px;
  pointer-events: none;
}
@media only screen and (max-width: 1000px) {
  .company-addresses-section__map-address__img {
    display: none;
  }
}
.company-addresses-section__map-address__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address__title {
    margin-top: 24px;
    padding: 0 12px;
    font-size: 24px;
  }
}
.company-addresses-section__map-address__desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address__desc {
    margin-top: 10px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 18px;
  }
}
.company-addresses-section__map-address__time {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address__time {
    display: none;
  }
}
.company-addresses-section__map-address__labels {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 14px;
  margin-top: 4px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address__labels {
    flex-flow: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding: 0 12px;
  }
}
.company-addresses-section__map-address__label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.company-addresses-section__map-address__label svg {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
.company-addresses-section__map-address__label span {
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address__label span {
    font-size: 14px;
    line-height: 16px;
  }
}
.company-addresses-section__map-address__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0px 16px;
  margin-top: 14px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__map-address__btn {
    min-height: 54px;
    padding: 0px 20px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
    margin: 16px 16px 0;
  }
}
.company-addresses-section__branchs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branchs {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 24px;
  }
}
.company-addresses-section__branch-item {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 6px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 10px;
    border-radius: 32px;
  }
}
.company-addresses-section__branch-item__img {
  width: 100%;
  aspect-ratio: 158/99;
  border-radius: 20px;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__img {
    flex: 1;
    aspect-ratio: 291/230;
    border-radius: 24px;
  }
}
.company-addresses-section__branch-item__main {
  display: flex;
  flex-flow: column;
  padding: 10px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__main {
    flex: 1;
    padding: 12px;
  }
}
.company-addresses-section__branch-item__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__title {
    font-size: 24px;
  }
}
.company-addresses-section__branch-item__desc {
  margin-top: 6px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__desc {
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
  }
}
.company-addresses-section__branch-item__labels {
  display: flex;
  flex-flow: column;
  gap: 6px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__labels {
    gap: 10px;
    margin-top: 16px;
  }
}
.company-addresses-section__branch-item__label-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.company-addresses-section__branch-item__label-item svg {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
.company-addresses-section__branch-item__label-item span {
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__label-item span {
    font-size: 14px;
    line-height: 16px;
  }
}
.company-addresses-section__branch-item__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 14px;
  padding: 0px 16px;
  border-radius: 14px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #1f895b;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .company-addresses-section__branch-item__btn {
    margin-top: 16px;
    min-height: 54px;
    padding: 0px 20px;
    border-radius: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
  }
  .company-addresses-section__branch-item__btn:hover {
    color: #ffffff;
    background-color: #1f895b;
  }
}
.company-details-section {
  display: flex;
  flex-flow: column;
  gap: 14px;
  margin-top: 32px;
}
@media only screen and (max-width: 1000px) {
  .company-details-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .company-details-section {
    align-self: center;
    gap: 24px;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.company-details-section__head {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .company-details-section__head {
    flex-flow: row nowrap;
    align-items: center;
    gap: 32px;
  }
}
.company-details-section__head__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .company-details-section__head__title {
    font-size: 38px;
  }
}
.company-details-section__head__link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .company-details-section__head__link {
    gap: 6px;
  }
}
.company-details-section__head__link svg {
  width: 24px;
  height: 24px;
}
.company-details-section__head__link span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-details-section__head__link span {
    font-size: 16px;
    line-height: 18px;
  }
}
.company-details-section__list {
  display: flex;
  flex-flow: column;
}
.company-details-section__item {
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding: 14px 0;
  border-bottom: 1px solid #d4d4d4;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-details-section__item {
    flex-flow: row wrap;
    gap: 10px;
    font-size: 16px;
    line-height: 18px;
    padding: 16px 0;
  }
}
.company-details-section__item span {
  color: #737373;
}
.company-level-section {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px 16px;
  padding: 20px;
  border-radius: 28px;
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .company-level-section {
    gap: 32px;
    padding: 40px;
    border-radius: 32px;
  }
}
.company-level-section__item {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px;
  color: #ffffff;
}
.company-level-section__item span {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.company-level-section__item p {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-level-section__item {
    flex-flow: row nowrap;
    align-items: center;
    gap: 12px;
  }
  .company-level-section__item span {
    font-size: 38px;
    white-space: nowrap;
  }
  .company-level-section__item p {
    font-size: 16px;
    line-height: 18px;
  }
}
.company-level-section__link-btn {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  height: 48px;
  border-radius: 14px;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #1f895b;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .company-level-section__link-btn {
    flex: 1;
    height: 54px;
    max-width: 171px;
    border-radius: 16px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 18px;
  }
}
.company-pluses-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .company-pluses-section {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.company-pluses-section--content {
  margin-top: 24px;
}
@media only screen and (max-width: 1000px) {
  .company-pluses-section--content {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .company-pluses-section--content {
    align-self: center;
    margin-top: 40px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.company-pluses-section__li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .company-pluses-section__li {
    flex-flow: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.company-pluses-section__li__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background-color: rgba(31, 137, 91, 0.1);
  color: #1f895b;
}
.company-pluses-section__li__icon svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .company-pluses-section__li__icon {
    width: 64px;
    height: 64px;
    border-radius: 20px;
  }
}
.company-pluses-section__li__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.company-pluses-section__li__main span {
  font-weight: 700;
  letter-spacing: -0.03em;
}
.company-pluses-section__li__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .company-pluses-section__li__main {
    gap: 6px;
  }
  .company-pluses-section__li__main span {
    font-size: 20px;
  }
  .company-pluses-section__li__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.contacts-company-section {
  display: flex;
  flex-flow: column;
  margin-top: 16px;
}
@media only screen and (max-width: 1000px) {
  .contacts-company-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section {
    align-self: center;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.contacts-company-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__title {
    font-size: 56px;
  }
}
.contacts-company-section__head-contacts {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contacts {
    margin-top: 40px;
    gap: 40px;
  }
}
.contacts-company-section__head-contact-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .contacts-company-section__head-contact-label {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-label {
    gap: 12px;
  }
}
.contacts-company-section__head-contact-label__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 2/2;
  border-radius: 14px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-label__icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
}
.contacts-company-section__head-contact-label__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.contacts-company-section__head-contact-label__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-label__main {
    gap: 6px;
  }
}
.contacts-company-section__head-contact-label__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-label__main b {
    font-size: 20px;
  }
}
.contacts-company-section__head-contact-label__main span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-label__main span {
    font-size: 16px;
    line-height: 18px;
  }
}
.contacts-company-section__head-contact-socials {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .contacts-company-section__head-contact-socials {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-socials {
    gap: 12px;
  }
}
.contacts-company-section__head-contact-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 2/2;
  border-radius: 14px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-social-btn {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
}
.contacts-company-section__head-contact-social-btn svg {
  width: 24px;
  height: 24px;
}
.contacts-company-section__head-contact-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 48px;
  padding: 0px 16px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .contacts-company-section__head-contact-btn {
    min-height: 54px;
    padding: 0px 20px;
    border-radius: 16px;
  }
  .contacts-company-section__head-contact-btn:hover {
    background-color: #0b7547;
  }
}
.contacts-company-section__head-contact-btn svg {
  width: 24px;
  height: 24px;
}
.content-with-filter-section {
  display: flex;
  flex-flow: column;
  padding: 0 16px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .content-with-filter-section {
    flex-flow: row nowrap;
    align-items: flex-start;
    align-self: center;
    gap: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin-top: 32px;
    padding: 0;
    box-sizing: border-box;
  }
}
.content-with-filter-aside {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 16px;
  max-width: 298px;
}
@media only screen and (max-width: 1000px) {
  .content-with-filter-aside {
    display: none;
  }
}
.content-with-slider-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .content-with-slider-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    gap: 32px;
    max-width: 1250px;
  }
}
.content-with-slider-section__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.content-with-slider-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .content-with-slider-section__title--compact {
    max-width: 200px;
  }
}
@media only screen and (min-width: 1000px) {
  .content-with-slider-section__title {
    font-size: 38px;
  }
  .content-with-slider-section__title::before {
    content: attr(data-desktop-text);
  }
  .content-with-slider-section__title i {
    display: none;
  }
}
.content-with-slider-section__head__btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
}
@media only screen and (min-width: 1000px) {
  .content-with-slider-section__head__btn {
    order: 3;
    gap: 6px;
    height: 36px;
    padding: 0px 12px;
    border-radius: 16px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
  }
  .content-with-slider-section__head__btn:hover .content-with-slider-section__head__btn__label {
    color: #1f895b;
  }
}
.content-with-slider-section__head__btn__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .content-with-slider-section__head__btn__label {
    font-size: 16px;
    line-height: 18px;
  }
  .content-with-slider-section__head__btn__label::before {
    content: attr(data-desktop-text);
  }
  .content-with-slider-section__head__btn__label i {
    display: none;
  }
}
.content-with-slider-section__head__btn__icon {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .content-with-slider-section__head__btn__icon {
    width: 24px;
    height: 24px;
  }
}
.content-with-slider-section__slider {
  position: relative;
}
.content-with-slider-section__slider .swiper-slider {
  overflow: hidden;
  margin: 0 -16px;
  padding: 0 16px;
}
@media only screen and (min-width: 1000px) {
  .content-with-slider-section__slider {
    margin: 0;
    padding: 0;
  }
}
.cookies-alert {
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 40px;
  padding: 20px;
  border-radius: 24px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  z-index: 9999;
  transition: bottom 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.cookies-alert:not(.visible) {
  bottom: -40px;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1000px) {
  .cookies-alert {
    inset: 8px;
    top: unset;
    flex-flow: column;
    gap: 14px;
    align-items: stretch;
  }
}
@supports (backdrop-filter: blur(10px)) {
  .cookies-alert {
    backdrop-filter: blur(30px);
  }
}
.cookies-alert__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.cookies-alert__main b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.cookies-alert__main p {
  font-size: 16px;
  line-height: 18px;
}
.cookies-alert__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 20px;
  border-radius: 16px;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #2c2d2e;
}
.customer-reviews-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    gap: 32px;
    max-width: 1250px;
  }
}
.customer-reviews-section__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.customer-reviews-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .customer-reviews-section__title--compact {
    max-width: 200px;
  }
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__title {
    font-size: 38px;
  }
  .customer-reviews-section__title::before {
    content: attr(data-desktop-text);
  }
  .customer-reviews-section__title i {
    display: none;
  }
}
.customer-reviews-section__head__btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__head__btn {
    order: 3;
    gap: 6px;
    height: 36px;
    padding: 0px 12px;
    border-radius: 16px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
  }
}
.customer-reviews-section__head__btn__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__head__btn__label {
    font-size: 16px;
    line-height: 18px;
  }
  .customer-reviews-section__head__btn__label::before {
    content: attr(data-desktop-text);
  }
  .customer-reviews-section__head__btn__label i {
    display: none;
  }
}
.customer-reviews-section__head__btn__icon {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__head__btn__icon {
    width: 24px;
    height: 24px;
  }
}
.customer-reviews-section__gallery {
  --galley-counter: attr(data-counter);
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
@media only screen and (max-width: 1000px) {
  .customer-reviews-section__gallery .customer-reviews-section__gallery-link:nth-child(5) {
    position: relative;
  }
  .customer-reviews-section__gallery .customer-reviews-section__gallery-link:nth-child(5)::before {
    content: var(--galley-counter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.03em;
    z-index: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__gallery {
    gap: 16px;
  }
  .customer-reviews-section__gallery .customer-reviews-section__gallery-link:nth-child(8) {
    position: relative;
  }
  .customer-reviews-section__gallery .customer-reviews-section__gallery-link:nth-child(8)::before {
    content: var(--galley-counter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.03em;
    z-index: 1;
  }
}
.customer-reviews-section__gallery-link {
  flex: 1;
  aspect-ratio: 2/2;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__gallery-link {
    border-radius: 24px;
  }
}
@media only screen and (max-width: 1000px) {
  .customer-reviews-section__gallery-link:nth-child(n+6) {
    display: none;
  }
}
.customer-reviews-section__gallery-link__photo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.customer-reviews-section__reviews-slider {
  position: relative;
}
.customer-reviews-section__reviews-slider .swiper-pagination {
  position: unset !important;
  display: flex !important;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
}
.customer-reviews-section__reviews-slider .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 1;
  border-radius: 50%;
  background-color: #d7d7d7;
  margin: 0 !important;
}
.customer-reviews-section__reviews-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__reviews-slider .swiper-pagination {
    display: none !important;
  }
}
.customer-reviews-section__reviews-slider .swiper-slider {
  overflow: hidden;
}
.customer-reviews-section__review {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review {
    padding: 24px;
    min-height: 380px;
    border-radius: 32px;
  }
}
.customer-reviews-section__review__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head {
    gap: 16px;
  }
}
.customer-reviews-section__review__head__avatar {
  display: flex;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #1f895b;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head__avatar {
    width: 64px;
    height: 64px;
  }
}
.customer-reviews-section__review__head__avatar span {
  margin: auto;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head__avatar span {
    font-size: 24px;
  }
}
.customer-reviews-section__review__head__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.customer-reviews-section__review__head__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head__main {
    flex: 1;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 6px;
  }
}
.customer-reviews-section__review__head__client {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head__client {
    flex: 1;
    gap: 6px;
  }
}
.customer-reviews-section__review__head__client-name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head__client-name {
    font-size: 20px;
  }
}
.customer-reviews-section__review__head__client-date {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__head__client-date {
    font-size: 16px;
    line-height: 18px;
  }
}
.customer-reviews-section__review__text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__text {
    flex: 1;
    margin-top: 20px;
    font-size: 16px;
  }
}
.customer-reviews-section__review__social-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 0 14px;
  margin-top: 20px;
  height: 32px;
  border-radius: 10px;
  background-color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__social-label {
    height: 36px;
    padding: 0 16px;
    border-radius: 12px;
  }
}
.customer-reviews-section__review__social-label svg {
  width: 24px;
  height: 24px;
}
.customer-reviews-section__review__social-label span {
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 1000px) {
  .customer-reviews-section__review__social-label span {
    font-size: 16px;
  }
}
.date-akb-banner-section {
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
  margin: 32px 16px 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .date-akb-banner-section {
    position: relative;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: center;
    padding: 40px;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
    min-height: 168px;
    border-radius: 32px;
  }
}
.date-akb-banner-section__icon {
  width: 100%;
  max-width: 160px;
  aspect-ratio: 80/57;
}
.date-akb-banner-section__icon .date-akb-banner-section__icon-img-desktop {
  display: none;
}
@media only screen and (min-width: 1000px) {
  .date-akb-banner-section__icon {
    order: 2;
    position: absolute;
    bottom: 0;
    right: 186px;
    max-width: 293px;
    aspect-ratio: 293/157;
  }
  .date-akb-banner-section__icon .date-akb-banner-section__icon-img-desktop {
    display: block;
  }
  .date-akb-banner-section__icon .date-akb-banner-section__icon-img-mobile {
    display: none;
  }
}
.date-akb-banner-section__icon-img-desktop,
.date-akb-banner-section__icon-img-mobile {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.date-akb-banner-section__content {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .date-akb-banner-section__content {
    flex: 1;
    order: 1;
    gap: 12px;
    max-width: calc(100% - 136px - 239px - 50px);
  }
}
.date-akb-banner-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .date-akb-banner-section__title {
    font-size: 28px;
  }
}
.date-akb-banner-section__desc {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .date-akb-banner-section__desc {
    font-size: 16px;
  }
}
.date-akb-banner-section__link-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .date-akb-banner-section__link-btn {
    order: 3;
    width: 100%;
    max-width: 136px;
    height: 64px;
    border-radius: 16px;
    font-size: 16px;
    padding: 0 24px;
  }
  .date-akb-banner-section__link-btn:hover {
    background-color: #0b7547;
  }
}
.delay-notification-remove {
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: flex;
  flex-flow: column;
  gap: 12px;
  padding: 16px;
  max-width: 266px;
  border-radius: 24px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  box-sizing: border-box;
  z-index: 999999;
}
@supports (backdrop-filter: blur(10px)) {
  .delay-notification-remove {
    backdrop-filter: blur(30px);
  }
}
.delay-notification-remove__main {
  display: grid;
  grid-template-columns: 1fr 96px;
  align-items: center;
  gap: 24px;
}
.delay-notification-remove__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.delay-notification-remove__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  min-height: 42px;
  border-radius: 16px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #2c2d2e;
  box-sizing: border-box;
}
.delay-notification-remove__delay {
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
.delay-notification-remove__delay__line {
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  transition: width 0.3s ease;
}
.delivery-method-popup {
  position: fixed;
  inset: 0;
  display: flex;
  flex-flow: column;
  overflow: auto;
  background-color: #ffffff;
  z-index: 999999;
}
.delivery-method-popup__header {
  position: sticky;
  top: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 0 16px;
  border-bottom: 1px solid #d4d4d4;
  background-color: white;
  box-sizing: border-box;
  z-index: 2;
}
.delivery-method-popup__header__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.delivery-method-popup__header__btn {
  width: 24px;
  height: 24px;
  color: #737373;
}
.delivery-method-popup__header__btn svg {
  width: 100%;
  height: 100%;
}
.delivery-method-popup__content {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 16px 16px 0;
}
.delivery-method-popup__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin: 16px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
.tippy-box[data-theme~=default-dropdown] {
  border-radius: 24px;
  background-color: #ffffff;
  color: #2c2d2e;
  box-sizing: border-box;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
}
.tippy-box[data-theme~=default-dropdown] .tippy-content {
  padding: 24px;
}
.dropdown-links {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.dropdown-link {
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}
@media only screen and (min-width: 1000px) {
  .dropdown-link:hover {
    color: #1f895b;
  }
}
.email-subscribe-section {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 18px;
  margin: 40px 16px 0;
  border-radius: 28px;
  background-color: #1f895b;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section {
    flex-flow: row nowrap;
    align-items: center;
    align-self: center;
    margin-top: 80px;
    padding: 24px;
    border-radius: 32px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.email-subscribe-section__content {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__content {
    flex: 1;
    gap: 20px;
  }
}
.email-subscribe-section__icon {
  display: block;
  width: 70px;
  aspect-ratio: 2/2;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__icon {
    width: 74px;
  }
}
.email-subscribe-section__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__main {
    gap: 10px;
  }
}
.email-subscribe-section__main b {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__main b {
    font-size: 24px;
  }
}
.email-subscribe-section__main p {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__main p {
    font-size: 16px;
  }
}
.email-subscribe-section__form {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__form {
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
  }
  .email-subscribe-section__form > * {
    flex: 1;
  }
}
.email-subscribe-section__form__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  border: 1px solid #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__form__submit-btn {
    max-width: 148px;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.email-subscribe-section__success {
  position: absolute;
  inset: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background-color: #1f895b;
  color: #ffffff;
  padding: 24px;
  z-index: 1;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__success {
    flex-flow: row nowrap;
  }
}
.email-subscribe-section__success__icon {
  width: 54px;
  height: 54px;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__success__icon {
    width: 42px;
    height: 42px;
  }
}
.email-subscribe-section__success__main {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__success__main {
    gap: 10px;
  }
}
.email-subscribe-section__success__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .email-subscribe-section__success__title {
    text-align: center;
  }
}
@media only screen and (min-width: 1000px) {
  .email-subscribe-section__success__title {
    font-size: 32px;
  }
}
.email-subscribe-section__success__desc {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 1000px) {
  .email-subscribe-section__success__desc {
    text-align: center;
  }
}
.employee-company-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section {
    grid-template-columns: 250px 1fr;
    align-items: center;
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.employee-company-section__avatar {
  width: 100%;
  aspect-ratio: 2/2;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
@media only screen and (max-width: 1000px) {
  .employee-company-section__avatar {
    display: none;
  }
}
.employee-company-section__content {
  display: flex;
  flex-flow: column;
}
.employee-company-section__head {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .employee-company-section__head .employee-company-section__avatar {
    display: block;
  }
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__head {
    grid-template-columns: 1fr;
  }
  .employee-company-section__head .employee-company-section__avatar {
    display: none;
  }
}
.employee-company-section__head__main {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__head__main {
    gap: 16px;
  }
}
.employee-company-section__head__main b {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__head__main b {
    font-size: 38px;
  }
}
.employee-company-section__head__main span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__head__main span {
    font-size: 20px;
  }
}
.employee-company-section__desc {
  margin-top: 18px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__desc {
    margin-top: 16px;
    font-size: 16px;
  }
}
.employee-company-section__socials {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__socials {
    gap: 24px;
    margin-top: 16px;
  }
}
.employee-company-section__social-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__social-link {
    gap: 6px;
  }
}
.employee-company-section__social-link svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.employee-company-section__social-link span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .employee-company-section__social-link span {
    font-size: 16px;
    line-height: 18px;
  }
}
.empty-results-section {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin: 32px 16px 0;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .empty-results-section {
    flex-flow: row nowrap;
    align-items: center;
    align-self: center;
    gap: 40px;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
    padding: 28px;
    border-radius: 32px;
    box-sizing: border-box;
  }
}
.empty-results-section__icon {
  width: 90px;
  height: 90px;
}
@media only screen and (min-width: 1000px) {
  .empty-results-section__icon {
    width: 161px;
    height: 161px;
  }
}
.empty-results-section__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .empty-results-section__main {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .empty-results-section__main {
    flex: 1;
    gap: 16px;
  }
}
.empty-results-section__main b {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .empty-results-section__main b {
    font-size: 32px;
  }
}
.empty-results-section__main p {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .empty-results-section__main p {
    font-size: 16px;
  }
}
.empty-results-section__btn {
  width: 100%;
  min-height: 54px;
  padding: 0px 18px;
  margin-top: 16px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .empty-results-section__btn {
    max-width: 197px;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.examples-work-section [data-examples-work-slider] {
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .examples-work-section [data-examples-work-slider] {
    overflow: unset;
  }
}
@media only screen and (min-width: 1000px) {
  .examples-work-section {
    gap: 24px;
  }
  .examples-work-section .custom-swiper-pagination {
    display: none !important;
  }
}
.examples-work-section__wrapper {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .examples-work-section__wrapper {
    gap: 24px;
  }
}
.examples-work-section__tags .swiper-slider {
  overflow: hidden;
  margin: 0 -16px;
  padding: 0 16px;
}
.examples-work-section__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 14px;
  width: auto !important;
  height: 36px !important;
  font-weight: 500;
  font-size: 14px;
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.examples-work-section__tag.active {
  color: #ffffff;
  background-color: #1f895b;
  border-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .examples-work-section__tag {
    height: 42px;
    font-size: 16px;
    border-radius: 16px;
  }
  .examples-work-section__tag:hover {
    border-color: #1f895b;
  }
}
.examples-work-section__slide {
  width: 100%;
  height: 268px !important;
  border-radius: 20px;
  overflow: hidden;
}
.examples-work-section__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.faq-section {
  display: flex;
  flex-flow: column;
  margin-top: 16px;
}
@media only screen and (max-width: 1000px) {
  .faq-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .faq-section {
    align-self: center;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.faq-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .faq-section__title {
    font-size: 56px;
  }
}
.faq-section__tags-slider {
  padding: 0 16px;
  margin: 16px -16px 0;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .faq-section__tags-slider {
    margin-top: 20px;
  }
}
.faq-section__tag-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 36px !important;
  width: unset !important;
  padding: 0px 14px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  box-sizing: border-box;
}
.faq-section__tag-slide.active {
  border-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .faq-section__tag-slide {
    height: 42px !important;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .faq-section__tag-slide:hover {
    border-color: #1f895b;
  }
}
.faq-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .faq-section__grid {
    gap: 16px;
    margin-top: 40px;
  }
}
.faq-section__item {
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding: 18px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .faq-section__item {
    gap: 10px;
    padding: 24px;
    border-radius: 24px;
  }
}
.faq-section__item.show .faq-section__item__head svg {
  transform: rotate(-180deg);
}
.faq-section__item__head {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .faq-section__item__head {
    gap: 12px;
  }
}
.faq-section__item__head b {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .faq-section__item__head b {
    font-size: 20px;
  }
}
.faq-section__item__head svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.faq-section__item__text {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .faq-section__item__text {
    font-size: 16px;
  }
}
.favorites-client-section {
  display: flex;
  flex-flow: column;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section {
    align-self: center;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.favorites-client-section__head {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__head {
    gap: 20px;
  }
}
.favorites-client-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__title {
    font-size: 48px;
  }
}
.favorites-client-section__clear-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__clear-btn {
    gap: 10px;
    font-size: 16px;
    line-height: 18px;
  }
}
.favorites-client-section__clear-btn svg {
  width: 24px;
  height: 24px;
  color: #9b9b9b;
}
.favorites-client-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 8px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 20px;
    margin-top: 32px;
  }
}
.favorites-client-section__empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
  border-radius: 28px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__empty {
    margin-top: 32px;
    padding: 50px;
    border-radius: 32px;
  }
}
.favorites-client-section__empty__icon {
  width: 42px;
  height: 42px;
  color: #1f895b;
}
.favorites-client-section__empty__title {
  margin-top: 14px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__empty__title {
    margin-top: 16px;
    font-size: 32px;
  }
}
.favorites-client-section__empty__desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .favorites-client-section__empty__desc {
    max-width: 288px;
  }
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__empty__desc {
    margin-top: 6px;
    font-size: 16px;
  }
}
.favorites-client-section__empty__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  margin-top: 14px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .favorites-client-section__empty__btn {
    margin-top: 16px;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
}
.footer-container {
  display: flex;
  flex-flow: column;
  margin-top: 32px;
  padding: 32px 16px;
  color: #ffffff;
  background-color: #2c2d2e;
}
@media only screen and (min-width: 1000px) {
  .footer-container {
    margin-top: 80px;
    padding: 57px 16px;
  }
}
.footer-side-top {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .footer-side-top {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    width: 100%;
    max-width: 1250px;
  }
}
.footer-logo {
  display: block;
  width: 100%;
  max-width: 138px;
}
@media only screen and (min-width: 1000px) {
  .footer-logo {
    max-width: 190px;
  }
}
.footer-logo img {
  display: block;
  width: 100%;
  pointer-events: none;
}
.footer-contacts {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .footer-contacts {
    flex: 1;
    justify-content: space-between;
    max-width: 342px;
  }
}
.footer-contact-item {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .footer-contact-item {
    gap: 6px;
  }
}
.footer-contact-item__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .footer-contact-item__title {
    font-size: 16px;
    line-height: 18px;
  }
}
.footer-contact-item__desc {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .footer-contact-item__desc {
    font-size: 16px;
    line-height: 18px;
  }
}
.footer-ya-rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 11px;
}
.footer-ya-rating__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background-color: #ffffff;
}
.footer-ya-rating__icon svg {
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 1000px) {
  .footer-ya-rating__icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
}
.footer-ya-rating__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .footer-ya-rating__main {
    gap: 6px;
  }
}
.footer-ya-rating__rate__wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
}
@media only screen and (min-width: 1000px) {
  .footer-ya-rating__rate__wrapper {
    gap: 4px;
  }
}
.footer-ya-rating__rate__value {
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .footer-ya-rating__rate__value {
    font-size: 20px;
  }
}
.footer-ya-rating__rate__text {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .footer-ya-rating__rate__text {
    font-size: 14px;
    line-height: 16px;
  }
}
.footer-feedbacks {
  display: grid;
  grid-template-columns: repeat(2, 48px) 1fr;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .footer-feedbacks {
    grid-template-columns: repeat(2, 54px) 1fr;
    gap: 12px;
  }
}
.footer-feedback__social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2/2;
  border-radius: 14px;
  background-color: #ffffff;
}
.footer-feedback__social-item svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .footer-feedback__social-item {
    border-radius: 16px;
  }
}
.footer-feedback__btn-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 48px;
  padding: 0px 16px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
.footer-feedback__btn-item svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .footer-feedback__btn-item {
    gap: 10px;
    height: 54px;
    padding: 0 20px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .footer-feedback__btn-item:hover {
    background-color: #0b7547;
  }
}
.footer-side-center {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1000px) {
  .footer-side-center {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-top: 36px;
    padding-top: 36px;
    align-self: center;
    width: 100%;
    max-width: 1250px;
  }
}
.footer-location-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .footer-location-item {
    grid-template-columns: 54px 1fr;
  }
}
.footer-location-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2/2;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.footer-location-item__icon svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .footer-location-item__icon {
    border-radius: 16px;
  }
}
.footer-location-item__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .footer-location-item__main {
    gap: 6px;
  }
}
.footer-location-item__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .footer-location-item__title {
    font-size: 16px;
    line-height: 18px;
  }
}
.footer-location-item__desc {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .footer-location-item__desc {
    font-size: 16px;
    line-height: 18px;
  }
}
.footer-side-bottom {
  display: flex;
  flex-flow: column;
  gap: 20px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1000px) {
  .footer-side-bottom {
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 60px;
    margin-top: 36px;
    padding-top: 36px;
    align-self: center;
    width: 100%;
    max-width: 1250px;
  }
}
.footer-mega-menu {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 20px 16px;
}
@media only screen and (min-width: 1000px) {
  .footer-mega-menu {
    flex: 1;
    gap: 60px;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: unset;
    max-width: 848px;
  }
}
.footer-menu {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .footer-menu {
    flex: 0 0 40%;
  }
  .footer-menu:nth-child(2n) {
    flex: 0 0 1;
  }
}
@media only screen and (min-width: 1000px) {
  .footer-menu {
    gap: 10px;
  }
}
.footer-menu__title {
  margin-bottom: 4px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .footer-menu__title {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 21px;
  }
}
.footer-menu__link {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .footer-menu__link {
    font-size: 16px;
    line-height: 18px;
  }
  .footer-menu__link:hover {
    text-decoration: underline;
  }
}
.footer-offers {
  display: flex;
  flex-flow: column;
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .footer-offers {
    gap: 24px;
  }
}
.footer-offers__list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.footer-offers__item,
.footer-offers__copy {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .footer-offers__item,
  .footer-offers__copy {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1000px) {
  .footer-offers__item:hover {
    color: #ffffff;
    text-decoration: underline;
  }
}
.footer-offers__payments {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.footer-offers__payment-item {
  width: 48px;
  height: 34px;
  pointer-events: none;
}
.gallery-grid-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .gallery-grid-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.gallery-grid-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .gallery-grid-section__title {
    font-size: 38px;
  }
}
.gallery-grid-section__desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .gallery-grid-section__desc {
    margin-top: 16px;
    font-size: 16px;
  }
}
.gallery-grid-section__slider {
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .gallery-grid-section__slider {
    margin-top: 24px;
  }
}
.gallery-grid-section__slider .swiper-slider {
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .gallery-grid-section__slider .swiper-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    gap: 20px;
    grid-template-areas: "i1 i1 i2 i2" "i1 i1 i2 i2" "i1 i1 i3 i4" "i1 i1 i3 i4";
    width: 100% !important;
    height: 529px !important;
  }
}
.gallery-grid-section__slide {
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .gallery-grid-section__slide {
    width: 100%;
    aspect-ratio: 82/65;
  }
}
@media only screen and (min-width: 1000px) {
  .gallery-grid-section__slide {
    width: auto !important;
    height: 100% !important;
    margin: unset !important;
  }
  .gallery-grid-section__slide:nth-child(1) {
    grid-area: i1;
  }
  .gallery-grid-section__slide:nth-child(2) {
    grid-area: i2;
  }
  .gallery-grid-section__slide:nth-child(3) {
    grid-area: i3;
  }
  .gallery-grid-section__slide:nth-child(4) {
    grid-area: i4;
  }
}
.gallery-grid-section__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.gallery-slider-popup {
  position: fixed;
  inset: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: #2c2d2e;
  overflow: auto;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999999;
}
.gallery-slider-popup:not(.visible) {
  opacity: 0;
  visibility: hidden;
}
.gallery-slider-popup__wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 20px;
  align-self: center;
  padding: 50px 16px;
  width: 100%;
  max-width: 1314px;
  box-sizing: border-box;
}
.gallery-slider-popup__close-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  z-index: 9;
}
.gallery-slider-popup__close-btn svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
[data-gallery-slider-popup-covers] {
  align-self: center;
  width: 100%;
  max-width: 1079px;
  overflow: hidden;
}
[data-gallery-slider-popup-covers] .swiper-wrapper {
  flex: 1;
}
[data-gallery-slider-popup-covers] .swiper-slide {
  width: 100%;
  height: 609px;
}
[data-gallery-slider-popup-covers] .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  border-radius: 24px;
}
[data-gallery-slider-popup-thumbs] {
  align-self: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 1079px;
  border-radius: 24px;
  overflow: hidden;
}
[data-gallery-slider-popup-thumbs] .swiper-wrapper {
  text-align: center;
}
[data-gallery-slider-popup-thumbs] .swiper-slide {
  width: 100% !important;
  max-width: 150px;
  aspect-ratio: 150/101;
  border-radius: 24px;
  overflow: hidden;
}
[data-gallery-slider-popup-thumbs] .swiper-slide:not(.swiper-slide-thumb-active) {
  opacity: 0.3;
}
[data-gallery-slider-popup-thumbs] .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.gallery-slider-popup__nav-btn {
  position: absolute;
  top: calc(50% - 12px - 59px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 9;
}
.gallery-slider-popup__nav-btn:disabled {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}
.gallery-slider-popup__nav-btn svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.gallery-slider-popup__nav-btn--prev {
  left: 0;
}
.gallery-slider-popup__nav-btn--next {
  right: 0;
}
@media only screen and (min-width: 1000px) {
  .gallery-slider-popup__nav-btn:hover {
    transform: scale(1.2);
  }
  .gallery-slider-popup__nav-btn:hover svg {
    transform: scale(0.9);
  }
}
.grid-td-ic-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.grid-td-ic-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__title {
    font-size: 38px;
  }
}
.grid-td-ic-section__desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__desc {
    margin-top: 12px;
    font-size: 16px;
  }
}
.grid-td-ic-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 24px;
  }
}
.grid-td-ic-section__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__item {
    flex-flow: column-reverse;
    gap: 16px;
    padding: 24px;
    border-radius: 32px;
  }
}
.grid-td-ic-section__item__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .grid-td-ic-section__item__main {
    flex: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__item__main {
    gap: 10px;
  }
}
.grid-td-ic-section__item__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__item__main b {
    font-size: 20px;
  }
}
.grid-td-ic-section__item__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__item__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.grid-td-ic-section__item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .grid-td-ic-section__item__icon {
    width: 54px;
    height: 54px;
    border-radius: 20px;
  }
}
.grid-td-ic-section__item__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.guarantees-company-section {
  display: flex;
  flex-flow: column;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section {
    align-self: center;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.guarantees-company-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__title {
    font-size: 56px;
  }
}
.guarantees-company-section__desc {
  margin-top: 20px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__desc {
    font-size: 16px;
  }
}
.guarantees-company-section__grid {
  display: flex;
  flex-flow: column;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__grid {
    margin-top: 50px;
  }
}
.guarantees-company-section__grid__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__grid__title {
    font-size: 38px;
  }
}
.guarantees-company-section__grid__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__grid__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 24px;
  }
}
.guarantees-company-section__grid__item {
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__grid__item {
    padding: 24px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 18px;
  }
}
.guarantees-company-section__check-list {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__check-list {
    gap: 20px;
    margin-top: 50px;
  }
}
.guarantees-company-section__check-list__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__check-list__title {
    font-size: 38px;
  }
}
.guarantees-company-section__check-list__ul {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__check-list__ul {
    gap: 12px;
  }
}
.guarantees-company-section__check-list__li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 6px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__check-list__li {
    gap: 10px;
    font-size: 16px;
  }
}
.guarantees-company-section__check-list__li.icon-check::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11474_48029)'%3E%3Cpath d='M18.3307 10.0001C18.3307 5.39771 14.5997 1.66675 9.9974 1.66675C5.39502 1.66675 1.66406 5.39771 1.66406 10.0001C1.66406 14.6024 5.39502 18.3334 9.9974 18.3334C14.5997 18.3334 18.3307 14.6024 18.3307 10.0001Z' stroke='%231F895B' stroke-width='1.5'/%3E%3Cpath d='M6.66406 10.4167L8.7474 12.5L13.3307 7.5' stroke='%231F895B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11474_48029'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.guarantees-company-section__check-list__li.icon-cross::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11474_48086)'%3E%3Cpath d='M12.4995 12.5L7.5 7.5M7.50053 12.5L12.5 7.5' stroke='%23ED0A34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3346 9.99996C18.3346 5.39758 14.6036 1.66663 10.0013 1.66663C5.39893 1.66663 1.66797 5.39758 1.66797 9.99996C1.66797 14.6023 5.39893 18.3333 10.0013 18.3333C14.6036 18.3333 18.3346 14.6023 18.3346 9.99996Z' stroke='%23ED0A34' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11474_48086'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.guarantees-company-section__check-list__li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.guarantees-company-section__warning {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 24px;
  margin-top: 32px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__warning {
    padding: 24px;
    margin-top: 50px;
    border-radius: 32px;
  }
}
.guarantees-company-section__warning__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__warning__head {
    gap: 12px;
  }
}
.guarantees-company-section__warning__head svg {
  width: 24px;
  height: 24px;
  color: #ff9e00;
}
.guarantees-company-section__warning__head b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__warning__head b {
    font-size: 20px;
  }
}
.guarantees-company-section__warning__text {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__warning__text {
    font-size: 16px;
  }
}
.guarantees-company-section__warning__text b {
  font-weight: 700;
}
.guarantees-company-section__text {
  font-size: 14px;
  line-height: 150%;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .guarantees-company-section__text {
    margin-top: 50px;
    font-size: 16px;
  }
}
.header-contacts-mobile-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 16px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .header-contacts-mobile-container {
    display: none;
  }
}
.header-contacts-mobile-address-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
.header-contacts-mobile-address-btn[aria-expanded=true] .header-contacts-mobile-address-btn__icon {
  transform: rotate(-180deg);
}
.header-contacts-mobile-address-btn__label {
  font-size: 14px;
}
.header-contacts-mobile-address-btn__icon {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.header-contacts-mobile-contacts {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.header-contacts-mobile-phone-link {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  color: #1f895b;
}
.header-contacts-mobile-socials {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.header-contacts-mobile-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 14px;
  background-color: #ffffff;
  color: #1f895b;
}
.header-contacts-mobile-social-link__icon {
  width: 20px;
  height: 20px;
}
.header-desktop-wrapper {
  position: sticky;
  top: -1px;
  display: flex;
  flex-flow: column;
  background-color: #ffffff;
  transition: padding 0.3s ease;
  z-index: 1001;
}
.header-desktop-wrapper.fixed {
  padding: 9px 0 8px 0;
}
.header-desktop-wrapper.fixed .header-desktop-container {
  margin-top: 0;
}
@media only screen and (max-width: 1000px) {
  .header-desktop-wrapper {
    display: none;
  }
}
.header-desktop-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
  align-self: center;
  width: 100%;
  max-width: 1282px;
  margin-top: 16px;
  padding: 0 16px;
  transition: margin-top 0.3s ease;
  box-sizing: border-box;
}
.header-desktop-logo {
  display: block;
  width: 100%;
  max-width: 190px;
}
.header-desktop-logo__img {
  display: block;
  width: 100%;
  pointer-events: none;
}
.header-desktop-catalog-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 20px;
  color: #ffffff;
  border-radius: 16px;
  background-color: #1f895b;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}
.header-desktop-catalog-btn[aria-expanded=true] {
  background-color: #f4511e;
}
.header-desktop-catalog-btn[aria-expanded=true] .header-desktop-catalog-btn__icon > svg:nth-child(1) {
  opacity: 0;
  transform: rotate(45deg);
}
.header-desktop-catalog-btn[aria-expanded=true] .header-desktop-catalog-btn__icon > svg:nth-child(2) {
  opacity: 1;
  transform: rotate(0);
}
.header-desktop-catalog-btn__icon {
  position: relative;
  width: 24px;
  height: 24px;
}
.header-desktop-catalog-btn__icon svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: rotate(-45deg);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.header-desktop-catalog-btn__icon svg:nth-child(1) {
  opacity: 1;
  transform: rotate(0);
}
.header-desktop-catalog-btn__label {
  font-weight: 500;
}
.header-desktop-search-wrapper {
  flex: 1;
  position: relative;
}
.header-desktop-search-input {
  width: 100%;
  height: 54px;
  padding: 0 52px 0 16px;
  border-radius: 16px;
  background-color: #f5f5f5;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-size: 24px 24px;
  box-sizing: border-box;
  transition: padding 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.header-desktop-search-input::-moz-placeholder {
  color: #737373;
}
.header-desktop-search-input::placeholder {
  color: #737373;
}
.header-desktop-search-input:not(:-moz-placeholder) {
  padding: 0 52px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 16px;
  background-size: 24px 24px;
}
.header-desktop-search-input:not(:placeholder-shown) {
  padding: 0 52px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 16px;
  background-size: 24px 24px;
}
.header-desktop-search-input:not(:-moz-placeholder) ~ .header-desktop-search-reset-btn {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.header-desktop-search-input:not(:placeholder-shown) ~ .header-desktop-search-reset-btn {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.header-desktop-search-input:-moz-placeholder {
  padding: 0 52px 0 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
}
.header-desktop-search-input:placeholder-shown {
  padding: 0 52px 0 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
}
.header-desktop-search-input:-moz-placeholder ~ .header-desktop-search-reset-btn {
  opacity: 0;
  visibility: hidden;
  transform: none;
}
.header-desktop-search-input:placeholder-shown ~ .header-desktop-search-reset-btn {
  opacity: 0;
  visibility: hidden;
  transform: none;
}
.header-desktop-search-input:focus {
  padding: 0 52px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L22 22' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23737373' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 16px;
  background-size: 24px 24px;
}
.header-desktop-search-reset-btn {
  position: absolute;
  top: 15px;
  right: 16px;
  width: 24px;
  height: 24px;
  color: #737373;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media only screen and (min-width: 1000px) {
  .header-desktop-search-reset-btn:hover {
    color: #1f895b;
  }
}
.header-desktop-search-reset-btn__icon {
  width: 100%;
  height: 100%;
}
.header-desktop-search-controls {
  display: grid;
  grid-template-columns: repeat(3, 54px);
  gap: 10px;
}
.header-desktop-search-control-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background-color: #f5f5f5;
  color: #1f895b;
}
.header-desktop-search-control-btn__icon {
  width: 24px;
  height: 24px;
}
.header-desktop-search-control-btn__counter {
  position: absolute;
  top: -7px;
  right: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 12px;
  background-color: #1f895b;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
}
.header-mobile-container {
  position: sticky;
  top: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  padding: 0 16px;
  background-color: #ffffff;
  z-index: 999;
}
@media only screen and (min-width: 1000px) {
  .header-mobile-container {
    display: none;
  }
}
.header-mobile-side {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.header-mobile-side--left {
  gap: 8px;
}
.header-mobile-side--right {
  gap: 16px;
}
.header-mobile-menu-btn {
  width: 24px;
  height: 24px;
}
.header-mobile-menu-btn__icon {
  width: 100%;
  height: 100%;
}
.header-mobile-logo {
  width: 100%;
  max-width: 104px;
}
.header-mobile-logo__img {
  width: 100%;
  pointer-events: none;
}
.header-mobile-btn {
  width: 24px;
  height: 24px;
}
.header-mobile-btn__icon {
  width: 100%;
  height: 100%;
}
.header-nav-wrapper {
  background-color: #ffffff;
  z-index: 1000;
}
.header-nav-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 1282px;
  margin: 16px auto;
  padding: 0 16px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .header-nav-container {
    display: none;
  }
}
.header-nav-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.header-nav-link span {
  flex: 1;
}
.header-nav-link svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
  transition: transform 0.3s ease;
}
.header-nav-link[aria-expanded=true] svg {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 1000px) {
  .header-nav-link:hover {
    color: #1f895b;
  }
}
.heading-super-big-title {
  margin-top: 16px;
  padding: 0 16px;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .heading-super-big-title {
    align-self: center;
    width: calc(100% - 32px);
    max-width: 1250px;
    margin-top: 20px;
    font-size: 56px;
  }
}
.heading {
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.03em;
}
.heading--1 {
  font-size: 48px;
}
.heading--2 {
  font-size: 38px;
}
.heading--3 {
  font-size: 32px;
}
.heading--4 {
  font-size: 28px;
}
.heading--5 {
  font-size: 24px;
}
.heading--6 {
  font-size: 20px;
}
.history-company-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .history-company-section {
    align-self: center;
    gap: 24px;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.history-company-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .history-company-section__title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1000px) {
  .history-company-section__slider .swiper-slider {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1000px) {
  .history-company-section__slider .swiper-wrapper {
    flex-flow: column !important;
    gap: 10px;
    height: unset !important;
  }
}
.history-company-section__slide {
  display: flex !important;
  flex-flow: column;
  align-items: flex-start;
  gap: 14px;
  padding: 16px !important;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .history-company-section__slide {
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
    padding: 24px !important;
    border-radius: 32px;
  }
}
.history-company-section__slide__year {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 32px;
  border-radius: 18px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .history-company-section__slide__year {
    width: 70px;
    height: 54px;
    border-radius: 20px;
    font-size: 20px;
  }
}
.history-company-section__slide__text {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .history-company-section__slide__text {
    flex: 1;
    font-size: 16px;
    line-height: 18px;
  }
}
.horizontal-labels-container {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 14px;
}
@media only screen and (max-width: 1000px) {
  .horizontal-labels-container {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1000px) {
  .horizontal-labels-container {
    align-self: center;
    margin-top: 32px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.horizontal-labels-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .horizontal-labels-title {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .horizontal-labels-content {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .horizontal-labels-content .swiper-slider {
    overflow: hidden;
  }
}
.horizontal-labels-content .swiper-slide {
  width: auto !important;
}
.horizontal-labels-item {
  height: 32px;
  padding: 0px 10px;
  border-radius: 14px;
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .horizontal-labels-item:hover {
    color: #1f895b;
  }
}
.how-work-company-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .how-work-company-section {
    position: relative;
    min-height: 413px;
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.how-work-company-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .how-work-company-section__title {
    font-size: 38px;
    width: calc(100% - 555px - 80px);
    margin-top: auto;
  }
}
.how-work-company-section__video-wrapper {
  display: flex;
  border-radius: 28px;
  background-color: #2c2d2e;
}
@media only screen and (max-width: 1000px) {
  .how-work-company-section__video-wrapper {
    margin-top: 16px;
    aspect-ratio: 41/25;
  }
}
@media only screen and (min-width: 1000px) {
  .how-work-company-section__video-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 32px;
    height: 413px;
    width: 100%;
    max-width: 555px;
  }
}
.how-work-company-section__video-play-btn {
  width: 49px;
  height: 49px;
  margin: auto;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .how-work-company-section__video-play-btn {
    width: 61px;
    height: 61px;
  }
}
.how-work-company-section__video-play-btn svg {
  width: 100%;
  height: 100%;
}
.how-work-company-section__text {
  margin-top: 16px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .how-work-company-section__text {
    width: calc(100% - 555px - 80px);
    font-size: 16px;
    margin-top: 20px;
  }
}
.how-work-company-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-top: 16px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .how-work-company-section__btn {
    align-self: flex-start;
    margin-top: 40px;
    margin-bottom: auto;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.inf-big-with-cover-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .inf-big-with-cover-section {
    grid-template-columns: 1fr 615px;
    align-items: center;
    align-self: center;
    gap: 40px;
    margin: 30px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.inf-big-with-cover-section__cover {
  width: 100%;
  aspect-ratio: 328/245;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .inf-big-with-cover-section__cover {
    aspect-ratio: 123/92;
  }
}
.inf-big-with-cover-section__content {
  display: flex;
  flex-flow: column;
}
@media only screen and (min-width: 1000px) {
  .inf-big-with-cover-section__content {
    order: -1;
    max-width: 469px;
  }
}
.inf-big-with-cover-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .inf-big-with-cover-section__title {
    font-size: 56px;
  }
}
.inf-big-with-cover-section__desc {
  margin-top: 14px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .inf-big-with-cover-section__desc {
    margin-top: 16px;
    font-size: 16px;
  }
}
.inf-big-with-cover-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-top: 20px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .inf-big-with-cover-section__btn {
    max-width: 323px;
    min-height: 64px;
    padding: 0px 24px;
    margin-top: 56px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .inf-big-with-cover-section__btn:hover {
    background-color: #0b7547;
  }
}
.tippy-box[data-theme~=input-ntf] {
  border-radius: 14px;
  background-color: #ffffff;
}
.tippy-box[data-theme~=input-ntf] .tippy-content {
  padding: 6px 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #2c2d2e;
}
.tippy-box[data-theme~=input-ntf] .tippy-arrow {
  color: #ffffff;
}
.tippy-box[data-theme~=input-ntf][role=error] {
  background-color: #ed0a34;
}
.tippy-box[data-theme~=input-ntf][role=error] .tippy-content {
  color: #ffffff;
}
.tippy-box[data-theme~=input-ntf][role=error] .tippy-arrow {
  color: #ed0a34;
}
.tippy-box[data-theme~=input-ntf][role=success] {
  background-color: #0dc268;
}
.tippy-box[data-theme~=input-ntf][role=success] .tippy-content {
  color: #ffffff;
}
.tippy-box[data-theme~=input-ntf][role=success] .tippy-arrow {
  color: #0dc268;
}
.input-group {
  display: flex;
  flex-flow: row nowrap;
}
.input-group .input-wrapper {
  flex: 1;
  border-radius: 0;
}
.input-group .input-wrapper:nth-child(1) {
  border-radius: 10px 0 0 10px;
}
@media only screen and (min-width: 1000px) {
  .input-group .input-wrapper:nth-child(1) {
    border-radius: 12px 0 0 12px;
  }
}
.input-group .input-wrapper:nth-child(2) {
  border-radius: 0 10px 10px 0;
}
@media only screen and (min-width: 1000px) {
  .input-group .input-wrapper:nth-child(2) {
    border-radius: 0 12px 12px 0;
  }
}
.input-group .input-wrapper:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 7px;
  bottom: 7px;
  right: -0.5px;
  width: 1px;
  background-color: #d4d4d4;
}
.input-wrapper {
  position: relative;
}
.input-wrapper--textarea .input-textarea {
  width: 100%;
}
.input-wrapper:not(.input-wrapper--textarea) {
  height: 54px;
  border-radius: 10px;
  background-color: #f5f5f5;
}
.input-wrapper:not(.input-wrapper--textarea).input-wrapper--primary {
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .input-wrapper:not(.input-wrapper--textarea) {
    height: 64px;
    border-radius: 12px;
  }
}
.input-placeholder {
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
  right: 0;
  font-size: 14px;
  padding: 0 14px;
  line-height: 16px;
  color: #737373;
  pointer-events: none;
  z-index: 1;
  transition: top 0.3s ease, font-size 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1000px) {
  .input-placeholder {
    font-size: 16px;
    line-height: 18px;
    padding: 0 16px;
  }
}
.input-default {
  position: absolute;
  inset: 0;
  background-color: transparent;
  padding: 0px 14px;
  font-size: 14px;
  color: #2c2d2e;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1000px) {
  .input-default {
    font-size: 16px;
    padding: 0px 16px;
  }
}
.input-default:not(:-moz-placeholder) {
  padding-top: 18px;
}
.input-default:focus, .input-default:not(:placeholder-shown) {
  padding-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .input-default:not(:-moz-placeholder) {
    padding-top: 22px;
  }
  .input-default:focus, .input-default:not(:placeholder-shown) {
    padding-top: 22px;
  }
}
.input-default:not(:-moz-placeholder) ~ .input-placeholder {
  top: 10px;
  font-size: 12px;
  line-height: 14px;
}
.input-default:focus ~ .input-placeholder, .input-default:not(:placeholder-shown) ~ .input-placeholder {
  top: 10px;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .input-default:not(:-moz-placeholder) ~ .input-placeholder {
    top: 12px;
    font-size: 14px;
    line-height: 16px;
  }
  .input-default:focus ~ .input-placeholder, .input-default:not(:placeholder-shown) ~ .input-placeholder {
    top: 12px;
    font-size: 14px;
    line-height: 16px;
  }
}
.input-ntf {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 12px);
  right: 14px;
  width: 24px;
  height: 24px;
  z-index: 2;
}
@media only screen and (min-width: 1000px) {
  .input-ntf {
    right: 16px;
  }
}
.input-select {
  cursor: pointer;
}
.input-select.opened .input-select-arrow {
  color: #1f895b;
  transform: rotate(-180deg);
}
.input-select .input-default {
  padding-right: 42px;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .input-select .input-default {
    padding-right: 44px;
  }
}
.input-select-arrow {
  position: absolute;
  top: calc(50% - 12px);
  right: 14px;
  width: 24px;
  height: 24px;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.3s ease, color 0.3s ease;
}
.input-select-list {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  display: flex;
  flex-flow: column;
  padding: 20px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #2c2d2e;
  box-sizing: border-box;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  transition: opacity 0.3s ease, visibility 0.3s ease, margin-top 0.3s ease;
  z-index: 9;
}
@media only screen and (min-width: 1000px) {
  .input-select-list {
    top: calc(100% + 18px);
  }
}
.input-select-list:not(.opened) {
  opacity: 0;
  visibility: hidden;
  margin-top: 10px;
}
.input-select-list__item {
  cursor: pointer;
  line-height: 18px;
}
.input-select-list__item:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .input-select-list__item:hover {
    color: #1f895b;
  }
}
.input-prefix {
  position: absolute;
  bottom: 10px;
  transform: translateX(18px);
  font-size: 14px;
  line-height: 16px;
  color: #737373;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .input-prefix {
    bottom: 12px;
    font-size: 16px;
    line-height: 18px;
    transform: translateX(20px);
  }
}
.input-checkbox {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.input-checkbox--primary .input-checkbox__box {
  background-color: #ffffff;
}
.input-checkbox input {
  display: none;
}
.input-checkbox input:checked ~ .input-checkbox__box {
  background-color: #1f895b;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 14L8.5 17.5L19 6.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.input-checkbox.error .input-checkbox__box {
  box-shadow: 0 0 0 1px #ed0a34;
}
.input-checkbox__box {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #f5f5f5;
}
.input-checkbox__text {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.input-tumbler {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.input-tumbler input[type=checkbox] {
  display: none;
}
.input-tumbler input:checked ~ .input-tumbler__box {
  background-color: #0dc268;
}
.input-tumbler input:checked ~ .input-tumbler__box::before {
  margin-left: 17px;
}
.input-tumbler__box {
  cursor: pointer;
  width: 39px;
  height: 24px;
  border-radius: 12px;
  background-color: #737373;
  transition: background-color 0.3s ease;
}
.input-tumbler__box::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 2px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: margin 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.input-tumbler__text {
  flex: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.input-textarea {
  padding: 16px;
  height: 139px;
  border-radius: 16px;
  background-color: #f5f5f5;
  font-size: 16px;
  line-height: 18px;
  resize: none;
  box-sizing: border-box;
}
.input-textarea::-moz-placeholder {
  color: #737373;
}
.input-textarea::placeholder {
  color: #737373;
}
@media only screen and (max-width: 1000px) {
  .input-textarea {
    font-size: 14px;
  }
}
.input-file {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
}
.input-file__label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 64px;
  padding: 0px 16px;
  border-radius: 12px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.input-file__label svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.input-file__label span {
  font-size: 16px;
  line-height: 18px;
}
.input-file__label input[type=file] {
  display: none;
}
@media only screen and (min-width: 1000px) {
  .input-file__label:hover {
    border-color: #1f895b;
  }
}
.input-file__value {
  flex: 1;
  font-size: 16px;
  line-height: 18px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.items-pagination-container {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 6px;
}
@media only screen and (min-width: 1000px) {
  .items-pagination-container {
    gap: 20px;
    margin-top: 20px;
  }
}
.items-pagination-load-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .items-pagination-load-more-btn {
    height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .items-pagination-load-more-btn:hover {
    border-color: #1f895b;
  }
}
.items-pagination-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-self: center;
}
@media only screen and (min-width: 1000px) {
  .items-pagination-nav {
    gap: 12px;
  }
}
.items-pagination-nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background-color: #f5f5f5;
  color: #1f895b;
}
.items-pagination-nav-btn svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .items-pagination-nav-btn {
    width: 54px;
    height: 54px;
  }
}
.items-pagination-nav-list {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.items-pagination-nav-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  border-radius: 14px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .items-pagination-nav-item {
    min-width: 54px;
    height: 54px;
    font-size: 16px;
    line-height: 18px;
  }
}
.items-pagination-nav-item.active {
  color: #ffffff;
  background-color: #1f895b;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .items-pagination-nav-item:not(.active):hover {
    color: #1f895b;
  }
}
.main-slider-container {
  position: relative;
  width: calc(100% - 32px);
  margin: 16px 16px 0;
}
.main-slider-container .swiper-slider {
  border-radius: 28px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .main-slider-container {
    align-self: center;
    max-width: 1250px;
    margin: 10px 16px 0;
  }
}
.main-slider-item__img {
  display: block;
  width: 100%;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .main-slider-item__img--mobile {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .main-slider-item__img--desktop {
    display: none;
  }
}
.main-slider-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  bottom: 10px !important;
}
@media only screen and (min-width: 1000px) {
  .main-slider-pagination {
    gap: 10px;
    bottom: 20px !important;
  }
}
.main-slider-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 !important;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  opacity: 1;
}
@media only screen and (min-width: 1000px) {
  .main-slider-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.main-slider-pagination .swiper-pagination-bullet-active {
  background-color: #1f895b;
  border-color: #ffffff;
}
.mega-menu-popup-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}
.mega-menu-popup-wrapper:not([aria-expanded=true]) {
  opacity: 0;
  visibility: hidden;
}
.mega-menu-popup-container {
  max-height: calc(100svh - 166px + 16px);
  padding: 20px 0 37px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  overflow: auto;
}
.mega-menu-popup-main {
  display: grid;
  grid-template-columns: 297px 1fr;
  gap: 20px;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 16px;
}
.mega-menu-popup-list {
  display: flex;
  flex-flow: column;
}
.mega-menu-popup-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 16px 20px;
  border-radius: 16px;
  box-sizing: border-box;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.mega-menu-popup-btn.active {
  color: #ffffff;
  background-color: #1f895b;
}
.mega-menu-popup-btn.active .mega-menu-popup-btn__icon {
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .mega-menu-popup-btn:not(.active):hover {
    background-color: #f5f5f5;
  }
  .mega-menu-popup-btn:not(.active):hover .mega-menu-popup-btn__icon:last-child {
    transform: translateX(2px);
  }
}
.mega-menu-popup-btn__icon {
  width: 24px;
  height: 24px;
  color: #1f895b;
  transition: color 0.3s ease, transform 0.3s ease;
}
.mega-menu-popup-btn__label {
  flex: 1;
  font-weight: 500;
  text-align: left;
}
.mega-menu-popup-content {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
.mega-menu-popup-block-group {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.mega-menu-popup-block-group--popular {
  flex: 0 0 291px;
}
.mega-menu-popup-block {
  display: flex;
  flex-flow: column;
  gap: 12px;
  padding: 24px;
  border-radius: 32px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.mega-menu-popup-block--country {
  flex: 0 0 312px;
}
.mega-menu-popup-block--brand {
  flex-basis: calc(100% - 312px - 16px);
}
.mega-menu-popup-block--capacity {
  flex-basis: calc(100% - 291px - 16px);
}
.mega-menu-popup-block__title {
  font-weight: 500;
  line-height: 18px;
}
.mega-menu-popup-block__links {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(9, auto);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 8px;
  list-style: none;
  padding: 0;
}
.mega-menu-popup-block__links__item-link {
  line-height: 18px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .mega-menu-popup-block__links__item-link:hover {
    color: #1f895b;
  }
}
.mega-menu-popup-block__labels {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.mega-menu-popup-block__labels__item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 43px;
  height: 28px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #ffffff;
  line-height: 18px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .mega-menu-popup-block__labels__item-link:hover {
    color: #ffffff;
    background-color: #1f895b;
  }
}
.mega-menu-popup-catalog-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 24px;
  height: 64px;
  border-radius: 16px;
  background-color: rgba(31, 137, 91, 0.1);
  font-weight: 500;
  line-height: 18px;
  color: #1f895b;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .mega-menu-popup-catalog-btn:hover {
    color: #ffffff;
    background-color: #1f895b;
  }
}
.mobile-main-menu-popup {
  position: fixed;
  inset: 0;
  background-color: #ffffff;
  overflow: auto;
  z-index: 999999;
}
.mobile-main-menu-popup:not(.visible):not(.mobile-main-menu-popup .mobile-main-menu-popup) {
  opacity: 0;
  visibility: hidden;
}
.mobile-main-menu-popup__header {
  position: sticky;
  top: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 0 16px 0 9px;
  border-bottom: 1px solid rgba(15, 15, 15, 0.0509803922);
  background-color: #ffffff;
  z-index: 1;
}
.mobile-main-menu-popup__header--route {
  height: 64px;
}
.mobile-main-menu-popup__header__btn {
  width: 32px;
  height: 32px;
}
.mobile-main-menu-popup__header__btn svg {
  width: 100%;
  height: 100%;
}
.mobile-main-menu-popup__header__title {
  flex: 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.mobile-main-menu-popup__header__logo {
  display: block;
  width: 100px;
  height: 24px;
}
.mobile-main-menu-popup__header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.mobile-main-menu-popup__main {
  display: flex;
  flex-flow: column;
  padding: 12px 16px;
}
.mobile-main-menu-popup__main-links {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.mobile-main-menu-popup__main-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.mobile-main-menu-popup__main-link span {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.mobile-main-menu-popup__main-link svg {
  width: 20px;
  height: 20px;
}
.mobile-main-menu-popup__separator {
  height: 1px;
  background-color: rgba(15, 15, 15, 0.0509803922);
}
.mobile-main-menu-popup__links {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.mobile-main-menu-popup__link {
  padding: 4px 0px;
  font-size: 16px;
  line-height: 20px;
}
.overlay-modals {
  position: fixed;
  inset: 0;
  display: flex;
  padding: 16px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
}
.overlay-modals:not(.visible) {
  opacity: 0;
  visibility: hidden;
}
.modal-default {
  position: relative;
  margin: auto;
  padding: 32px;
  width: 100%;
  max-width: 515px;
  border-radius: 32px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  transition: transform 0.3s ease;
}
.modal-default:not(.visible) {
  transform: translateY(100px);
}
.modal-default__close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  aspect-ratio: 2/2;
  color: #1f895b;
  z-index: 2;
}
.modal-default__close-btn svg {
  width: 100%;
  height: 100%;
}
.modal-default__close-btn--primary {
  top: -20px;
  right: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
}
.modal-default__close-btn--primary svg {
  width: 24px;
  height: 24px;
}
.modal-default-title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.modal-default-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 0px 24px;
  border-radius: 16px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .modal-default-submit-btn:hover {
    background-color: #0b7547;
  }
}
.modal-default-terms .input-checkbox__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #737373;
}
.modal-default-desc {
  margin-top: -8px;
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.modal-default-form {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.modal-default-form__grid {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 12px;
}
.modal-default-form__fill {
  flex: 0 0 100%;
}
.modal-default-form__fill--1-2 {
  flex: 0 0 calc(50% - 6px);
}
.feedback-modal {
  width: 100%;
  max-width: 765px;
}
@media only screen and (min-width: 576px) {
  .feedback-modal {
    background-size: 329px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("/carakb/dist/images/modals/feedback-bg.png");
  }
}
@media only screen and (min-width: 576px) and (min-device-pixel-ratio: 2), only screen and (min-width: 576px) and (min-resolution: 192dpi), only screen and (min-width: 576px) and (min-resolution: 2dppx) {
  .feedback-modal {
    background-image: url("/carakb/dist/images/modals/feedback-bg@2x.png");
  }
}
.feedback-modal__content {
  display: flex;
  flex-flow: column;
  gap: 20px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .feedback-modal__content {
    width: calc(100% - 329px + 20px);
  }
}
.feedback-modal__head {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.feedback-modal__head__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.feedback-modal__head__desc {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.feedback-modal__form {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.feedback-modal__form__grid {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 1000px) {
  .feedback-modal__form__grid {
    flex-flow: column;
  }
}
.feedback-modal__form__input {
  flex: 0 0 calc(50% - 6px);
}
@media only screen and (max-width: 1000px) {
  .feedback-modal__form__input {
    flex: unset;
    width: 100%;
  }
}
.feedback-modal__form__submit-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 24px;
  min-height: 54px;
  border-radius: 16px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .feedback-modal__form__submit-btn {
    width: 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .feedback-modal__form__submit-btn {
    min-height: 64px;
  }
  .feedback-modal__form__submit-btn:hover {
    background-color: #0b7547;
  }
}
.feedback-modal__form__terms .input-checkbox__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.resume-modal__content {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.resume-modal__post {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
.resume-modal__post span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.resume-modal__post p {
  font-size: 16px;
  line-height: 18px;
}
.resume-modal__form {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.resume-modal__form__grid {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
.resume-modal__form__textarea,
.resume-modal__form__file {
  flex: 0 0 100%;
}
.resume-modal__form__file {
  overflow: hidden;
}
.resume-modal__form__input:nth-child(2), .resume-modal__form__input:nth-child(3) {
  flex: 0 0 calc(50% - 6px);
}
.resume-modal__form__input:nth-child(4) {
  flex: 0 0 100%;
}
.resume-modal__form__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 0px 24px;
  border-radius: 16px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
  flex: 0 0 100%;
}
@media only screen and (min-width: 1000px) {
  .resume-modal__form__submit-btn:hover {
    background-color: #0b7547;
  }
}
.resume-modal__form__terms .input-checkbox__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #737373;
}
.write-review-modal__content {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.write-review-modal__product {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.write-review-modal__product__cover {
  flex: 0 0 84px;
  height: 64px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.write-review-modal__product__cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.write-review-modal__product__name {
  flex: 1;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.write-review-modal__product__price {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.write-review-modal__rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
}
.write-review-modal__rating span {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.write-review-modal__form {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.write-review-modal__form__grid {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
.write-review-modal__form__textarea {
  flex: 0 0 100%;
}
.write-review-modal__form__input:nth-child(2), .write-review-modal__form__input:nth-child(3) {
  flex: 0 0 calc(50% - 6px);
}
.write-review-modal__form__submit-btn {
  flex: 0 0 100%;
}
.write-review-modal__form__fill {
  flex: 0 0 100%;
}
.booking-service-modal__content {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.booking-service-modal__service {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.booking-service-modal__service__cover {
  width: 84px;
  height: 64px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.booking-service-modal__service__cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.booking-service-modal__service__name {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.action-confirm-modal__content {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
}
.action-confirm-modal__icon {
  width: 64px;
  aspect-ratio: 2/2;
  color: #1f895b;
}
.action-confirm-modal__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.action-confirm-modal__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.03em;
}
.action-confirm-modal__desc {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
.action-confirm-modal__footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.action-confirm-modal__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 0px 24px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  box-sizing: border-box;
}
.action-confirm-modal__btn--default {
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .action-confirm-modal__btn--default:hover {
    color: #1f895b;
  }
}
.action-confirm-modal__btn--red {
  color: #ffffff;
  background-color: #ed0a34;
}
@media only screen and (min-width: 1000px) {
  .action-confirm-modal__btn--red:hover {
    background-color: #d5092f;
  }
}
.action-confirm-modal__btn--green {
  color: #ffffff;
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .action-confirm-modal__btn--green:hover {
    background-color: #0b7547;
  }
}
.select-akb-modal {
  position: fixed;
  right: 40px;
  bottom: 40px;
  padding: 24px;
  z-index: 99999;
  box-sizing: border-box;
  transition: bottom 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media only screen and (max-width: 576px) {
  .select-akb-modal {
    left: 8px;
    right: 8px;
    bottom: 8px;
    margin: unset;
    width: unset;
  }
  .select-akb-modal .modal-default__close-btn--primary {
    top: 10px;
    right: 10px;
  }
}
.select-akb-modal:not(.visible) {
  bottom: -40px;
  opacity: 0;
  visibility: hidden;
}
.select-akb-modal__content {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.select-akb-modal__banner {
  width: 100%;
  aspect-ratio: 23350/13113;
  border-radius: 24px;
}
.not-found-section {
  display: flex;
  flex-flow: column;
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .not-found-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .not-found-section {
    align-self: center;
    margin-top: 30px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.not-found-section__icon {
  align-self: center;
  width: 100%;
  max-width: 200px;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .not-found-section__icon {
    max-width: 404px;
  }
}
.not-found-section__title {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .not-found-section__title {
    margin-top: 32px;
    font-size: 56px;
  }
}
.not-found-section__desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .not-found-section__desc {
    margin-top: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.not-found-section__footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .not-found-section__footer {
    gap: 10px;
    justify-content: center;
    margin-top: 32px;
  }
}
.not-found-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .not-found-section__btn:nth-child(1) {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .not-found-section__btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .not-found-section__btn:not(.not-found-section__btn--primary):hover {
    background-color: #0b7547;
  }
}
.not-found-section__btn--primary {
  flex-flow: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 64px;
  color: #2c2d2e;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 1000px) {
  .not-found-section__btn--primary {
    flex: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .not-found-section__btn--primary {
    padding: 0 20px;
  }
  .not-found-section__btn--primary:hover {
    color: #1f895b;
  }
}
.not-found-section__btn--primary span {
  color: #737373;
}
.our-services-page-title {
  margin-top: 16px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 1000px) {
  .our-services-page-title {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .our-services-page-title {
    align-self: center;
    margin-top: 20px;
    font-size: 56px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.our-services-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .our-services-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .our-services-section {
    grid-template-columns: repeat(3, 1fr);
    align-self: center;
    gap: 20px;
    margin-top: 40px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.our-services-section__link {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: 14px;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .our-services-section__link {
    min-height: 120px;
  }
}
@media only screen and (min-width: 1000px) {
  .our-services-section__link {
    padding: 0;
    border-radius: 32px;
    aspect-ratio: 40333/26100;
  }
  .our-services-section__link:hover {
    background-color: #ffffff;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  }
}
.our-services-section__link__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .our-services-section__link__main {
    position: absolute;
    inset: 0;
    padding: 24px;
  }
}
.our-services-section__link__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .our-services-section__link__title {
    font-size: 24px;
  }
}
.our-services-section__link__desc {
  margin-top: auto;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .our-services-section__link__desc {
    font-size: 16px;
    line-height: 18px;
    max-width: 201px;
  }
}
.our-services-section__link__bg {
  display: block;
  margin-right: -20px;
  margin-bottom: -20px;
  margin-top: -20px;
  mix-blend-mode: darken;
}
@media only screen and (max-width: 1000px) {
  .our-services-section__link__bg--desktop {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .our-services-section__link__bg {
    margin: 0;
    margin-top: auto;
    margin-left: auto;
  }
  .our-services-section__link__bg--mobile {
    display: none;
  }
}
.page-back-btn-container {
  margin-top: 14px;
  padding: 0 16px;
}
@media only screen and (min-width: 1000px) {
  .page-back-btn-container {
    align-self: center;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.page-back-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .page-back-btn {
    gap: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #1f895b;
  }
}
.page-back-btn::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L8.20711 10.7071C7.87377 10.3738 7.70711 10.2071 7.70711 10C7.70711 9.7929 7.87377 9.62623 8.20711 9.2929L12.5 5.00001' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 1000px) {
  .page-back-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L20 11.9998' stroke='%231F895B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 6.99991L4.70711 11.2928C4.37377 11.6261 4.20711 11.7928 4.20711 11.9999C4.20711 12.207 4.37377 12.3737 4.70711 12.707L9 16.9999' stroke='%231F895B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 1000px) {
  .page-back-btn span {
    display: none;
  }
  .page-back-btn::after {
    content: attr(data-mobile-text);
  }
}
.payment-and-delivery-section {
  display: flex;
  flex-flow: column;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section {
    align-self: center;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.payment-and-delivery-section__title {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__title {
    font-size: 56px;
  }
}
.payment-and-delivery-section__tabs {
  display: flex;
  flex-flow: row nowrap;
  height: 26px;
  margin-top: 16px;
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__tabs {
    height: 34px;
    margin-top: 32px;
  }
}
.payment-and-delivery-section__tab-item {
  position: relative;
  flex: 1;
  height: 26px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #737373;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__tab-item {
    cursor: pointer;
    flex: unset;
    height: 34px;
    font-size: 16px;
    line-height: 18px;
    padding: 0 28px;
  }
}
.payment-and-delivery-section__tab-item.active {
  font-weight: 500;
  color: #1f895b;
}
.payment-and-delivery-section__tab-item.active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #1f895b;
}
.payment-and-delivery-section__tab-delivery {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__tab-delivery {
    gap: 32px;
    margin-top: 32px;
  }
}
.payment-and-delivery-section__delivery-block {
  display: flex;
  flex-flow: column;
}
.payment-and-delivery-section__delivery-block__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-block__title {
    font-size: 38px;
  }
}
.payment-and-delivery-section__delivery-block__text {
  margin-top: 18px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-block__text {
    margin-top: 16px;
    font-size: 16px;
  }
}
.payment-and-delivery-section__delivery-block__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-block__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 24px;
  }
}
.payment-and-delivery-section__delivery-block__item {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-block__item {
    min-height: 158px;
    padding: 24px;
    border-radius: 32px;
    box-sizing: border-box;
  }
}
.payment-and-delivery-section__delivery-block__item b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-block__item b {
    font-size: 20px;
  }
}
.payment-and-delivery-section__delivery-block__item p {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-block__item p {
    margin-top: auto;
    font-size: 16px;
    line-height: 18px;
  }
}
.payment-and-delivery-section__terms-block {
  display: flex;
  flex-flow: column;
}
.payment-and-delivery-section__terms-block__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__terms-block__title {
    font-size: 28px;
  }
}
.payment-and-delivery-section__terms-block__ul {
  display: flex;
  flex-flow: column;
  gap: 14px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__terms-block__ul {
    gap: 12px;
    margin-top: 20px;
  }
}
.payment-and-delivery-section__terms-block__li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__terms-block__li {
    gap: 10px;
    font-size: 16px;
    line-height: 18px;
  }
}
.payment-and-delivery-section__terms-block__li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11474_47162)'%3E%3Cpath d='M18.3307 10.0001C18.3307 5.39771 14.5997 1.66675 9.9974 1.66675C5.39502 1.66675 1.66406 5.39771 1.66406 10.0001C1.66406 14.6024 5.39502 18.3334 9.9974 18.3334C14.5997 18.3334 18.3307 14.6024 18.3307 10.0001Z' stroke='%231F895B' stroke-width='1.5'/%3E%3Cpath d='M6.66406 10.4167L8.7474 12.5L13.3307 7.5' stroke='%231F895B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11474_47162'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.payment-and-delivery-section__terms-block__warning {
  margin-top: 24px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__terms-block__warning {
    margin-top: 32px;
  }
}
.payment-and-delivery-section__warning-block {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 24px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__warning-block {
    padding: 24px;
    border-radius: 32px;
  }
}
.payment-and-delivery-section__warning-block__head {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__warning-block__head {
    gap: 12px;
  }
}
.payment-and-delivery-section__warning-block__head svg {
  width: 24px;
  height: 24px;
  color: #ff9e00;
}
.payment-and-delivery-section__warning-block__head b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__warning-block__head b {
    font-size: 20px;
  }
}
.payment-and-delivery-section__warning-block__text {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__warning-block__text {
    font-size: 16px;
    line-height: 18px;
  }
}
.payment-and-delivery-section__warning-block__text--gray {
  color: #737373;
}
.payment-and-delivery-section__table-block {
  display: flex;
  flex-flow: column;
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__table-block {
    gap: 24px;
  }
}
.payment-and-delivery-section__table-block__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__table-block__title {
    font-size: 28px;
  }
}
.payment-and-delivery-section__table-block__dd {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 1000px) {
  .payment-and-delivery-section__table-block__dd {
    margin-top: 2px;
  }
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__table-block__dd {
    flex-flow: row nowrap;
    align-items: center;
    padding: 24px;
    border-radius: 32px;
  }
}
.payment-and-delivery-section__table-block__dd b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__table-block__dd b {
    font-size: 20px;
  }
}
.payment-and-delivery-section__table-block__dd p {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__table-block__dd p {
    font-size: 16px;
    line-height: 18px;
  }
}
.payment-and-delivery-section__order-pay-block {
  display: flex;
  flex-flow: column;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block {
    margin-top: 80px;
  }
}
.payment-and-delivery-section__order-pay-block__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__title {
    font-size: 38px;
  }
}
.payment-and-delivery-section__order-pay-block__group {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__group {
    flex-flow: row nowrap;
    gap: 20px;
    margin-top: 24px;
  }
}
.payment-and-delivery-section__order-pay-block__item {
  display: flex;
  flex-flow: column;
  padding: 24px;
  min-height: 96px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__item {
    flex: 1;
    min-height: 158px;
    padding: 24px;
    border-radius: 32px;
    justify-content: space-between;
  }
}
.payment-and-delivery-section__order-pay-block__item b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__item b {
    font-size: 20px;
  }
}
.payment-and-delivery-section__order-pay-block__item p {
  font-size: 14px;
  line-height: 16px;
  margin-top: auto;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__item p {
    font-size: 16px;
    line-height: 18px;
  }
}
.payment-and-delivery-section__order-pay-block__item__cards {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__item__cards {
    margin: 16px 0;
  }
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__item__cards {
    margin-top: auto;
  }
}
.payment-and-delivery-section__order-pay-block__item__cards svg {
  width: 48px;
  height: 34px;
}
.payment-and-delivery-section__order-pay-block__warning {
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__warning {
    margin-top: 24px;
  }
}
.payment-and-delivery-section__order-pay-block__warning .payment-and-delivery-section__warning-block__head {
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__order-pay-block__warning .payment-and-delivery-section__warning-block__head {
    gap: 12px;
  }
}
.payment-and-delivery-section__delivery-akb-block {
  display: flex;
  flex-flow: column;
  gap: 18px;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block {
    gap: 24px;
    margin-top: 80px;
  }
}
.payment-and-delivery-section__delivery-akb-block__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block__title {
    font-size: 38px;
  }
}
.payment-and-delivery-section__delivery-akb-block__main {
  display: flex;
  flex-flow: column;
  gap: 18px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block__main {
    gap: 24px;
  }
}
.payment-and-delivery-section__delivery-akb-block__list {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block__list {
    gap: 10px;
  }
}
.payment-and-delivery-section__delivery-akb-block__link {
  flex: 0 0 calc(50% - 3px);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block__link {
    flex: 0 0 calc(25% - 15px);
    font-size: 16px;
    line-height: 18px;
  }
  .payment-and-delivery-section__delivery-akb-block__link:hover {
    color: #1f895b;
  }
}
.payment-and-delivery-section__delivery-akb-block__btn {
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block__btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .payment-and-delivery-section__delivery-akb-block__btn:hover {
    border-color: #1f895b;
  }
}
.policy-company-section {
  display: flex;
  flex-flow: column;
  gap: 32px;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .policy-company-section {
    align-self: center;
    gap: 40px;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.policy-company-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .policy-company-section__title {
    font-size: 56px;
  }
}
.policy-company-section__container {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .policy-company-section__container {
    gap: 32px;
  }
}
.policy-company-section__content > *:last-child {
  margin-bottom: 0;
}
.policy-company-section__content h5 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .policy-company-section__content h5 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.policy-company-section__content p {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .policy-company-section__content p {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.popular-articles-aside-block {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 24px;
  background-color: #f5f5f5;
}
.popular-articles-aside-block__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.popular-articles-aside-block__list {
  display: flex;
  flex-flow: column;
  margin-top: 24px;
}
.popular-articles-aside-block__item {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d4d4d4;
}
.popular-articles-aside-block__item:not(:last-child) {
  margin-bottom: 16px;
}
.popular-articles-aside-block__item__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .popular-articles-aside-block__item__title:hover {
    color: #1f895b;
  }
}
.popular-articles-aside-block__item__footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
}
.popular-articles-aside-block__item__views-counter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.popular-articles-aside-block__item__views-counter svg {
  width: 24px;
  height: 24px;
  color: #737373;
}
.popular-articles-aside-block__item__views-counter span {
  line-height: 18px;
}
.popular-articles-aside-block__item__date {
  line-height: 18px;
  color: #737373;
}
.popular-articles-aside-block__go-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  color: #1f895b;
}
.popular-articles-aside-block__go-link span {
  font-weight: 500;
}
.popular-articles-aside-block__go-link svg {
  width: 24px;
  height: 24px;
}
.popular-brands-akb-slide {
  display: flex !important;
  flex-flow: column !important;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .popular-brands-akb-slide {
    width: 74px !important;
  }
}
@media only screen and (min-width: 1000px) {
  .popular-brands-akb-slide {
    gap: 15px;
  }
}
.popular-brands-akb-slide__logo {
  width: 100%;
  height: 50px;
  border-radius: 14px;
  background-color: var(--bg-brand-color);
}
@media only screen and (min-width: 1000px) {
  .popular-brands-akb-slide__logo {
    height: auto;
    aspect-ratio: 1.34/1;
    border-radius: 24px;
  }
}
.popular-brands-akb-slide__logo__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.popular-brands-akb-slide__name {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .popular-brands-akb-slide__name {
    font-size: 16px;
    line-height: 18px;
  }
}
.pre-header-container {
  align-self: center;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1282px;
  margin-top: 16px;
  padding: 0 16px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .pre-header-container {
    display: none;
  }
}
.pre-header-side {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.pre-header-side--left {
  gap: 32px;
}
.pre-header-side--right {
  gap: 24px;
}
.pre-header-address-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.pre-header-address-btn[aria-expanded=true] .pre-header-address-btn__icon {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 1000px) {
  .pre-header-address-btn:hover {
    color: #1f895b;
  }
}
.pre-header-address-btn__label {
  flex: 1;
}
.pre-header-address-btn__icon {
  width: 24px;
  height: 24px;
  color: #1f895b;
  transition: transform 0.3s ease;
}
.pre-header-contact {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 19px;
}
.pre-header-contact__phone-link {
  font-weight: 500;
}
@media only screen and (min-width: 1000px) {
  .pre-header-contact__phone-link:hover {
    color: #1f895b;
  }
}
.pre-header-contact__opening-hours {
  color: #737373;
}
.pre-header-social-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .pre-header-social-link:hover {
    color: #1f895b;
  }
}
.pre-header-social-link__icon {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.pre-header-social-link__label {
  flex: 1;
}
.price-multi-range {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 20px;
  max-width: 36rem;
  width: 100%;
}
.price-multi-range input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
}
.price-multi-range__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.price-multi-range__input-wrapper {
  position: relative;
}
.price-multi-range__input-wrapper input {
  width: 100%;
  padding-right: 16px;
  padding-left: 46px;
  height: 54px;
  font-size: 16px;
  border-radius: 12px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.price-multi-range__input-wrapper::before {
  content: attr(data-input-placeholder);
  position: absolute;
  left: 16px;
  top: 19px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
  pointer-events: none;
}
.price-multi-range__input-hidden {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 20;
  height: 8px; /* h-2 */
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.price-multi-range__slide {
  position: relative;
  height: 3px;
  z-index: 10;
}
.price-multi-range__slide__bg {
  position: absolute;
  inset: 0;
  border-radius: 1.5px;
  background-color: #d4d4d4;
  z-index: 10;
}
.price-multi-range__slide__bg-active {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 1.5px;
  background-color: #1f895b;
  z-index: 20;
}
.price-multi-range__dot-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -6.5px;
  margin-left: -8px;
  border-radius: 50%;
  background-color: #1f895b;
  z-index: 30;
}
.price-multi-range__dot-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  margin-top: -6.5px;
  margin-right: -8px;
  border-radius: 50%;
  background-color: #1f895b;
  z-index: 30;
}
.product-ads-item {
  flex: 0 0 100%;
  display: flex;
  flex-flow: column;
  padding: 20px;
  border-radius: 28px;
  background-color: #1f895b;
  background-size: auto 100%, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, bottom right;
  background-image: url("/carakb/dist/images/product-ads/mobile/car.png"), url("/carakb/dist/images/product-ads/mobile/bg.png");
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .product-ads-item {
    background-image: url("/carakb/dist/images/product-ads/mobile/car@2x.png"), url("/carakb/dist/images/product-ads/mobile/bg@2x.png");
  }
}
@media only screen and (max-width: 1000px) {
  .product-ads-item {
    aspect-ratio: 328/161;
  }
}
@media only screen and (min-width: 1000px) {
  .product-ads-item {
    padding: 24px;
    border-radius: 32px;
    flex: 0 0 calc(33.3333333333% - 13.3333333333px);
    background-size: contain, cover;
    background-image: url("/carakb/dist/images/product-ads/desktop/car.png"), url("/carakb/dist/images/product-ads/desktop/bg.png");
  }
}
@media only screen and (min-width: 1000px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1000px) and (min-resolution: 192dpi), only screen and (min-width: 1000px) and (min-resolution: 2dppx) {
  .product-ads-item {
    background-image: url("/carakb/dist/images/product-ads/desktop/car@2x.png"), url("/carakb/dist/images/product-ads/desktop/bg@2x.png");
  }
}
.product-ads-item__title {
  max-width: 198px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .product-ads-item__title {
    font-size: 24px;
    max-width: 249px;
  }
}
.product-ads-item__desc {
  margin-top: 10px;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .product-ads-item__desc {
    display: none;
  }
}
.product-ads-item__label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  color: #ffffff;
  margin-top: auto;
}
.product-ads-item__label svg {
  width: 24px;
  height: 24px;
}
.product-ads-item__label span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-ads-item__label {
    margin-top: 20px;
  }
  .product-ads-item__label span {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-head-desktop {
  display: flex;
  flex-flow: column;
  gap: 20px;
  width: calc(100% - 32px);
  max-width: 1250px;
  align-self: center;
}
@media only screen and (max-width: 1000px) {
  .product-card-head-desktop {
    display: none;
  }
}
.product-card-head-desktop__title {
  margin-top: 20px;
  font-weight: 700;
  font-size: 48px;
  letter-spacing: -0.03em;
}
.product-card-head-desktop__inf {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 24px;
}
.product-card-head-desktop__inf__default-text {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  a.product-card-head-desktop__inf__default-text:hover {
    text-decoration: underline;
  }
}
.product-card-head-desktop__inf__rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.product-card-head-desktop__inf__rating span {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.product-card-head-desktop__inf__btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.product-card-head-desktop__inf__btn svg {
  width: 24px;
  height: 24px;
  color: #9b9b9b;
}
.product-card-head-desktop__inf__btn span {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .product-card-head-desktop__inf__btn:hover {
    color: #1f895b;
  }
  .product-card-head-desktop__inf__btn:hover svg {
    color: #1f895b;
  }
}
.product-card-head-desktop__inf__fill {
  flex: 1;
}
.product-card-head-mobile {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .product-card-head-mobile {
    display: none;
  }
}
.product-card-head-mobile__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.03em;
}
.product-card-head-mobile__inf {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
}
.product-card-head-mobile__inf__default-text {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
.product-card-head-mobile__inf__text-with-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
.product-card-head-mobile__inf__text-with-icon svg {
  width: 24px;
  height: 24px;
  color: #737373;
}
.product-card-head-mobile__inf__text-with-icon span {
  font-size: 14px;
  line-height: 16px;
}
.product-card-head-mobile__inf__rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
.product-card-head-mobile__inf__rating span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.product-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 0 16px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid {
    grid-template-columns: 1fr 300px 403px;
    gap: 40px;
    align-self: center;
    margin-top: 30px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.product-card-grid__photo {
  display: flex;
  flex-flow: column;
  gap: 14px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo {
    order: 1;
  }
}
.product-card-grid__photo__slider {
  position: relative;
  width: 100%;
  aspect-ratio: 164/115;
  border-radius: 28px;
  background-color: #f5f5f5;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__slider {
    aspect-ratio: 467/460;
    border-radius: 32px;
  }
}
.product-card-grid__photo__slider .swiper-slider {
  width: 100%;
  height: 100%;
}
.product-card-grid__photo__slider .swiper-pagination.custom-swiper-pagination {
  position: absolute !important;
  top: unset !important;
  bottom: 14px !important;
  gap: 4px;
  margin-top: 0;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__slider .swiper-pagination.custom-swiper-pagination {
    gap: 10px;
  }
}
.product-card-grid__photo__slider .swiper-pagination.custom-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__slider .swiper-pagination.custom-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.product-card-grid__photo__slider .swiper-pagination.custom-swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1f895b;
}
.product-card-grid__photo__slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.product-card-grid__photo__slide img {
  display: block;
  width: 100%;
  max-width: 165px;
  aspect-ratio: 2/2;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__slide img {
    max-width: 309px;
  }
}
.product-card-grid__photo__slide-prev,
.product-card-grid__photo__slide-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #9b9b9b;
  transform: translateY(-50%);
  z-index: 9;
}
@media only screen and (max-width: 1000px) {
  .product-card-grid__photo__slide-prev,
  .product-card-grid__photo__slide-next {
    display: none !important;
  }
}
.product-card-grid__photo__slide-prev svg,
.product-card-grid__photo__slide-next svg {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__slide-prev:hover,
  .product-card-grid__photo__slide-next:hover {
    color: #1f895b;
  }
}
.product-card-grid__photo__slide-prev {
  left: 10px;
}
.product-card-grid__photo__slide-next {
  right: 10px;
}
.product-card-grid__photo__labels {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 4px;
  z-index: 1;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__labels {
    top: 20px;
    left: 20px;
    gap: 6px;
  }
}
.product-card-grid__photo__label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  min-height: 24px;
  border-radius: 12px;
  background-color: #2c2d2e;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__photo__label {
    min-height: 30px;
    padding: 6px 16px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
  }
}
.product-card-grid__photo__label--accent-bg {
  background: linear-gradient(81.79deg, #eb4747 16.36%, #f57c00 100%), #2c2d2e;
}
.product-card-grid__estimation {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation {
    order: 3;
    gap: 16px;
  }
}
.product-card-grid__estimation-block {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block {
    padding: 24px;
    border-radius: 32px;
  }
}
.product-card-grid__estimation-block--gap10 {
  gap: 10px;
}
.product-card-grid__estimation-block--gap14 {
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block {
    gap: 16px !important;
  }
}
.product-card-grid__estimation-block__price {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__price {
    gap: 16px;
  }
}
.product-card-grid__estimation-block__price-current {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__price-current {
    font-size: 28px;
  }
}
.product-card-grid__estimation-block__price-discount {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  border-radius: 10px;
  background: linear-gradient(81.79deg, #eb4747 16.36%, #f57c00 100%);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__price-discount {
    padding: 10px;
    height: 30px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }
}
.product-card-grid__estimation-block__price-sale {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
  text-decoration: line-through;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__price-sale {
    font-size: 18px;
    line-height: 21px;
  }
}
.product-card-grid__estimation-block__status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__status {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-grid__estimation-block__status span {
  color: #737373;
}
.product-card-grid__estimation-block__status b {
  font-weight: 500;
  color: #1f895b;
}
.product-card-grid__estimation-block__checkout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__checkout {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    grid-template-columns: unset;
    gap: 10px;
  }
}
.product-card-grid__estimation-block__checkout-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
  white-space: nowrap;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__checkout-btn {
    gap: 10px;
    padding: 0px 24px;
    min-height: 64px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
}
.product-card-grid__estimation-block__checkout-btn svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .product-card-grid__estimation-block__checkout-btn:not(.product-card-grid__estimation-block__checkout-btn--primary):hover {
    color: #ffffff;
    background-color: #0b7547;
  }
}
.product-card-grid__estimation-block__checkout-btn--primary {
  color: #1f895b;
  background-color: #ffffff;
}
.product-card-grid__estimation-block__checkout-btn--secondary {
  color: #2c2d2e;
  background-color: #ffffff;
}
.product-card-grid__estimation-block__checkout-desc {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__checkout-desc {
    font-size: 14px;
    line-height: 16px;
  }
}
.product-card-grid__estimation-block__checkout-desc--small {
  font-size: 10px;
  line-height: 11px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__checkout-desc--small {
    font-size: 12px;
    line-height: 14px;
  }
}
.product-card-grid__estimation-block__offer-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  min-height: 48px;
  border-radius: 14px;
  background-color: #ffffff;
  text-align: left;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__offer-btn {
    gap: 10px;
    min-height: 54px;
    padding: 12px 16px;
    border-radius: 16px;
  }
}
.product-card-grid__estimation-block__offer-btn b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-card-grid__estimation-block__offer-btn span {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__offer-btn span {
    font-size: 14px;
    line-height: 16px;
  }
}
.product-card-grid__estimation-block__offer-btn--processing {
  padding-top: 0;
  padding-bottom: 0;
}
.product-card-grid__estimation-block__offer-btn--processing .product-card-grid__estimation-block__offer-btn__icon {
  color: #ff9e00;
  background-color: transparent;
}
.product-card-grid__estimation-block__offer-btn__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.product-card-grid__estimation-block__offer-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #1f895b;
  margin-left: auto;
}
.product-card-grid__estimation-block__offer-btn__icon svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.product-card-grid__estimation-block__offer-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__offer-link {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-grid__estimation-block__offer-link a {
  color: #1f895b;
}
.product-card-grid__estimation-block__ya-split-btn {
  display: flex;
  flex-flow: column;
  min-height: 52px;
  padding: 10px 16px;
  border-radius: 16px;
  background-color: #242424;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  color: #ffffff;
  text-align: center;
}
.product-card-grid__estimation-block__ya-split-btn svg {
  display: inline;
  vertical-align: middle;
  margin-top: -2px;
}
.product-card-grid__estimation-block__ya-split-btn span:nth-child(1) {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.98);
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__ya-split-btn span:nth-child(1) {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-card-grid__estimation-block__ya-split-btn span:nth-child(1) svg {
  width: 60px;
  height: 16px;
}
.product-card-grid__estimation-block__ya-split-btn span:nth-child(2) {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.98);
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__ya-split-btn span:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
  }
}
.product-card-grid__estimation-block__ya-split-btn span:nth-child(2) svg {
  width: 30px;
  height: 10px;
}
.product-card-grid__estimation-block__ya-split {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding-top: 10px;
  border-top: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__ya-split {
    padding-top: 16px;
  }
}
.product-card-grid__estimation-block__ya-split__btn {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 12px;
}
.product-card-grid__estimation-block__ya-split__btn-icon {
  width: 28px;
  height: 28px;
}
.product-card-grid__estimation-block__ya-split__btn-main {
  display: flex;
  flex-flow: column;
}
.product-card-grid__estimation-block__ya-split__btn-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.product-card-grid__estimation-block__ya-split__btn-head span {
  font-size: 13px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.86);
}
.product-card-grid__estimation-block__ya-split__btn-head svg {
  width: 14px;
  height: 14px;
}
.product-card-grid__estimation-block__ya-split__btn-terms {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.86);
}
.product-card-grid__estimation-block__ya-split__btn-terms b {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.product-card-grid__estimation-block__ya-split__btn-terms span {
  font-size: 13px;
  line-height: 16px;
}
.product-card-grid__estimation-block__ya-split-tabs {
  display: flex;
  flex-flow: row nowrap;
  padding: 3px;
  gap: 3px;
  height: 40px;
  border-radius: 13px;
  background-color: #edeff2;
  box-sizing: border-box;
}
.product-card-grid__estimation-block__ya-split-tabs li {
  cursor: pointer;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border-radius: 11px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.3);
}
.product-card-grid__estimation-block__ya-split-tabs li.active {
  color: black;
  background-color: #ffffff;
  box-shadow: 0px 2px 5px rgba(33, 34, 36, 0.17);
}
.product-card-grid__estimation-block__ya-split-schedule {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.product-card-grid__estimation-block__ya-split-schedule__item {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.product-card-grid__estimation-block__ya-split-schedule__item__line {
  height: 4px;
  margin: 3px 0;
  border-radius: 2px;
  background-color: #e1e3e8;
}
.product-card-grid__estimation-block__ya-split-schedule__item__day {
  margin-top: 3px;
  font-size: 13px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.product-card-grid__estimation-block__ya-split-schedule__item__amount {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.86);
}
.product-card-grid__estimation-block__ya-split-schedule__item.active .product-card-grid__estimation-block__ya-split-schedule__item__line {
  background: linear-gradient(270deg, #55d48e 0%, #adebc9 100%);
}
.product-card-grid__estimation-block__ya-split-schedule__item.active .product-card-grid__estimation-block__ya-split-schedule__item__day {
  color: rgba(0, 0, 0, 0.86);
}
.product-card-grid__estimation-block__delivery-list {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__delivery-list {
    gap: 16px;
  }
}
.product-card-grid__estimation-block__delivery-item {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 10px;
}
.product-card-grid__estimation-block__delivery-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2/2;
  border-radius: 10px;
  background-color: #ffffff;
}
.product-card-grid__estimation-block__delivery-item__icon svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.product-card-grid__estimation-block__delivery-item__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__delivery-item__main {
    gap: 6px;
  }
}
.product-card-grid__estimation-block__delivery-item__main span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__delivery-item__main span {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-grid__estimation-block__delivery-item__main p {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__delivery-item__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-grid__estimation-block__delivery-desc {
  font-size: 10px;
  line-height: 11px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__estimation-block__delivery-desc {
    font-size: 12px;
    line-height: 14px;
  }
}
.product-card-grid__characteristics {
  display: flex;
  flex-flow: column;
  gap: 24px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__characteristics {
    order: 2;
  }
}
.product-card-grid__characteristics__labels {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__characteristics__labels {
    gap: 12px;
  }
}
.product-card-grid__characteristics__label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  padding: 10px;
  min-height: 58px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  text-align: left;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__characteristics__label {
    gap: 10px;
    padding: 12px;
    min-height: 62px;
    border-radius: 16px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .product-card-grid__characteristics__label:hover {
    border-color: #1f895b;
  }
}
.product-card-grid__characteristics__label__img {
  width: 38px;
  aspect-ratio: 2/2;
  border-radius: 10px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__characteristics__label__img {
    border-radius: 12px;
  }
}
.product-card-grid__characteristics__label__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.product-card-grid__characteristics__label__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.product-card-grid__characteristics__label__main b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-card-grid__characteristics__label__main span {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-card-grid__characteristics__label__main span {
    font-size: 14px;
    line-height: 16px;
  }
}
.product-card-grid__characteristics__content {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .product-card-grid__characteristics__content {
    display: none;
  }
}
.product-card-grid__characteristics__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-card-grid__characteristics__list {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.product-card-grid__characteristics__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 18px;
}
.product-card-grid__characteristics__item::before {
  content: "";
  flex: 1;
  order: 2;
  height: 18px;
  border-bottom: 1px dashed #d4d4d4;
  box-sizing: border-box;
  pointer-events: none;
}
.product-card-grid__characteristics__item span:nth-child(1) {
  order: 1;
  color: #737373;
}
.product-card-grid__characteristics__item span:nth-child(2) {
  order: 3;
}
.product-card-tabs-wrapper {
  display: flex;
  flex-flow: column;
  gap: 32px;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tabs-wrapper {
    align-self: center;
    gap: 40px;
    margin-top: 50px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.product-card-tabs-slider {
  position: relative;
  overflow: hidden;
}
.product-card-tabs-slider::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background-color: #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .product-card-tabs-slider::before {
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .product-card-tabs-slider {
    padding: 0 16px;
  }
}
.product-card-tab-slide {
  cursor: pointer;
  position: relative;
  width: -moz-max-content !important;
  width: max-content !important;
  height: 30px !important;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-slide {
    height: 34px !important;
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-tab-slide.active {
  font-weight: 500;
  color: #1f895b;
}
.product-card-tab-slide.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #1f895b;
}
.product-card-tab-desc-container {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .product-card-tab-desc-container {
    gap: 24px;
    padding: 0 16px;
  }
}
.product-card-tab-desc-container__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__title {
    font-size: 38px;
  }
}
.product-card-tab-desc-container__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.product-card-tab-desc-container__text p {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__text p {
    font-size: 16px;
  }
}
.product-card-tab-desc-container__grid {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__grid {
    flex-flow: row nowrap;
    gap: 40px;
  }
}
.product-card-tab-desc-container__list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__list {
    flex: 1;
  }
}
.product-card-tab-desc-container__list li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__list li {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-tab-desc-container__list li::before {
  content: "";
  order: -1;
  flex: 1;
  height: 16px;
  border-bottom: 1px dashed #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__list li::before {
    height: 18px;
  }
}
.product-card-tab-desc-container__list li span:nth-child(1) {
  order: -2;
  color: #737373;
}
.product-card-tab-desc-container__list li a {
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-desc-container__list li a:hover {
    text-decoration: underline;
  }
}
.product-card-tab-guarantee-container {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .product-card-tab-guarantee-container {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-guarantee-container {
    gap: 24px;
  }
}
.product-card-tab-guarantee-container__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-guarantee-container__title {
    font-size: 38px;
  }
}
.product-card-tab-guarantee-container__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.product-card-tab-guarantee-container__text p {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-guarantee-container__text p {
    font-size: 16px;
  }
}
.product-card-tab-guarantee-container__grid {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-guarantee-container__grid {
    flex-flow: row nowrap;
    gap: 20px;
  }
}
.product-card-tab-guarantee-container__item {
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-guarantee-container__item {
    padding: 24px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-tab-guarantee-container__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 18px;
  min-height: 54px;
  border-radius: 14px;
  background-color: #1f895b;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-guarantee-container__link {
    align-self: flex-start;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .product-card-tab-guarantee-container__link:hover {
    background-color: #0b7547;
  }
}
.product-card-tab-delivery-container {
  display: flex;
  flex-flow: column;
}
@media only screen and (max-width: 1000px) {
  .product-card-tab-delivery-container {
    padding: 0 16px;
  }
}
.product-card-tab-delivery-container__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__title {
    font-size: 38px;
  }
}
.product-card-tab-delivery-container__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__text {
    margin-top: 24px;
  }
}
.product-card-tab-delivery-container__text p {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__text p {
    font-size: 16px;
  }
}
.product-card-tab-delivery-container__grid {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__grid {
    flex-flow: row nowrap;
    gap: 20px;
    margin-top: 24px;
  }
}
.product-card-tab-delivery-container__item {
  display: flex;
  flex-flow: column;
  padding: 20px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__item {
    flex: 1;
    min-height: 158px;
    padding: 24px;
    height: 158px;
    border-radius: 32px;
  }
}
.product-card-tab-delivery-container__item span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__item span {
    font-size: 20px;
  }
}
.product-card-tab-delivery-container__item p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__item p {
    margin-top: auto;
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-tab-delivery-container__conditions {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__conditions {
    gap: 12px;
    margin-top: 24px;
  }
}
.product-card-tab-delivery-container__condition-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: 2px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__condition-title {
    font-size: 28px;
    margin-bottom: 19px;
  }
}
.product-card-tab-delivery-container__condition {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__condition {
    gap: 10px;
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-tab-delivery-container__condition::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11472_38764)'%3E%3Cpath d='M18.3327 10.0003C18.3327 5.39795 14.6017 1.66699 9.99935 1.66699C5.39697 1.66699 1.66602 5.39795 1.66602 10.0003C1.66602 14.6027 5.39697 18.3337 9.99935 18.3337C14.6017 18.3337 18.3327 14.6027 18.3327 10.0003Z' stroke='%231F895B' stroke-width='1.5'/%3E%3Cpath d='M6.66602 10.4167L8.74935 12.5L13.3327 7.5' stroke='%231F895B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11472_38764'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.product-card-tab-delivery-container__condition p {
  flex: 1;
}
.product-card-tab-delivery-container__warning {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 24px;
  margin-top: 24px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__warning {
    margin-top: 32px;
    border-radius: 32px;
  }
}
.product-card-tab-delivery-container__warning__title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__warning__title {
    gap: 12px;
  }
}
.product-card-tab-delivery-container__warning__title svg {
  width: 24px;
  height: 24px;
  color: #ff9e00;
}
.product-card-tab-delivery-container__warning__title span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__warning__title span {
    font-size: 20px;
  }
}
.product-card-tab-delivery-container__warning__text {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__warning__text {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-card-tab-delivery-container__warning__text--gray {
  color: #737373;
}
.product-card-tab-delivery-container__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  margin-top: 16px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-delivery-container__link {
    align-self: flex-start;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .product-card-tab-delivery-container__link:hover {
    background-color: #0b7547;
  }
}
.product-card-tab-compatibility-container {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .product-card-tab-compatibility-container {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container {
    gap: 24px;
  }
}
.product-card-tab-compatibility-container__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container__title {
    font-size: 38px;
  }
}
.product-card-tab-compatibility-container__grid {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container__grid {
    gap: 16px;
  }
}
.product-card-tab-compatibility-container__block {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container__block {
    gap: 12px;
    padding: 24px;
    border-radius: 32px;
  }
}
.product-card-tab-compatibility-container__block-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container__block-title {
    font-size: 20px;
  }
}
.product-card-tab-compatibility-container__block-list {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container__block-list {
    gap: 10px;
  }
}
.product-card-tab-compatibility-container__block-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 14px;
  min-height: 32px;
  border-radius: 14px;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-card-tab-compatibility-container__block-item {
    min-height: 36px;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.product-comparison-section {
  display: flex;
  flex-flow: column;
  margin: 16px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section {
    align-self: center;
    margin: 20px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.product-comparison-section__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__title {
    font-size: 48px;
  }
}
.product-comparison-section__control {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 16px;
}
@media only screen and (max-width: 1000px) {
  .product-comparison-section__control .input-tumbler {
    gap: 6px;
  }
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__control {
    flex-flow: row nowrap;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
  }
}
.product-comparison-section__clear-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__clear-btn {
    gap: 10px;
    font-size: 16px;
    line-height: 18px;
  }
}
.product-comparison-section__clear-btn svg {
  width: 24px;
  height: 24px;
  color: #9b9b9b;
}
.product-comparison-section__slider {
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
  .product-comparison-section__slider .swiper-slider {
    margin: 0 -16px;
    padding: 0 16px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__slider {
    margin-top: 32px;
  }
  .product-comparison-section__slider .swiper-slider {
    overflow: hidden;
  }
  .product-comparison-section__slider .slider-nav-btn--next,
  .product-comparison-section__slider .slider-nav-btn--prev {
    top: 85px;
  }
}
.product-comparison-section__slide {
  display: flex !important;
  flex-flow: column;
}
.product-comparison-section__slide .product-comparison-section__clear-btn {
  align-self: center;
  margin-top: 8px;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__slide .product-comparison-section__clear-btn {
    margin-top: 16px;
  }
}
.product-comparison-section__slide:not(:last-child) .product-comparison-section__slide__list {
  margin-right: -8px;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__slide:not(:last-child) .product-comparison-section__slide__list {
    margin-right: -20px;
  }
}
.product-comparison-section__slide:not(:first-child) .product-comparison-section__slide__list li span:nth-child(1) {
  opacity: 0;
  pointer-events: none;
}
.product-comparison-section__slide__list {
  display: flex;
  flex-flow: column;
  margin-top: 20px;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__slide__list {
    margin-top: 32px;
  }
}
.product-comparison-section__slide__list li {
  display: flex;
  flex-flow: column;
  gap: 6px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__slide__list li {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-comparison-section__slide__list li:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__slide__list li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
.product-comparison-section__slide__list li span:nth-child(1) {
  color: #737373;
}
.product-comparison-section__empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
  border-radius: 28px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__empty {
    padding: 50px;
    margin-top: 32px;
    border-radius: 32px;
  }
}
.product-comparison-section__empty__icon {
  width: 42px;
  height: 42px;
  color: #1f895b;
}
.product-comparison-section__empty__title {
  margin-top: 14px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__empty__title {
    margin-top: 16px;
    font-size: 32px;
  }
}
.product-comparison-section__empty__desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .product-comparison-section__empty__desc {
    max-width: 288px;
  }
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__empty__desc {
    margin-top: 6px;
    font-size: 16px;
  }
}
.product-comparison-section__empty__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-comparison-section__empty__btn {
    margin-top: 16px;
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
  .product-comparison-section__empty__btn:hover {
    background-color: #0b7547;
  }
}
.product-in-cart-popup {
  position: fixed;
  padding: 24px;
  width: 100%;
  max-width: 515px;
  border-radius: 32px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  transition: top 0.3s ease;
  z-index: 9999;
}
.product-in-cart-popup__close-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.product-in-cart-popup__close-btn svg {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1000px) {
  .product-in-cart-popup__close-btn:hover {
    color: #1f895b;
  }
}
.product-in-cart-popup__content {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.product-in-cart-popup__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-in-cart-popup__product {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.product-in-cart-popup__product-cover {
  flex: 0 0 84px;
  height: 64px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.product-in-cart-popup__product-cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.product-in-cart-popup__product-name {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-in-cart-popup__product-price {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.product-in-cart-popup__footer {
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
}
.product-in-cart-popup__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 0px 24px;
  border-radius: 16px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .product-in-cart-popup__btn:not(.product-in-cart-popup__btn--primary):hover {
    background-color: #0b7547;
  }
}
.product-in-cart-popup__btn--primary {
  color: #1f895b;
  background-color: rgba(31, 137, 91, 0.1);
}
@media only screen and (min-width: 1000px) {
  .product-in-cart-popup__btn--primary:is(.product-in-cart-popup__btn--primary):hover {
    background-color: rgba(31, 137, 91, 0.2);
  }
}
.product-item {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (max-width: 1000px) {
  .product-item {
    gap: 10px;
  }
}
.product-item__photo-wrapper {
  position: relative;
  width: 100%;
  height: 224px;
  border-radius: 32px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-item__photo-wrapper:hover .product-item__preview-btn {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 1000px) {
  .product-item__photo-wrapper {
    height: 120px;
    border-radius: 18px;
  }
}
.product-item__photo-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.product-item__guarantee-label {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border-radius: 16px;
  background-color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .product-item__guarantee-label {
    top: 6px;
    left: 6px;
    height: 20px;
    padding: 0 5px;
  }
}
.product-item__guarantee-label svg {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
@media only screen and (max-width: 1000px) {
  .product-item__guarantee-label svg {
    width: 16px;
    height: 16px;
  }
}
.product-item__guarantee-label span {
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 1000px) {
  .product-item__guarantee-label span {
    font-size: 10px;
  }
}
.product-item__control-labels {
  position: absolute;
  top: 16px;
  right: 18px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .product-item__control-labels {
    top: 10px;
    right: 10px;
    gap: 2px;
  }
}
.product-item__control-label {
  width: 20px;
  height: 20px;
  color: #9b9b9b;
}
.product-item__control-label svg {
  width: 100%;
  height: 100%;
}
.product-item__control-label.active-heart {
  color: #ed0a34;
}
.product-item__control-label.active-compare {
  color: #1f895b;
}
.product-item__ntf-label {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 28px;
  border-radius: 14px;
  background: linear-gradient(81.79deg, #eb4747 16.36%, #f57c00 100%), #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .product-item__ntf-label {
    display: none;
  }
}
.product-item__preview-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0px 20px;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0.7);
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1;
}
.product-item__preview-btn svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.product-item__preview-btn span {
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}
.product-item__content {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (max-width: 1000px) {
  .product-item__content {
    gap: 10px;
  }
}
.product-item__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (max-width: 1000px) {
  .product-item__main {
    gap: 6px;
  }
}
.product-item__stat {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  line-height: 18px;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat {
    line-height: 14px;
  }
}
.product-item__stat__rate {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__rate {
    gap: 2px;
  }
}
.product-item__stat__rate__icon {
  width: 24px;
  height: 24px;
  color: #ff9e00;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__rate__icon {
    width: 20px;
    height: 20px;
  }
}
.product-item__stat__rate__num {
  font-weight: 500;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__rate__num {
    font-size: 14px;
  }
}
.product-item__stat__status {
  margin-left: 10px;
  font-weight: 500;
}
.product-item__stat__status--green {
  color: #1f895b;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__status--green {
    position: absolute;
    left: 12px;
    top: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    margin-left: 0;
    border-radius: 50%;
    background-color: rgba(31, 137, 91, 0.2);
  }
  .product-item__stat__status--green::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1f895b;
  }
  .product-item__stat__status--green span {
    display: none;
  }
}
.product-item__stat__status--red {
  color: #ed0a34;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__status--red {
    display: none;
  }
}
.product-item__stat__status--gray {
  color: #9b9b9b;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__status--gray {
    display: none;
  }
}
.product-item__stat__pr {
  margin-left: 24px;
  color: #9b9b9b;
}
@media only screen and (max-width: 1000px) {
  .product-item__stat__pr {
    font-size: 12px;
    margin-left: 10px;
  }
}
.product-item__name {
  display: -webkit-box;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .product-item__name {
    font-size: 14px;
    line-height: 16px;
  }
}
.product-item__params {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .product-item__params {
    font-size: 12px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1000px) {
  .product-item__params {
    gap: 10px 16px;
  }
}
.product-item__param-acc {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (max-width: 1000px) {
  .product-item__param-acc {
    order: -1;
  }
}
.product-item__param-acc__icon {
  width: 20px;
  height: 20px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-item__param-acc__icon {
    width: 24px;
    height: 24px;
  }
}
.product-item__param-acc__text {
  flex: 1;
}
.product-item__param-text {
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .product-item__param-text--fill {
    flex: 0 0 100%;
  }
}
.product-item__add-to-cart-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 42px;
  border-radius: 14px;
  background-color: #1f895b;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .product-item__add-to-cart-btn {
    font-size: 18px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) {
  .product-item__add-to-cart-btn:hover {
    color: #ffffff;
    background-color: #0b7547;
  }
}
.product-item__add-to-cart-btn--gray {
  color: #2c2d2e;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .product-item__add-to-cart-btn--gray:hover {
    color: #1f895b;
    background-color: #f5f5f5;
  }
}
@media only screen and (min-width: 1000px) {
  .product-item__add-to-cart-btn {
    gap: 10px;
    height: 54px;
    border-radius: 16px;
  }
}
.product-item__add-to-cart-btn__icon {
  width: 24px;
  height: 24px;
}
.product-item__add-to-cart-btn__sale {
  position: relative;
  font-size: 16px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.product-item__add-to-cart-btn__sale::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='14' viewBox='0 0 57 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.113498' y1='13.4871' x2='56.1135' y2='0.487073' stroke='white'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 1000px) {
  .product-item__add-to-cart-btn__sale {
    display: none;
  }
}
.overlay-product-popup {
  position: fixed;
  inset: 0;
  display: flex;
  overflow: auto;
  padding: 64px;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999999;
}
.overlay-product-popup:not(.visible) {
  opacity: 0;
  visibility: hidden;
}
.product-popup {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1066px;
  border-radius: 32px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-popup__close-btn {
  position: absolute;
  top: -41px;
  right: -46px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  color: #1f895b;
}
.product-popup__close-btn svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1000px) {
  .product-popup__close-btn {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .product-popup__close-btn svg {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .product-popup__close-btn:hover {
    transform: scale(0.85);
  }
  .product-popup__close-btn:hover svg {
    transform: scale(1.15);
  }
}
.product-popup__container {
  display: grid;
  grid-template-columns: 485px 1fr;
  gap: 40px;
  padding: 32px;
}
.product-popup__side-left {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.product-popup__photo-wrapper {
  position: relative;
  aspect-ratio: 97/92;
  border-radius: 32px;
  background-color: #f5f5f5;
}
.product-popup__photo-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.product-popup__labels {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 6px;
}
.product-popup__label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 16px;
  border-radius: 15px;
  background-color: #2c2d2e;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  box-sizing: border-box;
}
.product-popup__label--primary {
  background: linear-gradient(81.79deg, #eb4747 16.36%, #f57c00 100%), #2c2d2e;
}
.product-popup__controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 24px;
}
.product-popup__control-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.product-popup__control-btn svg {
  width: 24px;
  height: 24px;
  color: #9b9b9b;
}
.product-popup__control-btn span {
  font-size: 16px;
  line-height: 18px;
}
.product-popup__control-btn.active-heart > svg {
  color: #ed0a34;
}
.product-popup__control-btn.active-compare > svg {
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .product-popup__control-btn:hover {
    text-decoration: underline;
  }
}
.product-popup__more-btn {
  height: 64px;
  padding: 0px 24px;
  border-radius: 16px;
  background-color: #f5f5f5;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}
@media only screen and (min-width: 1000px) {
  .product-popup__more-btn:hover {
    color: #1f895b;
  }
}
.product-popup__side-right {
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.product-popup__head {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.product-popup__head__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-popup__head__stat {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.product-popup__head__stat__default {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.product-popup__head__stat__default--status {
  font-weight: 500;
}
.product-popup__head__stat__default--status--green {
  color: #1f895b;
}
.product-popup__head__stat__default--status--red {
  color: #ed0a34;
}
@media only screen and (min-width: 1000px) {
  a.product-popup__head__stat__default:hover {
    text-decoration: underline;
  }
}
.product-popup__head__stat__rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.product-popup__head__stat__rating span {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.product-popup__summary {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 24px;
  border-radius: 32px;
  background-color: #f5f5f5;
}
.product-popup__price {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.product-popup__price-current {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-popup__price-sale {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  border-radius: 12px;
  background: linear-gradient(81.79deg, #eb4747 16.36%, #f57c00 100%);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
.product-popup__price-old {
  font-size: 18px;
  line-height: 21px;
  color: #737373;
}
.product-popup__buy {
  display: grid;
  grid-template-columns: 169px 1fr;
  gap: 10px;
}
.product-popup__buy-btn, .product-popup__buy-click-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 64px;
  padding: 0 24px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}
.product-popup__buy-btn svg, .product-popup__buy-click-btn svg {
  width: 24px;
  height: 24px;
}
.product-popup__buy-btn {
  color: #ffffff;
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .product-popup__buy-btn:hover {
    background-color: #0b7547;
  }
}
.product-popup__buy-click-btn {
  background-color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .product-popup__buy-click-btn:hover {
    color: #1f895b;
  }
}
.product-popup__list-wrapper {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.product-popup__list-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.product-popup__list {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.product-popup__list-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.product-popup__list-item span,
.product-popup__list-item b {
  font-size: 16px;
  line-height: 18px;
}
.product-popup__list-item span {
  order: 1;
  color: #737373;
}
.product-popup__list-item b {
  order: 3;
}
.product-popup__list-item::before {
  content: "";
  flex: 1;
  order: 2;
  display: block;
  height: 18px;
  border-bottom: 1px dashed #d4d4d4;
}
.products-applied-filters-container {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
  flex: 0 0 100%;
}
@media only screen and (max-width: 1000px) {
  .products-applied-filters-container {
    order: 2;
  }
}
@media only screen and (min-width: 1000px) {
  .products-applied-filters-container {
    gap: 10px;
  }
}
.products-applied-filters-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  padding: 0px 14px;
  min-height: 36px;
  border-radius: 14px;
  background-color: #2c2d2e;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .products-applied-filters-btn {
    padding: 0px 16px;
    gap: 6px;
    min-height: 42px;
    border-radius: 16px;
  }
}
.products-applied-filters-btn span {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .products-applied-filters-btn span {
    font-size: 16px;
    line-height: 18px;
  }
}
.products-applied-filters-btn svg {
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 1000px) {
  .products-applied-filters-btn svg {
    width: 24px;
    height: 24px;
  }
}
.products-control-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.products-control-container .tumbler-with-label-container {
  flex: 0 0 100%;
}
@media only screen and (min-width: 1000px) {
  .products-control-container .tumbler-with-label-container {
    flex: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .products-control-container {
    gap: 20px;
  }
}
.products-control-container__select {
  flex: 1;
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  background-color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .products-control-container__select {
    display: none;
  }
}
.products-control-container__control-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 16px;
  order: 2;
}
.products-control-container__control-btn span {
  flex: 1;
}
.products-control-container__control-btn svg {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease, color 0.3s ease;
}
.products-control-container__control-btn[aria-expanded=true] svg {
  color: #1f895b;
  transform: rotate(-180deg);
}
@media only screen and (min-width: 1000px) {
  .products-control-container__control-btn {
    display: none;
    order: unset;
  }
}
.products-filter-container {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 24px;
  background-color: #f5f5f5;
}
.products-filter-block {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.products-filter-block:not(:last-child):not(.products-filter-block--lasted) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
}
.products-filter-block--lasted {
  padding-bottom: 20px;
}
.products-filter-block.visible .products-filter-block__head__icon {
  transform: rotate(-180deg);
}
.products-filter-block__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.products-filter-block__head:has(svg) {
  cursor: pointer;
}
.products-filter-block__head__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.products-filter-block__head__icon {
  width: 24px;
  height: 24px;
  color: #737373;
}
.products-filter-block__content {
  display: flex;
  flex-flow: column;
}
.products-filter-block__content .input-wrapper {
  height: 54px;
  border-radius: 12px;
}
.products-filter-block__content .input-wrapper .input-placeholder {
  font-size: 14px;
  line-height: 16px;
}
.products-filter-block__content .input-wrapper .input-default {
  font-size: 14px;
}
.products-filter-block__content .input-wrapper .input-default:not(:-moz-placeholder) {
  padding-top: 18px;
}
.products-filter-block__content .input-wrapper .input-default:focus, .products-filter-block__content .input-wrapper .input-default:not(:placeholder-shown) {
  padding-top: 18px;
}
.products-filter-block__content .input-wrapper .input-default:not(:-moz-placeholder) ~ .input-placeholder {
  top: 10px;
  font-size: 12px;
  line-height: 14px;
}
.products-filter-block__content .input-wrapper .input-default:focus ~ .input-placeholder, .products-filter-block__content .input-wrapper .input-default:not(:placeholder-shown) ~ .input-placeholder {
  top: 10px;
  font-size: 12px;
  line-height: 14px;
}
.products-filter-block__content--gap10 {
  gap: 10px;
}
.products-filter-block__content--gap6 {
  gap: 6px;
}
.products-filter-block__content--row-wrap {
  flex-flow: row wrap;
}
.products-filter-block__content--gap10-32 {
  gap: 10px 32px;
}
.products-filter-block__submit-btn {
  height: 54px;
  padding: 0px 20px;
  border-radius: 16px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .products-filter-block__submit-btn:hover {
    background-color: #0b7547;
  }
}
.products-filter-block__price-input-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.products-filter-block__brand-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.products-filter-block__brand-item__img {
  width: 60px;
  height: 40px;
  border-radius: 10px;
  background-color: #ffffff;
}
.products-filter-block__brand-item__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.products-filter-block__brand-item__name {
  font-size: 16px;
  line-height: 18px;
}
.products-filter-block__more-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  color: #1f895b;
}
.products-filter-block__more-btn--mt10 {
  margin-top: 10px;
}
.products-filter-block__more-btn--mt6 {
  margin-top: 6px;
}
.products-filter-block__more-btn span {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.products-filter-block__more-btn svg {
  width: 24px;
  height: 24px;
}
.products-filter-apply-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0px 24px;
  border-radius: 16px;
  background-color: #1f895b;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .products-filter-apply-btn:hover {
    background-color: #0b7547;
  }
}
.products-filter-help-btn {
  margin-top: 20px;
}
.products-slider-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 32px;
  padding: 0 16px;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section {
    align-self: center;
    padding: 0;
    gap: 32px;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.products-slider-section__head {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head {
    gap: 32px;
  }
}
.products-slider-section__head__title {
  flex: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__title {
    order: 1;
    font-size: 38px;
    flex: unset;
  }
}
.products-slider-section__head__btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__btn {
    order: 3;
    gap: 6px;
    height: 36px;
    padding: 0px 12px;
    border-radius: 16px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
  }
  .products-slider-section__head__btn:hover .products-slider-section__head__btn__label {
    color: #1f895b;
  }
}
.products-slider-section__head__btn__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__btn__label {
    font-size: 16px;
    line-height: 18px;
  }
  .products-slider-section__head__btn__label::before {
    content: attr(data-desktop-text);
  }
  .products-slider-section__head__btn__label i {
    display: none;
  }
}
.products-slider-section__head__btn__icon {
  width: 20px;
  height: 20px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__btn__icon {
    width: 24px;
    height: 24px;
  }
}
.products-slider-section__head__tabs {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 100%;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__tabs {
    order: 2;
    flex: 1;
    max-width: 239px;
    margin-right: auto;
    gap: 20px;
  }
}
.products-slider-section__head__tab-item {
  flex: 1;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #737373;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__tab-item {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.products-slider-section__head__tab-item.active {
  font-weight: 500;
  color: #1f895b;
  border-bottom-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__head__tab-item.active::before {
    content: "";
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    height: 2px;
    background-color: #1f895b;
  }
}
.products-slider-section__slider {
  position: relative;
  margin: 0 -16px;
  padding: 0 16px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .products-slider-section__slider {
    margin: 0;
    padding: 0;
    overflow: unset;
  }
  .products-slider-section__slider .swiper-slider {
    overflow: hidden;
  }
  .products-slider-section__slider .slider-nav-btn {
    top: 85px;
  }
}
.products-with-ads-container {
  display: flex;
  flex-flow: row wrap;
  gap: 20px 8px;
}
@media only screen and (min-width: 1000px) {
  .products-with-ads-container {
    gap: 24px 20px;
  }
}
.products-with-ads-container .product-item {
  flex: 0 0 calc(50% - 4px);
}
@media only screen and (min-width: 1000px) {
  .products-with-ads-container .product-item {
    flex: 0 0 calc(33.3333333333% - 13.3333333333px);
  }
}
.products-with-ads-container--empty {
  flex: unset !important;
}
.products-wrapper {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .products-wrapper {
    flex: 1;
    gap: 24px;
  }
  .products-wrapper .selected-car-aside-block {
    display: none;
  }
}
.promo-banner {
  display: flex;
  flex-flow: column;
  height: 161px;
  padding: 20px;
  border-radius: 28px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .promo-banner {
    height: 220px;
    padding: 26px 33px;
    border-radius: 32px;
  }
}
.promo-banner--1,
.promo-banner--2,
.promo-banner--3,
.promo-banner--4 {
  color: #ffffff;
  background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-1.png");
}
@media only screen and (min-width: 1000px) {
  .promo-banner--1,
  .promo-banner--2,
  .promo-banner--3,
  .promo-banner--4 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-2.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .promo-banner--1,
  .promo-banner--2,
  .promo-banner--3,
  .promo-banner--4 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-3.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and (min-resolution: 192dpi) and (min-width: 1000px), only screen and (min-resolution: 2dppx) and (min-width: 1000px) {
  .promo-banner--1,
  .promo-banner--2,
  .promo-banner--3,
  .promo-banner--4 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-4.png");
  }
}
.promo-banner--1 .promo-banner__title,
.promo-banner--2 .promo-banner__title,
.promo-banner--3 .promo-banner__title,
.promo-banner--4 .promo-banner__title {
  max-width: 198px;
}
@media only screen and (min-width: 1000px) {
  .promo-banner--1 .promo-banner__title,
  .promo-banner--2 .promo-banner__title,
  .promo-banner--3 .promo-banner__title,
  .promo-banner--4 .promo-banner__title {
    max-width: 304px;
  }
}
.promo-banner--1 .promo-banner__label,
.promo-banner--2 .promo-banner__label,
.promo-banner--3 .promo-banner__label,
.promo-banner--4 .promo-banner__label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: auto;
}
@media only screen and (min-width: 1000px) {
  .promo-banner--1 .promo-banner__label,
  .promo-banner--2 .promo-banner__label,
  .promo-banner--3 .promo-banner__label,
  .promo-banner--4 .promo-banner__label {
    font-size: 16px;
    line-height: 18px;
  }
}
.promo-banner--1 .promo-banner__label svg,
.promo-banner--2 .promo-banner__label svg,
.promo-banner--3 .promo-banner__label svg,
.promo-banner--4 .promo-banner__label svg {
  width: 24px;
  height: 24px;
}
.promo-banner--2 {
  background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-5.png");
}
@media only screen and (min-width: 1000px) {
  .promo-banner--2 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-6.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .promo-banner--2 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-7.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and (min-resolution: 192dpi) and (min-width: 1000px), only screen and (min-resolution: 2dppx) and (min-width: 1000px) {
  .promo-banner--2 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-8.png");
  }
}
.promo-banner--2 .promo-banner__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99.7px;
  height: 40.22px;
  border-radius: 14346.4px;
  background: #f57c00;
  color: #ffffff;
  font-weight: 500;
  font-size: 20.087px;
  line-height: 23px;
}
.promo-banner--3 {
  color: #2c2d2e;
  background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-9.png");
}
@media only screen and (min-width: 1000px) {
  .promo-banner--3 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-10.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .promo-banner--3 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-11.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and (min-resolution: 192dpi) and (min-width: 1000px), only screen and (min-resolution: 2dppx) and (min-width: 1000px) {
  .promo-banner--3 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-12.png");
  }
}
.promo-banner--3 .promo-banner__label {
  color: #1f895b;
}
.promo-banner--4 {
  color: #2c2d2e;
  background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-13.png");
}
@media only screen and (min-width: 1000px) {
  .promo-banner--4 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-14.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .promo-banner--4 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-15.png");
  }
}
@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and (min-resolution: 192dpi) and (min-width: 1000px), only screen and (min-resolution: 2dppx) and (min-width: 1000px) {
  .promo-banner--4 {
    background-image: url("/carakb/dist/images/embedded/components-promo-banner-inline-16.png");
  }
}
.promo-banner--4 .promo-banner__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99.7px;
  height: 40.22px;
  border-radius: 14346.4px;
  background: #2c2d2e;
  color: #ffffff;
  font-weight: 500;
  font-size: 20.087px;
  line-height: 23px;
}
.promo-banner__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .promo-banner__title {
    font-size: 28px;
  }
}
.promo-slider-section {
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .promo-slider-section {
    align-self: center;
    margin: 80px 16px 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.promo-slider-section .swiper-slider {
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .promo-slider-section .swiper-slider {
    border-radius: 28px;
  }
}
.promo-slider-section .swiper-pagination {
  position: unset;
  top: unset !important;
  bottom: unset !important;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
}
.promo-slider-section .swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  background-color: #d7d7d7;
  opacity: 1;
}
.promo-slider-section .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .promo-slider-section .swiper-pagination {
    display: none;
  }
}
.promo-slider-section__slide {
  position: relative !important;
  display: flex !important;
  flex-flow: column !important;
  height: 161px !important;
  border-radius: 28px;
  background-color: var(--bg-accent-color);
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .promo-slider-section__slide {
    height: 220px !important;
    border-radius: 32px;
  }
}
.promo-slider-section__slide__img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center right;
     object-position: center right;
}
.promo-slider-section__slide__main {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  flex: 1;
  padding: 20px;
  color: #ffffff;
  z-index: 1;
}
@media only screen and (min-width: 1000px) {
  .promo-slider-section__slide__main {
    padding: 25px 33px;
  }
}
.promo-slider-section__slide__title {
  margin-bottom: auto;
  max-width: 198px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .promo-slider-section__slide__title {
    font-size: 28px;
    letter-spacing: -0.03em;
    max-width: 304px;
  }
}
.promo-slider-section__slide__link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  color: #ffffff;
}
.promo-slider-section__slide__link span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .promo-slider-section__slide__link span {
    font-size: 16px;
    line-height: 18px;
  }
}
.promo-slider-section__slide__link svg {
  width: 24px;
  height: 24px;
}
.promo-slider-section__slide__label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 20px;
  background-color: #f57c00;
  color: #ffffff;
  font-weight: 500;
  padding: 0 14px;
  line-height: 23px;
  box-sizing: border-box;
}
.review-item {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .review-item {
    padding: 24px;
    border-radius: 32px;
  }
}
.review-item__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .review-item__head {
    gap: 16px;
  }
}
.review-item__avatar {
  display: flex;
  width: 54px;
  aspect-ratio: 2/2;
  border-radius: 50%;
  background-color: #1f895b;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .review-item__avatar {
    width: 64px;
  }
}
.review-item__avatar span {
  margin: auto;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .review-item__avatar span {
    font-size: 24px;
  }
}
.review-item__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.review-item__head__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .review-item__head__main {
    gap: 6px;
  }
}
.review-item__name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .review-item__name {
    font-size: 20px;
  }
}
.review-item__date {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .review-item__date {
    font-size: 16px;
    line-height: 18px;
  }
}
.review-item__text {
  margin-top: 14px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .review-item__text {
    margin-top: 16px;
    font-size: 16px;
  }
}
.review-item__ya-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  margin-top: 16px;
  padding: 4px 14px;
  border-radius: 10px;
  background-color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .review-item__ya-label {
    gap: 10px;
    padding: 6px 16px;
    border-radius: 12px;
  }
}
.review-item__ya-label svg {
  width: 24px;
  height: 24px;
}
.review-item__ya-label span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .review-item__ya-label span {
    font-size: 16px;
    line-height: 18px;
  }
}
.review-item__photos {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
}
@media only screen and (min-width: 1000px) {
  .review-item__photos {
    gap: 10px;
    margin-top: 16px;
  }
}
.review-item__photo-item {
  width: 100px;
  aspect-ratio: 2/2;
  border-radius: 18px;
  overflow: hidden;
}
.review-item__photo-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.reviews-and-questions-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 32px;
  scroll-margin-top: 100px;
}
@media only screen and (max-width: 1000px) {
  .reviews-and-questions-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section {
    align-self: center;
    gap: 32px;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.reviews-and-questions-section__tabs {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__tabs {
    gap: 32px;
  }
}
.reviews-and-questions-section__tab-btn {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #9b9b9b;
}
.reviews-and-questions-section__tab-btn.active {
  color: #2c2d2e;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__tab-btn {
    font-size: 38px;
  }
}
.reviews-and-questions-section__container {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__container {
    flex-flow: row-reverse nowrap;
    align-items: flex-start;
    gap: 20px;
  }
}
.reviews-and-questions-section__rating-block {
  display: flex;
  flex-flow: column;
  gap: 14px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block {
    flex: 0 0 297px;
    padding: 24px;
    border-radius: 32px;
  }
}
.reviews-and-questions-section__rating-block__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.reviews-and-questions-section__rating-block__rating {
  display: flex;
  flex-flow: column;
}
.reviews-and-questions-section__rating-block__rating-current {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__rating-current {
    font-size: 38px;
  }
}
.reviews-and-questions-section__rating-block__rating-desc {
  margin-top: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__rating-desc {
    margin-top: 6px;
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-and-questions-section__rating-block__rating-stars {
  margin-top: 6px;
}
.reviews-and-questions-section__rating-block__stats {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__stats {
    gap: 6px;
  }
}
.reviews-and-questions-section__rating-block__stat-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__stat-item {
    gap: 10px;
  }
}
.reviews-and-questions-section__rating-block__stat-item span {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__stat-item span {
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-and-questions-section__rating-block__stat-item span:last-child {
  min-width: 32px;
}
.reviews-and-questions-section__rating-block__stat-item__progress {
  position: relative;
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background-color: #e1e1e1;
}
.reviews-and-questions-section__rating-block__stat-item__progress::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: var(--progress-percent);
  background-color: #1f895b;
  border-radius: 2px;
}
.reviews-and-questions-section__rating-block__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0px 16px;
  border-radius: 14px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #1f895b;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__rating-block__btn {
    padding: 0px 20px;
    min-height: 54px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 21px;
  }
  .reviews-and-questions-section__rating-block__btn:hover {
    color: #ffffff;
    background-color: #0b7547;
  }
}
.reviews-and-questions-section__list-empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 50px;
  border-radius: 28px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .reviews-and-questions-section__list-empty {
    min-height: 199px;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__list-empty {
    flex-flow: row nowrap;
    flex: 1;
    gap: 16px;
    height: -webkit-fill-available;
    border-radius: 32px;
  }
}
.reviews-and-questions-section__list-empty__icon {
  width: 40px;
  aspect-ratio: 2/2;
  color: #1f895b;
}
.reviews-and-questions-section__list-empty__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (max-width: 1000px) {
  .reviews-and-questions-section__list-empty__main {
    text-align: center;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__list-empty__main {
    gap: 6px;
  }
}
.reviews-and-questions-section__list-empty__main span {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__list-empty__main span {
    font-size: 32px;
  }
}
.reviews-and-questions-section__list-empty__main p {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__list-empty__main p {
    font-size: 16px;
  }
}
.reviews-and-questions-section__list {
  display: flex;
  flex-flow: column;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__list {
    flex: 1;
    gap: 16px;
  }
}
.reviews-and-questions-section__item {
  display: flex;
  flex-flow: column;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item {
    padding: 24px;
    border-radius: 32px;
  }
}
.reviews-and-questions-section__item-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-head {
    gap: 16px;
  }
}
.reviews-and-questions-section__item-head__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  aspect-ratio: 2/2;
  border-radius: 50%;
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-head__avatar {
    width: 64px;
  }
}
.reviews-and-questions-section__item-head__avatar span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-head__avatar span {
    font-size: 24px;
  }
}
.reviews-and-questions-section__item-head__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.reviews-and-questions-section__item-head__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-head__main {
    gap: 10px;
  }
}
.reviews-and-questions-section__item-head__name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-head__name {
    font-size: 20px;
  }
}
.reviews-and-questions-section__item-head__date {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-head__date {
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-and-questions-section__item-text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-text {
    font-size: 16px;
    margin-top: 12px;
  }
}
.reviews-and-questions-section__item-photos {
  display: flex;
  flex-flow: row wrap;
  margin-top: 16px;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-photos {
    gap: 16px;
    margin-top: 20px;
  }
}
.reviews-and-questions-section__item-photo {
  cursor: pointer;
  width: 80px;
  aspect-ratio: 2/2;
  border-radius: 14px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-photo {
    width: 142px;
    border-radius: 24px;
  }
}
.reviews-and-questions-section__item-photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.reviews-and-questions-section__item-date {
  margin-top: 16px;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-date {
    margin-top: 20px;
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-and-questions-section__item-answer {
  margin-top: 16px;
  padding-left: 16px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer {
    margin-top: 20px;
    padding-left: 24px;
  }
}
.reviews-and-questions-section__item-answer__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer__head {
    gap: 16px;
  }
}
.reviews-and-questions-section__item-answer__head__avatar {
  width: 54px;
  aspect-ratio: 2/2;
  border-radius: 50%;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer__head__avatar {
    width: 64px;
  }
}
.reviews-and-questions-section__item-answer__head__main {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer__head__main {
    gap: 10px;
  }
}
.reviews-and-questions-section__item-answer__head__name {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.reviews-and-questions-section__item-answer__head__name span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer__head__name span {
    font-size: 20px;
  }
}
.reviews-and-questions-section__item-answer__head__name img {
  display: block;
  width: 64px;
  height: 16px;
  pointer-events: none;
}
.reviews-and-questions-section__item-answer__head__date {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer__head__date {
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-and-questions-section__item-answer__text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__item-answer__text {
    margin-top: 12px;
    font-size: 16px;
  }
}
.reviews-and-questions-section__load-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 18px;
  min-height: 54px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__load-more-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .reviews-and-questions-section__load-more-btn:hover {
    border-color: #1f895b;
  }
}
.reviews-and-questions-section__form {
  display: flex;
  flex-flow: column;
  gap: 14px;
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form {
    gap: 16px;
    margin-top: 36px;
  }
}
.reviews-and-questions-section__form-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form-title {
    font-size: 28px;
  }
}
.reviews-and-questions-section__form__textarea {
  padding: 14px;
  min-height: 139px;
  border-radius: 14px;
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 16px;
  color: #2c2d2e;
  box-sizing: border-box;
}
.reviews-and-questions-section__form__textarea::-moz-placeholder {
  color: #2c2d2e;
}
.reviews-and-questions-section__form__textarea::placeholder {
  color: #2c2d2e;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form__textarea {
    padding: 16px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-and-questions-section__form__grid {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form__grid {
    flex-flow: row nowrap;
    gap: 12px;
  }
  .reviews-and-questions-section__form__grid .input-wrapper {
    flex: 0 0 232px;
  }
}
.reviews-and-questions-section__form__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form__submit-btn {
    flex: 0 0 84px;
    padding: 0px 24px;
    min-height: 64px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form__terms {
    flex: 1;
  }
}
.reviews-and-questions-section__form__terms .input-checkbox__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .reviews-and-questions-section__form__terms .input-checkbox__text {
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-company-section {
  display: flex;
  flex-flow: column;
  margin-top: 16px;
}
@media only screen and (max-width: 1000px) {
  .reviews-company-section {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section {
    align-self: center;
    margin-top: 20px;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.reviews-company-section__head {
  position: relative;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    gap: 40px;
  }
}
.reviews-company-section__head__main {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__main {
    flex: 1;
  }
}
.reviews-company-section__head__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__title {
    font-size: 56px;
  }
}
.reviews-company-section__head__desc {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__desc {
    font-size: 16px;
  }
}
.reviews-company-section__head__ya-rating {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border-radius: 18px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .reviews-company-section__head__ya-rating {
    position: absolute;
    top: -36px;
    right: 0;
    width: 159px;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__ya-rating {
    width: 179px;
    padding: 16px;
    border-radius: 20px;
  }
}
.reviews-company-section__head__ya-rating__icon {
  width: 30px;
  height: 30px;
}
.reviews-company-section__head__ya-rating__main {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__ya-rating__main {
    gap: 6px;
  }
}
.reviews-company-section__head__ya-rating__value {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__ya-rating__value {
    gap: 4px;
  }
}
.reviews-company-section__head__ya-rating__value span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__ya-rating__value span {
    font-size: 24px;
  }
}
.reviews-company-section__head__ya-rating__value svg {
  width: 24px;
  height: 24px;
  color: #ff9e00;
}
.reviews-company-section__head__ya-rating__counter {
  font-size: 14px;
  line-height: 16px;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__head__ya-rating__counter {
    font-size: 16px;
    line-height: 18px;
  }
}
.reviews-company-section__photos {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__photos {
    gap: 16px;
    margin-top: 40px;
  }
}
.reviews-company-section__photos-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__photos-title {
    font-size: 24px;
  }
}
.reviews-company-section__photos-list {
  --galley-counter: attr(data-counter);
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
@media only screen and (max-width: 1000px) {
  .reviews-company-section__photos-list .reviews-company-section__photo-item:nth-child(5) {
    position: relative;
  }
  .reviews-company-section__photos-list .reviews-company-section__photo-item:nth-child(5)::before {
    content: var(--galley-counter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.03em;
    z-index: 1;
  }
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__photos-list {
    gap: 16px;
  }
  .reviews-company-section__photos-list .reviews-company-section__photo-item:nth-child(8) {
    position: relative;
  }
  .reviews-company-section__photos-list .reviews-company-section__photo-item:nth-child(8)::before {
    content: var(--galley-counter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.03em;
    z-index: 1;
  }
}
.reviews-company-section__photo-item {
  flex: 1;
  aspect-ratio: 2/2;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__photo-item {
    border-radius: 24px;
  }
}
@media only screen and (max-width: 1000px) {
  .reviews-company-section__photo-item:nth-child(n+6) {
    display: none;
  }
}
.reviews-company-section__photo-item__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.reviews-company-section__list {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__list {
    gap: 16px;
    margin-top: 40px;
  }
}
.reviews-company-section__list__load-more-btn {
  padding: 0px 18px;
  min-height: 54px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .reviews-company-section__list__load-more-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
  .reviews-company-section__list__load-more-btn:hover {
    border-color: #1f895b;
  }
}
.reviews-viewer-popup {
  position: fixed;
  inset: 0;
  display: flex;
  flex-flow: column;
  background-color: #2c2d2e;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow: auto;
  z-index: 999999;
}
.reviews-viewer-popup:not(.visible) {
  opacity: 0;
  visibility: hidden;
}
.reviews-viewer-popup__container {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 20px;
  align-self: center;
  width: calc(100% - 32px);
  max-width: 1250px;
  margin: 86px 0 60px;
}
.reviews-viewer-popup__close-btn {
  position: absolute;
  top: -54px;
  right: -54px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  color: #ffffff;
  z-index: 1;
}
.reviews-viewer-popup__close-btn svg {
  width: 24px;
  height: 24px;
}
[data-reviews-viewer-popup-content] {
  overflow: hidden;
  border-radius: 32px;
}
[data-reviews-viewer-popup-gallery] {
  overflow: hidden;
}
.reviews-viewer-popup__content {
  position: relative;
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 24px;
  padding: 24px;
  background-color: #ffffff;
}
.reviews-viewer-popup__nav-btn {
  position: absolute;
  top: calc(50% - 12px - 59px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 9;
}
.reviews-viewer-popup__nav-btn:disabled {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}
.reviews-viewer-popup__nav-btn svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.reviews-viewer-popup__nav-btn--prev {
  left: -32px;
}
.reviews-viewer-popup__nav-btn--next {
  right: -32px;
}
@media only screen and (min-width: 1000px) {
  .reviews-viewer-popup__nav-btn:hover {
    transform: scale(1.2);
  }
  .reviews-viewer-popup__nav-btn:hover svg {
    transform: scale(0.9);
  }
}
.reviews-viewer-popup__content__cover {
  width: 100%;
  aspect-ratio: 2/2;
  border-radius: 24px;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.reviews-viewer-popup__content__main {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 20px;
}
.reviews-viewer-popup__content__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.reviews-viewer-popup__content__head__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  aspect-ratio: 2/2;
  background-color: #1f895b;
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.03em;
  border-radius: 50%;
  overflow: hidden;
}
.reviews-viewer-popup__content__head__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.reviews-viewer-popup__content__head__user {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
.reviews-viewer-popup__content__head__user-name {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.reviews-viewer-popup__content__head__user-date {
  font-size: 16px;
  line-height: 18px;
  color: #737373;
}
.reviews-viewer-popup__content__text {
  font-size: 16px;
  line-height: 150%;
}
.reviews-viewer-popup__content__photos {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.reviews-viewer-popup__content__photo-item {
  width: 100px;
  aspect-ratio: 2/2;
  border-radius: 20px;
  overflow: hidden;
}
.reviews-viewer-popup__content__photo-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.reviews-viewer-popup__content__social-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 6px 16px;
  margin-top: auto;
  border-radius: 12px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  box-sizing: border-box;
}
.reviews-viewer-popup__content__social-link svg {
  width: 24px;
  height: 24px;
}
.reviews-viewer-popup__photo-slide {
  width: 100% !important;
  max-width: 145px;
  height: unset !important;
  aspect-ratio: 145/98;
  border-radius: 24px;
  overflow: hidden;
}
.reviews-viewer-popup__photo-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.reviews-viewer-popup__photo-slide:not(.swiper-slide-thumb-active) {
  opacity: 0.3;
}
.search-popup-container {
  position: fixed;
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 24px;
  width: 100%;
  margin-top: 10px;
  border-radius: 32px;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  transition: top 0.3s ease, opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 1001;
}
.search-popup-container:not(.visible) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
}
.search-popup-section {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.search-popup-section__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
}
.search-popup-section__head__icon {
  width: 24px;
  height: 24px;
}
.search-popup-section__head__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.search-popup-section__list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.search-popup-section__list__item {
  line-height: 18px;
}
@media only screen and (min-width: 1000px) {
  .search-popup-section__list__item:hover {
    color: #1f895b;
  }
}
.search-popup-help-section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 54px;
  padding: 12px 16px;
  border-radius: 16px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .search-popup-help-section:hover .search-popup-help-section__text span {
    color: #1f895b;
  }
  .search-popup-help-section:hover .search-popup-help-section__icon {
    transform: scale(1.2);
  }
  .search-popup-help-section:hover .search-popup-help-section__icon svg {
    transform: scale(0.9);
  }
}
.search-popup-help-section__text {
  flex: 1;
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  gap: 10px;
}
.search-popup-help-section__text strong {
  font-weight: 700;
  letter-spacing: -0.03em;
}
.search-popup-help-section__text span {
  font-size: 14px;
  color: #737373;
}
.search-popup-help-section__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #1f895b;
  color: #ffffff;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.search-popup-help-section__icon svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.search-products-empty-container {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .search-products-empty-container {
    padding: 50px;
  }
}
.search-products-empty-icon {
  display: block;
  width: 88px;
  aspect-ratio: 2/2;
  pointer-events: none;
}
@media only screen and (min-width: 1000px) {
  .search-products-empty-icon {
    width: 140px;
  }
}
.search-products-empty-title {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .search-products-empty-title {
    margin-top: 12px;
    font-size: 32px;
  }
}
.search-products-empty-desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .search-products-empty-desc {
    max-width: 296px;
  }
}
@media only screen and (min-width: 1000px) {
  .search-products-empty-desc {
    margin-top: 12px;
    font-size: 16px;
  }
}
.search-products-empty-btn {
  margin-top: 18px;
  padding: 0px 18px;
  min-height: 54px;
  border-radius: 14px;
  background-color: #1f895b;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .search-products-empty-btn {
    margin-top: 24px;
    padding: 0px 24px;
    min-height: 64px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.segmented-control {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  padding: 6px;
  height: 54px;
  border-radius: 20px;
  background-color: #ebebeb;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .segmented-control {
    padding: 4px;
    gap: 4px;
    height: 44px;
    border-radius: 18px;
  }
}
.segmented-control-item {
  cursor: pointer;
  flex: 1;
}
.segmented-control-item input {
  display: none;
}
.segmented-control-item input:checked ~ div {
  color: #2c2d2e;
  background-color: #ffffff;
}
.segmented-control-item div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0px 16px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #737373;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .segmented-control-item div {
    padding: 0px 14px;
    height: 36px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 16px;
  }
}
.selected-car-aside-block {
  display: grid;
  grid-template-columns: 1fr 24px;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  gap: 6px 4px;
  grid-template-areas: "title icon" "content icon";
  padding: 16px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .selected-car-aside-block {
    grid-template-columns: 1fr 24px;
    grid-template-rows: auto;
    gap: 20px 6px;
    grid-template-areas: "title icon" "content content";
    padding: 20px;
    border-radius: 24px;
  }
}
.selected-car-aside-block__title {
  grid-area: title;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .selected-car-aside-block__title {
    font-size: 20px;
  }
}
.selected-car-aside-block__icon {
  grid-area: icon;
  width: 24px;
  height: 24px;
  color: #1f895b;
}
@media only screen and (max-width: 1000px) {
  .selected-car-aside-block__content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 6px;
  }
  .selected-car-aside-block__content b {
    font-size: 14px;
    line-height: 16px;
  }
  .selected-car-aside-block__content span {
    font-size: 12px;
    line-height: 14px;
    color: #737373;
  }
}
@media only screen and (min-width: 1000px) {
  .selected-car-aside-block__content {
    display: flex;
    flex-flow: column;
    gap: 10px;
  }
  .selected-car-aside-block__content li {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 4px;
  }
  .selected-car-aside-block__content li span {
    font-size: 16px;
    line-height: 18px;
  }
  .selected-car-aside-block__content li span:nth-child(1) {
    color: #737373;
  }
}
.selection-help-primary-section {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 20px;
  margin: 32px 16px 0;
  border-radius: 28px;
  background-color: #1f895b;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/carakb/dist/images/embedded/components-selection-help-primary-section-inline-1.png");
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .selection-help-primary-section {
    background-image: url("/carakb/dist/images/embedded/components-selection-help-primary-section-inline-2.png");
  }
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section {
    flex-flow: row nowrap;
    align-items: center;
    align-self: center;
    margin-top: 80px;
    width: calc(100% - 32px);
    max-width: 1250px;
    padding: 40px;
    border-radius: 32px;
    background-image: url("/carakb/dist/images/embedded/components-selection-help-primary-section-inline-3.png");
  }
}
@media only screen and (min-width: 1000px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1000px) and (min-resolution: 192dpi), only screen and (min-width: 1000px) and (min-resolution: 2dppx) {
  .selection-help-primary-section {
    background-image: url("/carakb/dist/images/embedded/components-selection-help-primary-section-inline-4.png");
  }
}
.selection-help-primary-section__main {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section__main {
    flex: 1;
    gap: 12px;
  }
}
.selection-help-primary-section__main b {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section__main b {
    font-size: 38px;
  }
}
.selection-help-primary-section__main p {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section__main p {
    font-size: 16px;
    line-height: 18px;
  }
}
.selection-help-primary-section__footer {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section__footer {
    flex-flow: row nowrap;
    gap: 10px;
  }
}
.selection-help-primary-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
.selection-help-primary-section__btn:not(.selection-help-primary-section__btn--primary) {
  background-color: #f57c00;
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section__btn:not(.selection-help-primary-section__btn--primary):hover {
    background-color: #e87600;
  }
}
@media only screen and (min-width: 1000px) {
  .selection-help-primary-section__btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.selection-help-primary-section__btn--primary {
  border: 1px solid #ffffff;
}
.selection-help-section {
  display: flex;
  flex-flow: column;
  padding: 20px;
  margin: 32px 16px 0;
  border-radius: 28px;
  background-color: #1f895b;
  background-image: url("/carakb/dist/images/selection-help/bg-mobile.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .selection-help-section {
    background-image: url("/carakb/dist/images/selection-help/bg-mobile@2x.png");
  }
}
@media only screen and (min-width: 1000px) {
  .selection-help-section {
    align-self: center;
    margin-top: 80px;
    padding: 40px;
    width: calc(100% - 32px);
    max-width: 1250px;
    border-radius: 32px;
    background-position: center right;
    background-size: auto 100%;
    background-image: url("/carakb/dist/images/selection-help/bg-desktop.png");
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1000px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1000px) and (min-resolution: 192dpi), only screen and (min-width: 1000px) and (min-resolution: 2dppx) {
  .selection-help-section {
    background-image: url("/carakb/dist/images/selection-help/bg-desktop@2x.png");
  }
}
.selection-help-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .selection-help-section__title {
    font-size: 38px;
  }
}
.selection-help-section__desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  .selection-help-section__desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 18px;
  }
}
.selection-help-section__form {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .selection-help-section__form {
    gap: 20px;
    margin-top: 20px;
  }
}
.selection-help-section__form__group {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media only screen and (min-width: 1000px) {
  .selection-help-section__form__group {
    flex-flow: row nowrap;
    width: 100%;
    max-width: 633px;
  }
  .selection-help-section__form__group > * {
    flex: 1;
  }
}
.selection-help-section__form__submit-btn {
  height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #f57c00;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .selection-help-section__form__submit-btn {
    height: 64px;
    max-width: 133px;
    border-radius: 16px;
    font-size: 16px;
  }
}
.selection-help-section__form__checkbox {
  color: #ffffff;
}
.selection-help-section__form__checkbox input:checked ~ .input-checkbox__box {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 14L8.5 17.5L19 6.5' stroke='green' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.selection-help-section__form__checkbox .input-checkbox__text a {
  text-decoration: underline;
}
.seo-text-section {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 18px;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .seo-text-section {
    align-self: center;
    gap: 24px;
    width: calc(100% - 32px);
    margin: 80px 0 0;
    max-width: 1250px;
  }
}
.seo-text-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .seo-text-section__title {
    font-size: 38px;
  }
}
.seo-text-section__text {
  display: -webkit-box;
  font-size: 14px;
  line-height: 150%;
}
.seo-text-section__text:not(.visible) {
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 1000px) {
  .seo-text-section__text:not(.visible) {
    -webkit-line-clamp: 3;
  }
}
@media only screen and (min-width: 1000px) {
  .seo-text-section__text {
    font-size: 16px;
  }
}
.seo-text-section__more-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .seo-text-section__more-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
.services-akb-section {
  display: flex;
  flex-flow: column;
  gap: 14px;
  padding: 0 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 1000px) {
  .services-akb-section {
    align-self: center;
    gap: 32px;
    margin-top: 80px;
    max-width: 1250px;
  }
}
.services-akb-section__title {
  max-width: 214px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .services-akb-section__title {
    font-size: 38px;
    max-width: unset;
  }
}
.services-akb-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media only screen and (min-width: 1000px) {
  .services-akb-section__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
}
.services-akb-section__item {
  position: relative;
  height: 167px;
  padding: 18px;
  border-radius: 28px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .services-akb-section__item {
    height: 261px;
    padding: 24px;
    border-radius: 32px;
    overflow: hidden;
  }
  .services-akb-section__item:hover {
    background-color: #ffffff;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  }
}
.services-akb-section__item__name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .services-akb-section__item__name {
    font-size: 20px;
    transition: color 0.3s ease;
  }
}
.services-akb-section__item__img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  mix-blend-mode: darken;
  pointer-events: none;
}
.services-akb-section__item__img--mobile {
  max-width: 160px;
}
.services-akb-section__item__img--desktop {
  display: none;
  max-width: 191px;
}
@media only screen and (min-width: 1000px) {
  .services-akb-section__item__img--mobile {
    display: none;
  }
  .services-akb-section__item__img--desktop {
    display: block;
  }
}
.services-popup-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}
.services-popup-wrapper:not([aria-expanded=true]) {
  opacity: 0;
  visibility: hidden;
}
.services-popup-container {
  width: 100%;
  max-width: 1250px;
  max-height: calc(100svh - 166px + 16px);
  padding: 31px 0 37px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: auto;
}
.services-popup-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
  max-width: 602px;
}
.services-popup-grid__item {
  height: 136px;
  padding: 20px;
  border-radius: 32px;
  background-color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.03em;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media only screen and (min-width: 1000px) {
  .services-popup-grid__item {
    transition: color 0.3s ease, background-position 0.3s ease;
  }
  .services-popup-grid__item:hover {
    color: #1f895b;
    background-position: right -8px bottom -8px;
  }
}
.services-popup-grid__item--1 {
  background-size: 141px 121px;
  background-image: url("/carakb/dist/images/services-icons/si-1.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .services-popup-grid__item--1 {
    background-image: url("/carakb/dist/images/services-icons/si-1@2x.png");
  }
}
.services-popup-grid__item--2 {
  background-size: 120px 116px;
  background-image: url("/carakb/dist/images/services-icons/si-2.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .services-popup-grid__item--2 {
    background-image: url("/carakb/dist/images/services-icons/si-2@2x.png");
  }
}
.services-popup-grid__item--3 {
  background-size: 168px 136px;
  background-image: url("/carakb/dist/images/services-icons/si-3.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .services-popup-grid__item--3 {
    background-image: url("/carakb/dist/images/services-icons/si-3@2x.png");
  }
}
.services-popup-grid__item--4 {
  background-size: 146px 130px;
  background-image: url("/carakb/dist/images/services-icons/si-4.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .services-popup-grid__item--4 {
    background-image: url("/carakb/dist/images/services-icons/si-4@2x.png");
  }
}
.services-popup-grid__item--5 {
  background-size: 136px 125px;
  background-image: url("/carakb/dist/images/services-icons/si-5.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .services-popup-grid__item--5 {
    background-image: url("/carakb/dist/images/services-icons/si-5@2x.png");
  }
}
.services-popup-grid__item--6 {
  background-size: 132px 116px;
  background-image: url("/carakb/dist/images/services-icons/si-6.png");
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .services-popup-grid__item--6 {
    background-image: url("/carakb/dist/images/services-icons/si-6@2x.png");
  }
}
.shared-dropdown {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  margin: -10px;
}
.shared-dropdown-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 2/2;
  border-radius: 18px;
  background-color: #f5f5f5;
}
.shared-dropdown-link svg {
  width: 24px;
  height: 24px;
}
.slider-nav-btn {
  position: absolute;
  top: calc(50% - 27px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  color: #1f895b;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 3;
}
.slider-nav-btn:disabled {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}
.slider-nav-btn:disabled.slider-nav-btn--prev .slider-nav-btn__icon {
  transform: rotate(180deg) scale(0);
}
@media only screen and (min-width: 1000px) {
  .slider-nav-btn:hover {
    transform: scale(1.2);
  }
  .slider-nav-btn:hover .slider-nav-btn__icon {
    transform: scale(0.9);
  }
  .slider-nav-btn:hover.slider-nav-btn--prev .slider-nav-btn__icon {
    transform: rotate(180deg) scale(0.9);
  }
}
@media only screen and (max-width: 1000px) {
  .slider-nav-btn {
    display: none;
  }
}
.slider-nav-btn__icon {
  width: 24px;
  height: 24px;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slider-nav-btn--prev {
  left: -27px;
}
.slider-nav-btn--prev .slider-nav-btn__icon {
  transform: rotate(180deg);
}
.slider-nav-btn--next {
  right: -27px;
}
.stars-rate {
  position: relative;
  width: 100px;
  height: 20px;
}
@media only screen and (min-width: 1000px) {
  .stars-rate {
    width: 120px;
    height: 24px;
  }
}
.stars-rate::before, .stars-rate::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 20px;
}
@media only screen and (min-width: 1000px) {
  .stars-rate::before, .stars-rate::after {
    background-size: 24px;
  }
}
.stars-rate::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99996 1.66675L12.596 6.42692L17.9254 7.42494L14.2005 11.3649L14.8982 16.7419L9.99996 14.4167L5.10175 16.7419L5.79946 11.3649L2.07449 7.42494L7.40391 6.42692L9.99996 1.66675Z' fill='%23F9DAA1'/%3E%3C/svg%3E");
}
.stars-rate::after {
  right: calc(20px * (5 - var(--rate)));
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99996 1.66675L12.596 6.42692L17.9254 7.42494L14.2005 11.3649L14.8982 16.7419L9.99996 14.4167L5.10175 16.7419L5.79946 11.3649L2.07449 7.42494L7.40391 6.42692L9.99996 1.66675Z' fill='%23FF9E00'/%3E%3C/svg%3E");
}
.stars-rate--small {
  width: 100px;
  height: 20px;
}
.stars-rate--small::before, .stars-rate--small::after {
  background-size: 20px;
}
.stars-rate--big {
  width: 160px;
  height: 32px;
}
.stars-rate--big::before, .stars-rate--big::after {
  background-size: 32px;
}
.stars-rate--big::after {
  right: calc(32px * (5 - var(--rate)));
}
.stars-rate--interactive {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  cursor: pointer;
}
.stars-rate__button {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.swiper-pagination.custom-swiper-pagination {
  position: relative !important;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  top: 0 !important;
  bottom: 0 !important;
  margin-top: 16px;
}
.swiper-pagination.custom-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  opacity: 1;
  border-radius: 50%;
  background-color: #d7d7d7;
}
.swiper-pagination.custom-swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1f895b;
}
.tab-switcher-container {
  display: flex;
  flex-flow: row nowrap;
  gap: 4px;
  padding: 4px;
  height: 44px;
  border-radius: 18px;
  background-color: #ebebeb;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .tab-switcher-container {
    height: 54px;
    border-radius: 20px;
    padding: 6px;
    gap: 6px;
  }
}
.tab-switcher-item {
  flex: 1;
}
.tab-switcher-item-input {
  display: none;
}
.tab-switcher-item-input:checked ~ .tab-switcher-item-container {
  background-color: #ffffff;
}
.tab-switcher-item-input:checked ~ .tab-switcher-item-container .tab-switcher-item-value {
  color: #2c2d2e;
}
.tab-switcher-item-container {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0px 14px;
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}
@media only screen and (min-width: 1000px) {
  .tab-switcher-item-container {
    border-radius: 16px;
  }
}
.tab-switcher-item-value {
  font-weight: 500;
  font-size: 14px;
  color: #737373;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 1000px) {
  .tab-switcher-item-value {
    font-size: 16px;
  }
}
.table-custom {
  overflow: auto;
}
@media only screen and (max-width: 1000px) {
  .table-custom {
    margin: 0 -16px;
    padding: 0 16px;
    box-sizing: border-box;
  }
}
.table-custom table {
  display: grid;
  grid-template-columns: repeat(100, max-content);
  border-spacing: 0px;
  border-collapse: collapse;
}
.table-custom thead,
.table-custom tbody,
.table-custom tr {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}
.table-custom thead {
  color: #ffffff;
  border-radius: 14px;
  background-color: #1f895b;
}
@media only screen and (min-width: 1000px) {
  .table-custom thead {
    border-radius: 16px;
  }
}
.table-custom thead th {
  display: flex;
  align-items: center;
  height: 34px;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (min-width: 1000px) {
  .table-custom thead th {
    height: 40px;
    font-size: 14px;
    line-height: 16px;
  }
}
.table-custom td,
.table-custom th {
  display: block;
  text-align: left;
  white-space: nowrap;
  padding: 0 14px;
}
@media only screen and (min-width: 1000px) {
  .table-custom td,
  .table-custom th {
    padding: 0 16px;
  }
}
.table-custom td {
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .table-custom td {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.table-custom td[cellspan="2"] {
  grid-column: span 2;
}
.table-custom td[cellspan="3"] {
  grid-column: span 3;
}
.table-custom tr:nth-child(even) {
  border-radius: 14px;
  background-color: #f5f5f5;
}
.tooltip-form-changes-link {
  position: absolute;
  padding: 0px 20px;
  height: 54px;
  background: #ffffff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #1f895b;
  z-index: 9;
}
.tooltip-form-changes-link::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 15px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.93402e-07 7.79419L11.25 -3.86387e-05L11.25 15.5884L-3.93402e-07 7.79419Z' fill='white'/%3E%3C/svg%3E%0A");
}
.tumbler-with-label-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  min-height: 54px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.tumbler-with-label-container .input-tumbler {
  flex: 1;
}
@media only screen and (max-width: 1000px) {
  .tumbler-with-label-container .input-tumbler__text {
    max-width: 122px;
  }
}
@media only screen and (min-width: 1000px) {
  .tumbler-with-label-container {
    height: 64px;
    padding: 12px 16px;
    border-radius: 16px;
  }
}
.tumbler-with-label-container__label {
  padding: 10px;
  min-height: 30px;
  border-radius: 10px;
  background: linear-gradient(81.79deg, #eb4747 16.36%, #f57c00 100%);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #ffffff;
  box-sizing: border-box;
}
.vacancies-company-section {
  display: flex;
  flex-flow: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section {
    align-self: center;
    margin: 80px 0 0;
    width: calc(100% - 32px);
    max-width: 1250px;
  }
}
.vacancies-company-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__title {
    font-size: 38px;
  }
}
.vacancies-company-section__tabs-slider {
  margin-top: 18px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__tabs-slider {
    margin-top: 24px;
  }
}
.vacancies-company-section__tabs-slider .swiper-slider {
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .vacancies-company-section__tabs-slider .swiper-slider {
    margin: 0 -16px;
    padding: 0 16px;
  }
}
.vacancies-company-section__tab-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 36px !important;
  padding: 0px 14px;
  border-radius: 14px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__tab-slide {
    height: 42px !important;
    padding: 0px 16px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
.vacancies-company-section__tab-slide.active {
  color: #ffffff;
  border-color: #1f895b;
  background-color: #1f895b;
}
.vacancies-company-section__list {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 16px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__list {
    gap: 16px;
    margin-top: 27px;
  }
}
.vacancies-company-section__item {
  display: flex;
  flex-flow: column;
  border-radius: 28px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item {
    border-radius: 32px;
  }
}
.vacancies-company-section__item.show .vacancies-company-section__item__head {
  padding-bottom: 0;
}
.vacancies-company-section__item.show .vacancies-company-section__item__head svg {
  transform: rotate(-180deg);
}
.vacancies-company-section__item__head {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  padding: 20px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__head {
    gap: 10px;
    padding: 28px;
  }
}
.vacancies-company-section__item__head b {
  flex: 1;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__head b {
    font-size: 24px;
  }
}
.vacancies-company-section__item__head svg {
  width: 24px;
  height: 24px;
  color: #1f895b;
}
.vacancies-company-section__item__main {
  display: flex;
  flex-flow: column;
  padding: 6px 20px 20px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__main {
    padding: 10px 28px 28px;
  }
}
.vacancies-company-section__item__desc {
  font-size: 14px;
  line-height: 150%;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__desc {
    font-size: 16px;
  }
}
.vacancies-company-section__item__separator {
  height: 1px;
  margin: 16px 0;
  background-color: #d4d4d4;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__separator {
    margin: 20px 0;
  }
}
.vacancies-company-section__item__infs {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__infs {
    gap: 20px;
  }
}
.vacancies-company-section__item__inf {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__inf {
    gap: 6px;
  }
}
.vacancies-company-section__item__inf__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__inf__title {
    font-size: 20px;
  }
}
.vacancies-company-section__item__inf__ul {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.vacancies-company-section__item__inf__ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__inf__ul li {
    gap: 10px;
  }
}
.vacancies-company-section__item__inf__ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1f895b;
}
.vacancies-company-section__item__inf__ul li p {
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__inf__ul li p {
    font-size: 16px;
    line-height: 18px;
  }
}
.vacancies-company-section__item__inf__desc {
  font-size: 14px;
  line-height: 150%;
  color: #737373;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__inf__desc {
    font-size: 16px;
  }
}
.vacancies-company-section__item__footer {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__footer {
    gap: 20px;
    align-items: flex-start;
  }
}
.vacancies-company-section__item__salary {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__salary {
    font-size: 28px;
  }
}
.vacancies-company-section__item__salary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0px 18px;
  border-radius: 14px;
  background-color: #1f895b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .vacancies-company-section__item__salary-btn {
    min-height: 64px;
    padding: 0px 24px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1000px) and (min-width: 1024px) {
  .vacancies-company-section__item__salary-btn:hover {
    background-color: #0b7547;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
:focus,
:active {
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
a {
  color: inherit;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
}
img {
  border: 0;
  -ms-mulishpolation-mode: bicubic;
}
figure,
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  box-shadow: none;
  border: none;
  color: currentColor;
}
button {
  cursor: pointer;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: poMulish;
  overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  height: 13px;
  width: 13px;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::-moz-selection,
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
textarea,
input {
  font-family: "Ubuntu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: normal;
}
button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: normal;
  background-color: transparent;
  font-family: "Ubuntu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  font-size: 16px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}
:root {
  color: #2c2d2e;
  font-family: "Ubuntu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body {
  display: flex;
  flex-flow: column;
  min-height: 100svh;
  font-family: "Ubuntu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.simplebar-track .simplebar-scrollbar::before {
  background: currentColor !important;
}
.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
  opacity: 0.5 !important;
}
.simplebar-track.simplebar-vertical, .simplebar-track.simplebar-horizontal {
  background: transparent !important;
}
.simplebar-track.simplebar-vertical {
  width: 8px !important;
}
.simplebar-track.simplebar-horizontal {
  height: 8px !important;
}/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
:is(.swiper-css-mode > .swiper-wrapper)::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-disabled:is(.swiper-button-prev,.swiper-button-next) {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
.swiper-button-hidden:is(.swiper-button-prev,.swiper-button-next) {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next) {
    display: none !important;
  }
:is(.swiper-button-prev,.swiper-button-next) svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
  }
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal  ~ .swiper-button-prev,.swiper-horizontal  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
.swiper-horizontal .swiper-button-next,.swiper-horizontal ~ .swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
      transform: rotate(180deg);
    }
:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
      transform: rotate(0deg);
    }
.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-prev,.swiper-vertical  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
.swiper-vertical .swiper-button-prev,.swiper-vertical  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
  }
:is(.swiper-vertical .swiper-button-prev,.swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
  }
:is(.swiper-vertical .swiper-button-next,.swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
      transform: rotate(90deg);
    }
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
.swiper-pagination-bullet:only-child {
    display: none !important;
  }
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

:is(.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

.swiper-pagination-bullets-dynamic:is(.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }

.swiper-pagination-bullets-dynamic:is(.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
:is(.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
.swiper-pagination-bullets-dynamic:is(.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
.swiper-pagination-bullets-dynamic:is(.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }
.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
.swiper-vertical > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }

  .swiper-thumbs .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}