html,
body {
  font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  -webkit-font-smoothing: antialiased;
  color: #000000;
}

.page-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.04em;
  word-break: normal;
  overflow-wrap: break-word;
}

.section-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}

.btn-more {
  font-size: 16px;
  font-weight: 500;
}

.play-video {
  width: 64px;
  height: 64px;
  background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64ZM29.7487 19.4067L44.6021 30.0624C46.2705 31.2593 46.2705 33.7407 44.6021 34.9376L29.7487 45.5933C27.7638 47.0173 25 45.5986 25 43.1557V21.8443C25 19.4014 27.7637 17.9827 29.7487 19.4067Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.video-popup {
  background: rgba(0, 0, 0, 0.85);
}
.video-popup .video-palyer {
  transform: translate(-50%, -50%);
}

.call-popup,
.call-success-popup {
  background: rgba(0, 0, 0, 0.85);
}
.call-popup .popup-container,
.call-success-popup .popup-container {
  transform: translate(-50%, -50%);
}
.call-popup .popup-container .popup-body .title,
.call-success-popup .popup-container .popup-body .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.04em;
}
.call-popup .popup-container .popup-body .text,
.call-success-popup .popup-container .popup-body .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #353535;
}
.call-popup .popup-container .popup-body .form-label,
.call-popup .popup-container .popup-body .form-element,
.call-success-popup .popup-container .popup-body .form-label,
.call-success-popup .popup-container .popup-body .form-element {
  color: #353535;
}

.breadcrumb_wrapper .link-wrapper {
  position: relative;
  margin-right: 14px;
  line-height: 20px;
}
.breadcrumb_wrapper .link-wrapper:not(:last-child)::after {
  content: "/";
  position: absolute;
  right: -12px;
}
.breadcrumb_wrapper .link-wrapper .link {
  font-size: 16px;
  font-weight: 500;
}

.error-page .text-content {
  transform: translate(-50%, -50%);
}
.error-page .text-content .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.16em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
}

@media screen and (min-width: 640px) {
  .call-popup .popup-container .popup-body .title {
    font-size: 28px;
    line-height: 42px;
  }
  .call-popup .popup-container .popup-body .text {
    font-size: 18px;
    line-height: 28.8px;
  }
}
@media screen and (min-width: 768px) {
  .page-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
  }
  .section-title {
    font-size: 32px;
    line-height: 48px;
  }
}
@media screen and (max-width: 1280px) {
  .error-page,
  .category-tile-slider,
  .collection-tile-slider,
  .icon-tiles-wrapper,
  .wrapper,
  .products,
  .contact-wrapper,
  .product,
  .pagination,
  .news-list,
  .news-post,
  .pages-slider,
  .pages-content,
  .about-wrapper,
  .about-highlights-wrapper,
  .where-map-wrapper,
  .locations-wrapper,
  .dealers-content,
  .collection,
  .color-palette,
  .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navbar {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.navbar .logo {
  width: 88px;
  max-width: 123px;
}
.navbar .location .title {
  font-size: 12px;
  font-weight: 250;
  letter-spacing: 0.03em;
}
.navbar .location .city {
  font-size: 14px;
  letter-spacing: 0.03em;
  color: #90acc1;
}
.navbar .business-dropdown .dropdown-list li:first-child {
  margin-bottom: 10px;
  margin-top: 18px;
}
.navbar .nav-links .link {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.navbar .nav-search {
  background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.6667 21L15.6667 15M17.6667 10C17.6667 13.866 14.5327 17 10.6667 17C6.80075 17 3.66675 13.866 3.66675 10C3.66675 6.13401 6.80075 3 10.6667 3C14.5327 3 17.6667 6.13401 17.6667 10Z" stroke="%23E9EEF2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.navbar .dropdown {
  cursor: pointer;
}
.navbar .dropdown-list li {
  display: ruby-text;
}
.navbar .btn-phone {
  border: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  background: #e9eef2;
}
.navbar .btn-toggle-menu {
  width: 40px;
  height: 12px;
  background-image: url('data:image/svg+xml,<svg width="40" height="14" viewBox="0 0 40 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H40" stroke="%23E9EEF2" stroke-width="2"/><path d="M0 13H40" stroke="%23E9EEF2" stroke-width="2"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.search-popup {
  background: rgba(0, 0, 0, 0.8);
}
.search-popup .search-field-wrapper {
  transform: translate(-50%, -50%);
}
.search-popup .search-field-wrapper .search-field {
  font-size: 25px;
  letter-spacing: 0.04em;
  text-align: left;
}
.search-popup .search-field-wrapper .search-field::placeholder {
  color: #ffffff;
}
.search-popup .search-field-wrapper .search-field:focus {
  outline: none;
}
.search-popup .search-field-wrapper .btn-search {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28 28L20 20M22.6667 13.3333C22.6667 18.488 18.488 22.6667 13.3333 22.6667C8.17868 22.6667 4 18.488 4 13.3333C4 8.17868 8.17868 4 13.3333 4C18.488 4 22.6667 8.17868 22.6667 13.3333Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.search-popup .search-results-wrapper {
  transform: translate(-50%, -50%);
}
.search-popup .search-results-wrapper .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}
.search-popup .search-results-wrapper img {
  font-size: 1px;
  color: transparent;
}
.search-popup .search-link {
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.04em;
}

.belleza-cities-wrapper {
  display: none;
  background: rgba(0, 0, 0, 0.8392156863);
}
.belleza-cities-wrapper .belleza-cities {
  background: #f5f4f1;
  max-width: 1380px;
  width: calc(100% - 40px);
  height: calc(100% - 75px);
  margin-top: 52px;
}
.belleza-cities-wrapper .belleza-cities .city-search .label,
.belleza-cities-wrapper .belleza-cities .city-search .city-search-field {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.03em;
}
.belleza-cities-wrapper .belleza-cities .city-search .city-search-field {
  width: 100%;
  background: #f5f4f1;
}
.belleza-cities-wrapper .belleza-cities .city-search .city-search-field:focus {
  outline: none;
}
.belleza-cities-wrapper .belleza-cities .city-list {
  max-height: calc(100% - 80px);
  max-width: 100%;
}
.belleza-cities-wrapper .belleza-cities .city-list::-webkit-scrollbar {
  height: 8px;
}
.belleza-cities-wrapper .belleza-cities .city-list::-webkit-scrollbar-track {
  background: #e9eef2;
  border-radius: 30px;
}
.belleza-cities-wrapper .belleza-cities .city-list::-webkit-scrollbar-thumb {
  background: #7b96ab;
  border-radius: 30px;
}
.belleza-cities-wrapper .belleza-cities .city-list li {
  margin-right: 20px;
}
.belleza-cities-wrapper .belleza-cities .city-list li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.03em;
}
.belleza-cities-wrapper .belleza-cities .city-list li a:hover {
  color: #7b96ab;
  text-decoration: underline;
}
.belleza-cities-wrapper .close-city-list {
  background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 18L18 1" stroke="black"/><path d="M18 18L1 1" stroke="black"/></svg>');
  background-color: #f5f4f1;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  border: none;
  top: -40px;
  right: -15px;
}

#linkArrow path {
  stroke: black;
}

@media screen and (min-width: 768px) {
  .search-popup .search-results-wrapper .text {
    font-size: 14px;
  }
  .belleza-cities-wrapper .belleza-cities .city-search .city-search-field {
    width: 300px;
  }
  .belleza-cities-wrapper .belleza-cities .city-list li a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .navbar {
    gap: 10px;
  }
  .navbar .logo {
    width: 85px;
  }
  .navbar .nav-content {
    gap: 10px;
  }
  .navbar .nav-links {
    gap: 10px;
  }
  .navbar .nav-links .dropdown-menu {
    height: auto !important;
  }
  .navbar .btn-phone {
    width: 160px;
    white-space: nowrap;
  }
  .business-dropdown .dropdown-list li:first-child {
    margin-top: 28px;
  }
  .belleza-cities-wrapper .belleza-cities {
    height: calc(100% - 104px);
    margin-top: 94px;
  }
  .belleza-cities-wrapper .belleza-cities .close-city-list {
    top: -50px;
  }
  #linkArrow path {
    stroke: white;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .logo {
    width: 100px;
  }
  .navbar .nav-content {
    gap: 50px;
  }
  .navbar .btn-phone {
    width: 185px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1380px) {
  .navbar .logo {
    width: 123px;
  }
  .navbar .btn-phone {
    width: 207px;
  }
}
@media screen and (min-width: 1440px) {
  .navbar {
    max-width: 1380px;
  }
}
@media screen and (min-width: 1950px) {
  .navbar {
    max-width: 1900px;
  }
}
@media screen and (max-width: 1023px) {
  .navbar .location {
    border-top: 1px solid #7b96ab;
    border-bottom: 1px solid #7b96ab;
    gap: 5px;
  }
  .navbar .location .title,
  .navbar .location .city {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .navbar .nav-content {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 250px;
    height: calc(100vh - 64px);
  }
  .navbar .nav-content::-webkit-scrollbar {
    width: 6px;
  }
  .navbar .nav-content::-webkit-scrollbar-track {
    background: #e9eef2;
    border-radius: 30px;
  }
  .navbar .nav-content::-webkit-scrollbar-thumb {
    background: #7b96ab;
    border-radius: 30px;
  }
  .navbar .nav-links {
    min-height: 304px;
    width: 100%;
  }
  .navbar .nav-links .link-item {
    margin-bottom: 60px;
    width: 100%;
  }
  .navbar .nav-links .link-item .dropdown-list {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar .nav-links .link {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
  }
  .navbar .dropdown-list li {
    text-align: center;
  }
  .navbar.mobile-expanded {
    position: fixed;
    width: 100%;
    z-index: 1000000;
    top: 0;
    background: white;
  }
}
@media screen and (max-width: 767px) {
  .search-popup .search-field-wrapper,
  .search-popup .search-results-wrapper {
    width: calc(100% - 60px);
  }
}
.footer .footer-top,
.footer .footer-bottom .footer-bottom-content {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.footer .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.footer .text {
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
}
.footer .footer-col-logo {
  max-width: 311px;
}
.footer .footer-col-link .link a {
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}
.footer .footer-col-form .form-field {
  width: 218px;
  height: 43px;
  font-size: 14px;
  font-weight: 300;
  padding: 0 10px;
}
.footer .footer-col-form .form-field:focus {
  outline: none;
}
.footer .footer-col-form .btn-submit {
  width: 107px;
  height: 43px;
}
.footer .footer-bottom-content .social-link a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .footer .footer-col {
    gap: 50px;
  }
}
@media screen and (min-width: 1280px) {
  .footer .footer-top {
    gap: 145px;
  }
}
@media screen and (max-width: 1520px) {
  .footer .footer-top,
  .footer .footer-bottom .footer-bottom-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .footer .footer-top,
  .footer .footer-bottom .footer-bottom-content {
    max-width: 1380px;
  }
}
@media screen and (min-width: 1950px) {
  .footer .footer-top,
  .footer .footer-bottom .footer-bottom-content {
    max-width: 1900px;
  }
}
.section-banner {
  margin-top: 15px;
}
.section-banner .banner-img {
  border-radius: 16px;
  object-fit: cover;
  object-position: left;
}
.section-banner .banner-content .banner-title {
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 27px;
  font-weight: 700;
  text-align: left;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.2509803922);
}
.section-banner .banner-content .banner-link {
  width: 100px;
  height: 30px;
  padding: 6px 0;
  background: #445567;
  font-size: 12px;
  letter-spacing: 0.03em;
}

.section-catalog .catalog-wrapper .catalog .catalog-img {
  border-radius: 16px;
  max-height: 554px;
  object-fit: cover;
  object-position: center;
}
.section-catalog .catalog-wrapper .catalog .catalog-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16em;
  bottom: 20px;
  left: 20px;
}
.section-catalog .catalog-wrapper .catalog .catalog-overlary {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0%, rgba(193, 193, 193, 0) 100%, rgb(255, 255, 255) 100%);
}
.section-catalog .catalog-wrapper.tiles-3-wrapper {
  flex-direction: column;
}
.section-catalog .catalog-wrapper .tiles-3 {
  width: 100%;
  height: 300px;
}
.section-catalog .catalog-wrapper .tiles-3 .catalog-img {
  height: 100%;
  object-fit: cover;
}
.section-catalog .catalog-wrapper.tiles-4-wrapper {
  flex-wrap: wrap;
}
.section-catalog .catalog-wrapper .tiles-4 {
  flex: 45%;
  height: 175px;
}
.section-catalog .catalog-wrapper .tiles-4 .catalog-img {
  height: 100%;
  object-fit: cover;
}

.section-slider {
  margin-top: 80px;
}
.section-slider .slider-wrapper {
  max-width: 1280px;
}
.section-slider .slider-wrapper .swiper .slide-content {
  bottom: 60px;
}
.section-slider .slider-wrapper .swiper .slide-item .img-wrapper {
  background: #f0f0f0;
  display: flex;
  padding: 10px;
}
.section-slider .slider-wrapper .swiper .slide-item .img-wrapper.extra-padding {
  padding: 20px;
}
.section-slider .slider-wrapper .swiper .slide-item .slide-img {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  width: auto;
  max-height: 100%;
  object-fit: contain;
  border: 1px solid #d5d2d2;
}
.section-slider .slider-wrapper .swiper .slide-item .text {
  font-size: 9px;
  font-weight: 500;
  line-height: 13px;
}
.section-slider .slider-wrapper .swiper .slide-item .link {
  width: 76px;
  height: 26px;
  font-size: 9px;
  font-weight: 500;
  line-height: 13px;
}
.section-slider .swiper-button-next,
.section-slider .swiper-button-prev {
  top: 36.5%;
}
.section-slider .swiper-button-next:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.00006L11 11.0001L1 21.0001" stroke="%23445567" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 20px;
}
.section-slider .swiper-button-prev:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1.00006L1 11.0001L11 21.0001" stroke="%23445567" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 20px;
}
.section-slider .swiper-pagination {
  bottom: 85px;
}
.section-slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #7b96ab;
}
.section-slider .swiper-pagination-bullet-active {
  background-color: #445567;
}

.section-video .swiper-button-next,
.section-video .swiper-button-prev {
  top: 50%;
}
.section-video .swiper-pagination {
  bottom: -40px;
}

.section-news .news-wrapper .news {
  width: 100%;
  gap: 10px;
}
.section-news .news-wrapper .news .date,
.section-news .news-wrapper .news .text-more {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.section-news .news-wrapper .news .news-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.section-why-choose {
  max-width: 1500px;
}
.section-why-choose .content-wrapper .content {
  background: url("../img/bg-dark.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.section-why-choose .content-wrapper .content .title {
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0.04em;
}
.section-why-choose .content-wrapper .content .text {
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}
.section-why-choose .content-wrapper .slider .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.section-why-choose .content-wrapper .slider .link {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.03em;
}
.section-why-choose .content-wrapper .slider .swiper-button-prev,
.section-why-choose .content-wrapper .slider .swiper-button-next {
  top: unset;
  left: unset;
  bottom: 10px;
}
.section-why-choose .content-wrapper .slider .swiper-button-prev::after,
.section-why-choose .content-wrapper .slider .swiper-button-next::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11L11 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 7px;
  height: 13px;
}
.section-why-choose .content-wrapper .slider .swiper-button-prev {
  right: 95px;
}
.section-why-choose .content-wrapper .slider .swiper-button-next {
  right: 60px;
}
.section-why-choose .content-wrapper .slider .swiper-button-next::after {
  transform: rotate(180deg);
}
.section-why-choose .content-wrapper .slider .swiper-pagination {
  width: auto;
  bottom: 10px;
  left: 24px;
}
.section-why-choose .content-wrapper .slider .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin-right: 20px;
  width: 10px;
  height: 10px;
}
.section-why-choose .content-wrapper .slider .swiper-pagination-bullet-active {
  background: #445567;
}

.section-banner,
.section-catalog,
.section-slider,
.section-news,
.section-why-choose {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 425px) {
  .section-slider .slider-wrapper .swiper .slide-item .img-wrapper.extra-padding {
    padding: 35px;
  }
}
@media screen and (min-width: 640px) {
  .section-why-choose .content-wrapper .slider .swiper-button-prev {
    right: 120px;
  }
  .section-why-choose .content-wrapper .slider .swiper-button-next {
    right: 80px;
  }
  .section-slider .slider-wrapper .swiper .slide-item .img-wrapper.extra-padding {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .section-banner .banner-content .banner-title {
    font-size: 32px;
    line-height: 50px;
  }
  .section-banner .banner-content .banner-link {
    width: 150px;
    height: 48px;
    padding: 12px 0;
    font-size: 16px;
  }
  .section-catalog .catalog-wrapper .catalog .catalog-title {
    font-size: 22px;
    line-height: 33px;
    left: 40px;
  }
  .section-catalog .catalog-wrapper.tiles-3-wrapper {
    flex-direction: row;
  }
  .section-catalog .catalog-wrapper .tiles-3 {
    width: 32%;
  }
  .section-catalog .catalog-wrapper .tiles-4 {
    height: 500px;
  }
  .section-slider .slider-wrapper .swiper .slide-item .text,
  .section-slider .slider-wrapper .swiper .slide-item .link {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  .section-slider .slider-wrapper .swiper .slide-item .link {
    width: 134px;
    height: 48px;
  }
  .section-slider .slider-wrapper .swiper .slide-item .swiper-button-next {
    right: 21px;
  }
  .section-slider .swiper-button-next {
    right: -2px;
  }
  .section-slider .swiper-button-prev {
    left: -2px;
  }
  .section-slider .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .section-slider .swiper-pagination {
    bottom: 70px;
  }
  .section-video .swiper-pagination {
    bottom: -75px;
  }
  .section-news .news-wrapper .news {
    width: 50%;
  }
  .section-news .news-wrapper .news .date,
  .section-news .news-wrapper .news .text-more,
  .section-news .news-wrapper .news .news-title {
    font-size: 18px;
    line-height: 27px;
  }
  .section-why-choose .content-wrapper .content {
    width: 50%;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  .section-why-choose .content-wrapper .slider {
    width: 50%;
  }
  .section-why-choose .content-wrapper .slider .swiper-button-prev,
  .section-why-choose .content-wrapper .slider .swiper-button-next {
    bottom: 22px;
  }
  .section-why-choose .content-wrapper .slider .swiper-button-prev::after,
  .section-why-choose .content-wrapper .slider .swiper-button-next::after {
    width: 10px;
    height: 20px;
  }
  .section-why-choose .content-wrapper .slider .swiper-pagination {
    bottom: 16px;
  }
  .section-why-choose .content-wrapper .slider .swiper-button-prev {
    right: 80px;
  }
  .section-why-choose .content-wrapper .slider .swiper-button-next {
    right: 21px;
  }
  .section-why-choose .content-wrapper .slider .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .section-why-choose .content-wrapper img {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .section-slider .slider-wrapper .swiper .slide-item .img-wrapper.extra-padding {
    padding: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .section-banner .banner-content .banner-title {
    font-size: 44px;
    line-height: 66px;
  }
  .section-why-choose .content-wrapper {
    max-height: 90vh;
  }
  .section-why-choose .content-wrapper .content {
    width: 392px;
  }
  .section-why-choose .content-wrapper .slider {
    width: calc(100% - 392px);
  }
  .section-why-choose .content-wrapper .slider .swiper-pagination-bullet {
    margin-right: 30px;
  }
  .section-slider .slider-wrapper .swiper .slide-item .img-wrapper.extra-padding {
    padding: 45px;
  }
}
@media screen and (min-width: 1356px) {
  .section-slider .swiper-button-next {
    right: -6px;
  }
  .section-slider .swiper-button-prev {
    left: -6px;
  }
}
@media screen and (max-width: 1023px) {
  .section-why-choose {
    padding-left: 0;
    padding-right: 0;
  }
  .section-why-choose .content-wrapper .slider .swiper-button-prev::after,
  .section-why-choose .content-wrapper .slider .swiper-button-next::after {
    width: 6px;
    height: 13px;
  }
}
@media screen and (min-width: 1440px) {
  .section-banner,
  .section-catalog,
  .section-slider,
  .section-news,
  .section-why-choose {
    max-width: 1380px;
  }
}
@media screen and (min-width: 1950px) {
  .section-banner,
  .section-catalog,
  .section-slider,
  .section-news,
  .section-why-choose {
    max-width: 1900px;
  }
}
@media screen and (max-width: 767px) {
  .section-slider {
    padding-right: 0;
  }
}
.catalog-slider .swiper-pagination {
  bottom: 0;
}

.category-tile-slider,
.collection-tile-slider {
  max-width: 1280px;
}
.category-tile-slider .swiper .slide-item .name,
.collection-tile-slider .swiper .slide-item .name {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03em;
}
.category-tile-slider .swiper .slide-item .slide-img,
.collection-tile-slider .swiper .slide-item .slide-img {
  width: 73px;
  height: 73px;
}
.category-tile-slider .swiper .selected .wrapper,
.collection-tile-slider .swiper .selected .wrapper {
  border-color: #7b96ab;
  background: #e9eef2;
}
.category-tile-slider .swiper-button-prev::after,
.category-tile-slider .swiper-button-next::after,
.collection-tile-slider .swiper-button-prev::after,
.collection-tile-slider .swiper-button-next::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L9 9L1 17" stroke="%23E9EEF2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 8px;
  height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.category-tile-slider .swiper-button-prev::after,
.collection-tile-slider .swiper-button-prev::after {
  rotate: 180deg;
}

.icon-tiles-wrapper {
  max-width: 1280px;
}
.icon-tiles-wrapper .icon-tiles .icon-tile {
  display: inline-flex;
  width: auto;
  background: #f5f4f1;
  padding: 5px 6px;
  border-radius: 6px;
  border: 1px solid #f5f4f1;
  gap: 14px;
  cursor: pointer;
}
.icon-tiles-wrapper .icon-tiles .icon-tile.selected {
  border: 1px solid #7b96ab;
}
.icon-tiles-wrapper .icon-tiles .icon-tile .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.03em;
  text-align: center;
}

.filter-buttons {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.filter-buttons .btn-products,
.filter-buttons .btn-collections {
  z-index: 10;
}
.filter-buttons .btn-products:hover,
.filter-buttons .btn-collections:hover {
  background: #445567 !important;
  color: #fff;
}
.filter-buttons .btn-products:not(.selected) {
  z-index: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.filter-buttons .btn-collections:not(.selected) {
  z-index: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filter-buttons .selected {
  background: #445567 !important;
  color: #fff;
}

.filter-dropdown .icon {
  background-image: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.5L0 0.5H10L5 5.5Z" fill="black"/></svg>');
}
.filter-dropdown .text,
.filter-dropdown .dropdown-item {
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.filter-dropdown .dropdown-item:hover {
  color: #7b96ab;
}

.products {
  max-width: 1280px;
  grid-template-columns: repeat(auto-fill, 100%);
}
.products .product-card .badge {
  position: absolute;
  right: 0;
  z-index: 10;
  border-top-left-radius: 10px;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 69px;
  border-bottom-right-radius: 3px;
}
.products .product-card .badge.hit {
  color: #000;
}
.products .product-card .badge.new {
  color: #fff;
}
.products .product-card .img-wrapper {
  background: #f0f0f0;
  display: flex;
  padding: 10px;
}
.products .product-card .img-wrapper.extra-padding {
  padding: 20px;
}
.products .product-card .product-img {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  width: auto;
  max-height: 100%;
  border: 1px solid #d5d2d2;
  object-fit: contain;
}
.products .product-card .details-wrapper {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.products .product-card .sku {
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-align: left;
  word-wrap: break-word;
}
.products .product-card .description {
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  word-wrap: break-word;
}
.products .product-card .link {
  font-size: 12px;
  line-height: 24px;
  width: 80px;
  height: 38px;
}

.collections .product-card .collections-img {
  height: 300px;
}
.collections .product-card .details-wrapper .collection-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  min-height: 50px;
}

.pagination {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.pagination .active {
  width: 34px;
  height: 34px;
  background: #7b96ab;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.category-description {
  background: url("../img/bg-light-mobile.jpg");
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.category-description .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.16em;
}
.category-description .text p,
.category-description .text ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.03em;
}

@media screen and (min-width: 425px) {
  .products {
    grid-template-columns: repeat(auto-fill, 48%);
  }
  .products .product-card .img-wrapper.extra-padding {
    padding: 35px;
  }
  .products .product-card .sku {
    font-size: 14px;
  }
  .products .product-card .description {
    font-size: 16px;
    min-height: 72px;
  }
  .products .product-card .link {
    font-size: 16px;
    width: 134px;
    height: 48px;
  }
  .collections .product-card .collections-img {
    height: 200px;
  }
}
@media screen and (min-width: 640px) {
  .products {
    grid-template-columns: repeat(auto-fill, 32%);
  }
  .products .product-card .img-wrapper.extra-padding {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .category-tile-slider .swiper .slide-item .name,
  .collection-tile-slider .swiper .slide-item .name {
    width: calc(100% - 73px);
  }
  .category-description {
    background: url("../img/bg-light-desktop.jpg");
  }
  .category-description .title {
    font-size: 32px;
    line-height: 48px;
  }
  .category-description .text p,
  .category-description .text ul li {
    font-size: 18px;
    line-height: 27px;
  }
  .products .product-card .img-wrapper.extra-padding {
    padding: 35px;
  }
  .collections .product-card .collections-img {
    height: 225px;
  }
}
@media screen and (min-width: 1024px) {
  .products {
    grid-template-columns: repeat(auto-fill, 23.5%);
  }
  .products .product-card .img-wrapper.extra-padding {
    padding: 45px;
  }
  .collections {
    grid-template-columns: repeat(auto-fill, 32%);
  }
  .collections .product-card .collections-img {
    height: 300px;
  }
  .highlighted-collections .collections {
    grid-template-columns: repeat(auto-fill, 32%) !important;
  }
}
@media screen and (max-width: 1280px) {
  .category-description {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 424px) {
  .products .product-card .description {
    height: auto !important;
  }
}
@media screen and (max-width: 350px) {
  .pagination .pagination-numbers {
    gap: 16px !important;
  }
}
.product .product-gallery .product-main-slider-wrapper .swiper-slide {
  padding: 5px;
}
.product .product-gallery .product-main-slider-wrapper .product-main-image {
  filter: drop-shadow(0px 0px 1px rgb(0, 0, 0)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}
.product .product-gallery .product-main-slider-wrapper .swiper-button-prev,
.product .product-gallery .product-main-slider-wrapper .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background: rgba(17, 17, 26, 0.1);
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.product .product-gallery .product-main-slider-wrapper .swiper-button-prev::after,
.product .product-gallery .product-main-slider-wrapper .swiper-button-next::after {
  content: "";
  width: 10px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product .product-gallery .product-main-slider-wrapper .swiper-button-next::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 11L1 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.product .product-gallery .product-main-slider-wrapper .swiper-button-prev::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11L11 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.product .product-gallery .product-main-slider-wrapper .swiper-backface-hidden .swiper-slide {
  visibility: hidden;
}
.product .product-gallery .product-main-slider-wrapper .swiper-fade .swiper-slide-active {
  visibility: visible;
}
.product .product-gallery .product-thumbnail-slider-wrapper .swiper-slide {
  opacity: 0.6;
}
.product .product-gallery .product-thumbnail-slider-wrapper .swiper-slide-thumb-active {
  opacity: 1;
}
.product .product-gallery .product-thumbnail-slider-wrapper .swiper-slide-thumb-active img {
  border: 2px solid var(--main-accent, #445567);
}
.product .product-details .badge {
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  color: #fff;
}
.product .product-details .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
}
.product .product-details .sku {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-align: left;
  color: #757575;
}
.product .product-details .buy-in-city-wrapper .link {
  font-size: 14px;
  font-weight: 500;
}
.product .product-details .details .subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
.product .product-details .details p,
.product .product-details .details ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}

.highlighted-products,
.highlighted-collections {
  gap: 10px;
}
.highlighted-products .title,
.highlighted-collections .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}

@media screen and (min-width: 425px) {
  .highlighted-collections .products {
    grid-template-columns: repeat(auto-fill, 100%);
  }
}
@media screen and (min-width: 768px) {
  .product .product-gallery .product-main-slider-wrapper {
    width: calc(100% - 73px);
  }
  .product .product-gallery .product-thumbnail-slider-wrapper .swiper-slide {
    height: 73px !important;
  }
  .product .product-details .title {
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0.16em;
  }
  .highlighted-products,
  .highlighted-collections {
    gap: 30px;
  }
  .highlighted-products .title,
  .highlighted-collections .title {
    font-size: 32px;
    letter-spacing: 0.16em;
  }
}
@media screen and (max-width: 767px) {
  .product .product-gallery .product-thumbnail-slider-wrapper .swiper-slide img {
    width: 50px;
    height: 50px;
  }
  .product .product-details .buy-in-city-wrapper .link {
    width: 48%;
  }
  .product .product-details .buy-in-city-wrapper .link:first-child {
    width: 100%;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .highlighted-products .products {
    grid-template-columns: repeat(auto-fill, 48%);
  }
  .highlighted-collections .products {
    grid-template-columns: repeat(auto-fill, 32%);
  }
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-slide {
  padding: 5px;
}
.collection .collection-gallery .collection-main-slider-wrapper .collection-main-image {
  filter: drop-shadow(0px 0px 1px rgb(0, 0, 0)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-button-prev,
.collection .collection-gallery .collection-main-slider-wrapper .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background: rgba(17, 17, 26, 0.1);
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-button-prev::after,
.collection .collection-gallery .collection-main-slider-wrapper .swiper-button-next::after {
  content: "";
  width: 10px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-button-next::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 11L1 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-button-prev::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11L11 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-backface-hidden .swiper-slide {
  visibility: hidden;
}
.collection .collection-gallery .collection-main-slider-wrapper .swiper-fade .swiper-slide-active {
  visibility: visible;
}
.collection .collection-gallery .collection-thumbnail-slider-wrapper .swiper-slide {
  opacity: 0.6;
}
.collection .collection-gallery .collection-thumbnail-slider-wrapper .swiper-slide-thumb-active {
  opacity: 1;
}
.collection .collection-gallery .collection-thumbnail-slider-wrapper .swiper-slide-thumb-active img {
  border: 2px solid var(--main-accent, #445567);
}
.collection .collection-details .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
}
.collection .collection-details .sku {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-align: left;
  color: #757575;
}
.collection .collection-details .details .subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
.collection .collection-details .details p,
.collection .collection-details .details ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}

.color-palette .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.16em;
}
.color-palette .palette-wrapper .color {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  cursor: pointer;
}
.color-palette .palette-wrapper .color-all {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .collection .collection-gallery .collection-main-slider-wrapper {
    width: calc(100% - 73px);
  }
  .collection .collection-gallery .collection-thumbnail-slider-wrapper .swiper-slide {
    height: 73px !important;
  }
  .collection .collection-details .title {
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0.16em;
  }
  .color-palette .title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .collection .collection-gallery .collection-thumbnail-slider-wrapper .swiper-slide img {
    width: 50px;
    height: 50px;
  }
}
.contact-wrapper .contact-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
}
.contact-wrapper .contact-list .text,
.contact-wrapper .contact-list .text a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.contact-wrapper .form-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.contact-wrapper .form-wrapper .form-label {
  font-size: 16px;
  line-height: 24px;
}
.contact-wrapper .form-wrapper .form-element {
  font-size: 16px;
}
.contact-wrapper .form-wrapper .form-element::placeholder {
  font-size: 16px;
  color: #9b9b9b;
}
.contact-wrapper .form-wrapper .form-element:focus {
  outline: none;
}

@media screen and (min-width: 768px) {
  .contact-wrapper .contact-box {
    flex: 30%;
  }
  .contact-wrapper .form-title {
    font-size: 32px;
    line-height: 48px;
  }
  .contact-wrapper .contact-left {
    width: 50%;
  }
  .contact-wrapper .contact-left img {
    height: calc(100% - 69px);
  }
  .contact-wrapper .form-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .contact-wrapper .contact-box {
    flex: 25%;
  }
  .contact-wrapper .contact-left {
    width: 60%;
  }
  .contact-wrapper .form-wrapper {
    width: 40%;
  }
  .contact-wrapper .form-wrapper .form {
    min-width: 386px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrapper .contact-left {
    width: 815px;
  }
  .contact-wrapper .form-wrapper {
    width: auto;
  }
}
.news-list .news .date {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.03em;
}
.news-list .news .news-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.03em;
}
.news-list .news .text-more {
  font-size: 16px;
  font-weight: 500;
}

.news-post p,
.news-post ul {
  margin-bottom: 24px;
}
.news-post p,
.news-post ul li {
  font-size: 16px;
  line-height: 24px;
}
.news-post ul {
  list-style: disc;
  margin: 10px 25px;
}
.news-post h2 {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.news-post h3,
.news-post h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.news-post h5,
.news-post h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.02em;
}
.news-post .news-post-slider-wrapper .swiper-button-next::after,
.news-post .news-post-slider-wrapper .swiper-button-prev::after {
  content: "";
  width: 7px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.news-post .news-post-slider-wrapper .news-post-slider-pagination {
  top: unset;
  bottom: -36px;
}
.news-post .news-post-slider-wrapper .news-post-slider-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #7b96ab;
}
.news-post .news-post-slider-wrapper .news-post-slider-pagination .swiper-pagination-bullet-active {
  background: #445567;
}
.news-post .news-post-slider-wrapper .swiper-button-prev {
  left: -25px;
}
.news-post .news-post-slider-wrapper .swiper-button-prev::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11L11 21" stroke="%23445567" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.news-post .news-post-slider-wrapper .swiper-button-next {
  right: -25px;
}
.news-post .news-post-slider-wrapper .swiper-button-next::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 11L1 21" stroke="%23445567" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

@media screen and (min-width: 768px) {
  .news-list .news-wrapper-2-col .news-title {
    min-height: 72px;
  }
  .news-list .news-wrapper-3-col .news {
    flex: 45%;
    max-width: 48%;
  }
  .news-list .news-wrapper-3-col .title {
    min-height: 48px;
  }
  .news-post .news-post-slider-wrapper .swiper-button-next::after,
  .news-post .news-post-slider-wrapper .swiper-button-prev::after {
    width: 10px;
    height: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .news-list .news-wrapper-2-col .news-title {
    min-height: 48px;
  }
  .news-list .news-wrapper-3-col .news {
    flex: 30%;
    max-width: 33%;
  }
  .news-list .news-wrapper-3-col .news-title {
    min-height: 72px;
  }
}
@media screen and (min-width: 1200px) {
  .news-post .news-post-slider-wrapper .swiper-button-prev {
    left: -30px;
  }
  .news-post .news-post-slider-wrapper .swiper-button-next {
    right: -30px;
  }
}
.pages-slider .content-wrapper .content {
  background: url("../img/bg-light-mobile.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.pages-slider .content-wrapper .content .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0.04em;
  word-wrap: break-word;
}
.pages-slider .content-wrapper .content .text p,
.pages-slider .content-wrapper .content .text li {
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  word-wrap: break-word;
}
.pages-slider .content-wrapper .slider .swiper-button-prev,
.pages-slider .content-wrapper .slider .swiper-button-next {
  top: unset;
  left: unset;
  bottom: 10px;
}
.pages-slider .content-wrapper .slider .swiper-button-prev::after,
.pages-slider .content-wrapper .slider .swiper-button-next::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11L11 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
.pages-slider .content-wrapper .slider .swiper-button-prev {
  right: 95px;
}
.pages-slider .content-wrapper .slider .swiper-button-next {
  right: 60px;
}
.pages-slider .content-wrapper .slider .swiper-button-next::after {
  transform: rotate(180deg);
}
.pages-slider .content-wrapper .slider .swiper-pagination {
  width: auto;
  bottom: 10px;
  left: 24px;
}
.pages-slider .content-wrapper .slider .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin-right: 20px;
  width: 10px;
  height: 10px;
}
.pages-slider .content-wrapper .slider .swiper-pagination-bullet-active {
  background: #445567;
}

.pages-content .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.pages-content .text h1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.pages-content .text h2 {
  font-size: 20px;
  font-weight: 700;
}
.pages-content .text h3 {
  font-size: 18px;
  font-weight: 600;
}
.pages-content .text h4 {
  font-size: 16px;
  font-weight: 600;
}
.pages-content .text h5 {
  font-size: 14px;
  font-weight: 600;
}
.pages-content .text h6 {
  font-size: 12px;
  font-weight: 600;
}
.pages-content .text h1,
.pages-content .text h2,
.pages-content .text h3,
.pages-content .text h4,
.pages-content .text h5,
.pages-content .text h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pages-content .text p,
.pages-content .text li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.pages-content .text ul {
  list-style: disc;
  margin: 10px 25px;
}

.pages-contact .form-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}

@media screen and (min-width: 640px) {
  .pages-slider .content-wrapper .slider .swiper-button-prev {
    right: 120px;
  }
  .pages-slider .content-wrapper .slider .swiper-button-next {
    right: 80px;
  }
}
@media screen and (min-width: 768px) {
  .pages-slider .content-wrapper .content {
    width: 50%;
  }
  .pages-slider .content-wrapper .content .title {
    font-size: 22px;
  }
  .pages-slider .content-wrapper .slider {
    width: 50%;
  }
  .pages-slider .content-wrapper .slider .swiper-button-prev,
  .pages-slider .content-wrapper .slider .swiper-button-next {
    bottom: 22px;
  }
  .pages-slider .content-wrapper .slider .swiper-button-prev::after,
  .pages-slider .content-wrapper .slider .swiper-button-next::after {
    width: 12px;
    height: 20px;
  }
  .pages-slider .content-wrapper .slider .swiper-pagination {
    bottom: 16px;
  }
  .pages-slider .content-wrapper .slider .swiper-button-prev {
    right: 86px;
  }
  .pages-slider .content-wrapper .slider .swiper-button-next {
    right: 29px;
  }
  .pages-slider .content-wrapper .slider .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .pages-contact .form-title {
    font-size: 22px;
  }
  .pages-contact .form-wrapper {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .pages-slider .content-wrapper .content {
    width: 410px;
  }
  .pages-slider .content-wrapper .slider {
    width: calc(100% - 410px);
  }
  .pages-slider .content-wrapper .slider .swiper-pagination-bullet {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .pages-slider .content-wrapper .slider .swiper-button-prev::after,
  .pages-slider .content-wrapper .slider .swiper-button-next::after {
    width: 6px;
    height: 13px;
  }
}
@media screen and (min-width: 1200px) {
  .pages-contact .contact-left {
    width: 650px;
  }
}
.about-wrapper .content-wrapper .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.about-wrapper .content-wrapper .text h1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.about-wrapper .content-wrapper .text h2 {
  font-size: 20px;
  font-weight: 700;
}
.about-wrapper .content-wrapper .text h3 {
  font-size: 18px;
  font-weight: 600;
}
.about-wrapper .content-wrapper .text h4 {
  font-size: 16px;
  font-weight: 600;
}
.about-wrapper .content-wrapper .text h5 {
  font-size: 14px;
  font-weight: 600;
}
.about-wrapper .content-wrapper .text h6 {
  font-size: 12px;
  font-weight: 600;
}
.about-wrapper .content-wrapper .text h1,
.about-wrapper .content-wrapper .text h2,
.about-wrapper .content-wrapper .text h3,
.about-wrapper .content-wrapper .text h4,
.about-wrapper .content-wrapper .text h5,
.about-wrapper .content-wrapper .text h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.about-wrapper .content-wrapper .text p,
.about-wrapper .content-wrapper .text li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.about-wrapper .content-wrapper .text ul {
  list-style: disc;
  margin: 10px 25px;
}

.about-highlights-wrapper .highlight {
  flex: 100%;
  margin-bottom: 20px;
}
.about-highlights-wrapper .highlight .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.04em;
}
.about-highlights-wrapper .highlight .text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

@media screen and (min-width: 640px) {
  .about-highlights-wrapper .highlight {
    flex: 45%;
    margin-bottom: 24px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .about-highlights-wrapper .highlight .title {
    font-size: 18px;
  }
  .about-highlights-wrapper .highlight .text {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .about-highlights-wrapper .highlight {
    flex: 24%;
  }
}
.locations-wrapper .city-dropdown-wrapper .text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.locations-wrapper .city-dropdown-wrapper .city-select-wrapper {
  width: 100%;
}
.locations-wrapper .city-dropdown-wrapper .city-selected {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #445567;
}
.locations-wrapper .city-dropdown-wrapper .btn-change-buy-city {
  width: 100%;
  height: 40px;
  padding: 0;
  text-align: center;
  margin-top: 20px;
}
.locations-wrapper .city-tile-list {
  gap: 20px;
}
.locations-wrapper .city-tile-list .city .title,
.locations-wrapper .city-tile-list .city .subtitle,
.locations-wrapper .city-tile-list .city .text {
  margin-bottom: 8px;
}
.locations-wrapper .city-tile-list .city .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.04em;
}
.locations-wrapper .city-tile-list .city .subtitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.locations-wrapper .city-tile-list .city .text {
  font-size: 14px;
  line-height: 21px;
}
.locations-wrapper .city-tile-list .city .btn-branch-link {
  width: 100px;
  height: 28px;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #fff;
  border-radius: 16px 0 16px 0;
  border-bottom: 0;
  border-right: 0;
}
.locations-wrapper .city-tile-list .city:hover {
  background: #7b96ab;
}
.locations-wrapper .city-tile-list .city:hover .title,
.locations-wrapper .city-tile-list .city:hover .subtitle,
.locations-wrapper .city-tile-list .city:hover .text {
  color: #fff;
}

.dealers-content h1,
.rich-text h1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.04em;
}
.dealers-content h2,
.rich-text h2 {
  font-size: 20px;
  font-weight: 700;
}
.dealers-content h3,
.rich-text h3 {
  font-size: 18px;
  font-weight: 600;
}
.dealers-content h4,
.rich-text h4 {
  font-size: 16px;
  font-weight: 600;
}
.dealers-content h5,
.rich-text h5 {
  font-size: 14px;
  font-weight: 600;
}
.dealers-content h6,
.rich-text h6 {
  font-size: 12px;
  font-weight: 600;
}
.dealers-content h1,
.dealers-content h2,
.dealers-content h3,
.dealers-content h4,
.dealers-content h5,
.dealers-content h6,
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.dealers-content p,
.dealers-content li,
.rich-text p,
.rich-text li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.dealers-content ul,
.rich-text ul {
  list-style: disc;
  margin: 10px 25px;
}

.dealer-form .form-title {
  letter-spacing: 0.04em;
}

@media screen and (min-width: 375px) {
  .locations-wrapper .city-dropdown-wrapper .city-select-wrapper {
    width: auto;
  }
  .locations-wrapper .city-dropdown-wrapper .btn-change-buy-city {
    width: 300px;
  }
}
@media screen and (min-width: 768px) {
  .locations-wrapper .city-dropdown-wrapper .text {
    font-size: 20px;
  }
  .locations-wrapper .city-dropdown-wrapper .city-selected {
    font-size: 20px;
    margin-right: 20px;
  }
  .locations-wrapper .city-dropdown-wrapper .btn-change-buy-city {
    width: 110px;
    margin-top: 0;
  }
  .locations-wrapper .city-tile-list {
    gap: 24px;
  }
  .locations-wrapper .city-tile-list .city {
    flex: 48%;
    max-width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .locations-wrapper .city-tile-list .city {
    flex: 23%;
    max-width: 23%;
  }
}
@media screen and (min-width: 1200px) {
  .dealer-form .contact-left {
    width: 850px;
  }
  .dealer-form .form-wrapper {
    width: calc(100% - 850px);
    padding-left: 37px;
  }
}