@charset "UTF-8";
.nav__item .drop {
  display: none;
}
.nav__item .drop__list {
  display: flex;
  flex-direction: column;
}
.nav__item:hover a + .drop {
  display: block;
  z-index: 10;
}
.drop {
  position: absolute;
  top: 0;
  right: 5px;
  padding-top: 20px;
  margin-top: 15px;
}
.drop__list {
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px solid rgba(114, 123, 131, 0.5);
  background-color: #fff;
  align-items: flex-start !important;
  border-radius: 6px;
  gap: 0px !important;
}
.drop__item {
  color: #000 !important;
  padding: 8px 10px;
}
.drop__item:hover {
  color: #dc2018 !important;
}
.nav {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
.nav__item {
  transition: 0.38s ease-in-out;
  cursor: pointer;
  position: relative;
}
.nav__item:hover {
  color: #dc2018;
}
.nav__item div {
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.dropdown {
  box-shadow: 0 25px 28.5px #88808026;
  background-color: #fff;
  display: none;
  transition: 0.38s ease-in-out;
  opacity: 0;
  position: absolute;
  top: clamp(5.313rem, 2.134vw + 3.949rem, 5.75rem);
  left: 0;
  width: 100%;
  z-index: 2;
  padding-top: 20px;
}
.dropdown--visible {
  display: grid;
}
.dropdown--opacity {
  opacity: 1;
}
.dropdown__box {
  grid-area: center;
  display: grid;
  grid-template-columns: 1fr 2.5fr;
}
.dropdown__wrapper {
  border-top: 1px solid rgb(234, 234, 234);
  --container-width: 1320px;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
  padding-top: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
  padding-bottom: clamp(2.5rem, 11.585vw + -4.9rem, 4.875rem);
  gap: 20px;
  display: none;
}
@media (max-width: 992px) {
  .dropdown__wrapper {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .dropdown__wrapper {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .dropdown__wrapper {
    --container-width: 100%;
  }
}
.dropdown__wrapper--visible {
  display: grid;
}
.dropdown__category-name {
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.dropdown__category-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.dropdown__category-list a {
  transition: 0.38s ease-in-out;
}
.dropdown__category-list a.active {
  color: #dc2018;
}
.dropdown__content {
  display: none;
  opacity: 0;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.875rem, 26.829vw + -15.262rem, 7.375rem);
}
.dropdown__content--active {
  display: grid;
}
.dropdown__content--opacity {
  opacity: 1;
}
.dropdown__column {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.dropdown__column a {
  font-size: 14px;
  transition: 0.38s ease-in-out;
  font-weight: 400;
  line-height: clamp(1.125rem, 0.61vw + 0.736rem, 1.25rem);
}
.dropdown__column a:hover {
  color: #dc2018;
}
.burger {
  display: none;
}
.header {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
  position: relative;
  padding-top: clamp(0.625rem, 1.22vw + -0.154rem, 0.875rem);
}
@media (max-width: 992px) {
  .header {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .header {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .header {
    --container-width: 100%;
  }
}
.header__menu {
  position: absolute;
  top: 100%;
  left: -100%;
  transition: 0.38s ease-in-out;
  z-index: 5;
  padding: 62px 15px 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  height: calc(100vh - 66px);
}
.header__menu--active {
  left: 0;
}
.header__menu-link {
  font-size: clamp(1.125rem, 0vw + 1.125rem, 1.125rem);
  line-height: clamp(1.5rem, 0vw + 1.5rem, 1.5rem);
}
.header__menu-link div {
  transition: 0.38s ease-in-out;
  transform: rotate(-90deg);
}
.header__menu-list {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 21px;
  margin-top: 0;
  transition: 0.38s ease-in-out;
  gap: 20px;
  padding-left: 20px;
}
.header__menu-nav {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.header__menu-navItem {
  overflow: hidden;
}
.header__menu-navItem.is-active .header__menu-link div {
  transform: rotate(0);
}
.header__menu-navItem.is-active .header__menu-list {
  margin-top: 20px;
}
.header__menu-navItem .ac-trigger,
.header__menu-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header__menu-contacts {
  flex-direction: column;
  display: flex;
  gap: 12px;
}
.header__menu .socials {
  display: flex !important;
}
.header__menu .socials a {
  font-size: 20px;
}
.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-area: center;
}
.header__logo {
  object-fit: contain;
  width: clamp(7.5rem, 6.098vw + 3.605rem, 8.75rem);
  height: clamp(4.375rem, 2.439vw + 2.817rem, 4.875rem);
}
.header__actions {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
}
.header__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.header__contacts-phone {
  font-weight: 600;
  font-size: clamp(1rem, 0vw + 1rem, 1rem);
  line-height: clamp(1.313rem, 0vw + 1.313rem, 1.313rem);
}
.header__contacts-mail {
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1.063rem, 0.61vw + 0.673rem, 1.188rem);
}
@media (max-width: 992px) {
  .header .nav,
  .header .socials,
  .header .button,
  .header__contacts {
    display: none;
  }
  .header__logo {
    width: 100px;
    height: 56px;
  }
  .burger {
    font-size: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .burger--open:before {
    font-size: 20px;
    content: "";
  }
}
.footer {
  background-color: #edeef4;
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .footer {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .footer {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .footer {
    --container-width: 100%;
  }
}
.footer__wrapper {
  grid-column: center;
  padding-top: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
  padding-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.625rem, 0vw + 1.625rem, 1.625rem);
}
.footer__copyright {
  line-height: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
}
.footer__prod {
  display: flex;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  align-items: center;
}
.footer__prod p {
  transition: 0.38s ease-in-out;
}
.footer__prod:hover p {
  color: #dc2018;
}
.footer__prod img {
  width: clamp(3.375rem, 0vw + 3.375rem, 3.375rem);
  height: clamp(2.5rem, 0.61vw + 2.111rem, 2.625rem);
}
.footer__socials {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, 7.927vw + -3.188rem, 3.5rem);
  align-items: flex-end;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.footer__contacts-phone {
  font-weight: 600;
  transition: 0.38s ease-in-out;
}
.footer__contacts-phone:hover {
  color: #dc2018;
}
.footer__contacts-mail {
  transition: 0.38s ease-in-out;
}
.footer__contacts-mail:hover {
  color: #dc2018;
}
.footer__logo {
  width: clamp(7.5rem, 6.098vw + 3.605rem, 8.75rem);
  height: clamp(3.75rem, 5.488vw + 0.245rem, 4.875rem);
  object-fit: contain;
}
.footer__top {
  display: flex;
  justify-content: space-between;
}
.footer__bottom {
  border-top: 1px solid rgba(164, 167, 173, 0.33);
  padding-top: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__col {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.22vw + -0.154rem, 0.875rem);
}
.footer__col a {
  transition: 0.38s ease-in-out;
}
.footer__col a:hover {
  color: #dc2018;
}
.footer__col--bigGap {
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
@media (max-width: 768px) {
  .footer__logo {
    margin-bottom: 15px;
  }
  .footer__top {
    flex-direction: column;
    gap: 15px;
  }
  .footer__col {
    gap: 15px;
  }
  .footer__socials {
    flex-direction: row;
    align-items: baseline;
  }
  .footer__contacts-mail {
    align-self: flex-start;
  }
  .footer__bottom {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .footer__copyright {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .footer__socials {
    margin-top: 16px;
    justify-content: space-between;
  }
  .footer__contacts {
    gap: 13px;
  }
  .footer__col {
    gap: 17px;
  }
}
.modal {
  background-color: #f5f8fc;
  display: none;
  border-radius: 16px;
  padding: clamp(0.938rem, 4.573vw + -1.984rem, 1.875rem);
  max-width: var(--_mw);
  width: 100%;
}
.modal--large {
  --_mw: min(540px, 90vw);
}
.modal--small {
  --_mw: min(440px, 90vw);
}
.modal__container {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 4.573vw + -1.984rem, 1.875rem);
}
.modal__container--center {
  text-align: center;
  align-items: center;
}
.modal__button {
  width: 220px;
}
.modal__button--mt20 {
  margin-top: clamp(0.625rem, 3.049vw + -1.322rem, 1.25rem);
}
@media (max-width: 768px) {
  .modal__button {
    width: 100%;
  }
}
.modal__title {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.modal__block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal__image {
  height: 100px;
  width: 100px;
}
.modal__box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal__radio {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.modal__h2 {
  font-size: clamp(1.5rem, 5.488vw + -2.005rem, 2.625rem);
  font-weight: 700;
  line-height: 1.4;
}
.modal__h2--center {
  text-align: center;
}
.modal__h3 {
  font-size: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  font-weight: 700;
}
.modal__h4 {
  font-size: 12px;
}
.modal__p {
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
}
.modal__action {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.modal__action .button {
  display: grid;
  grid-template-columns: auto 1fr;
}
.fancybox__backdrop {
  background: #100e0eab;
}
.fancybox__content > .f-button.is-close-btn {
  top: 16px;
  right: 16px;
  transition: color 0.38s ease-in-out;
  --f-button-color: rgb(30, 27, 27);
  --f-button-hover-color: rgb(220, 32, 24);
}
.input {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #fff3;
  color: #fff;
  padding-top: clamp(0.75rem, 1.067vw + 0.068rem, 0.969rem);
  padding-bottom: clamp(0.75rem, 1.067vw + 0.068rem, 0.969rem);
  padding-left: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  padding-right: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  text-align: center;
  border-radius: 8px;
  width: clamp(13.75rem, 9.146vw + 7.908rem, 15.625rem);
}
.input::placeholder {
  color: #fff;
}
.input:focus {
  outline: transparent;
}
@media (max-width: 768px) {
  .input {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: 100%;
  }
}
.checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  color: #fff;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #afafaf;
  margin-right: 6px;
  width: clamp(1rem, 1.22vw + 0.221rem, 1.25rem);
  height: clamp(1rem, 1.22vw + 0.221rem, 1.25rem);
  cursor: pointer;
  transition-property: border-color color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.38s;
}
.checkbox--red {
  background-color: #ee1a26;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.checkbox--red:checked {
  background-color: #fff;
}
@media (max-width: 992px) {
  .checkbox {
    width: 20px;
    height: 20px;
  }
}
.checkbox:checked {
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4566 3.29979C11.9543 2.7889 11.14 2.7889 10.6377 3.29979L6.09052 7.92506L3.36218 5.14989C2.85992 4.639 2.04559 4.639 1.54332 5.14989C1.04106 5.66077 1.04106 6.48908 1.54332 6.99997L5.18104 10.7001C5.4636 10.9875 5.84491 11.1133 6.21386 11.0773C6.25613 11.0732 6.29825 11.0669 6.34003 11.0586C6.58185 11.0102 6.81265 10.8907 7.00001 10.7001L12.4566 5.14987C12.9589 4.63899 12.9589 3.81068 12.4566 3.29979Z" fill="red"/></svg>');
}
.checkbox__label {
  cursor: pointer;
  display: flex;
  align-items: start;
  font-size: 18px;
}
.checkbox__text {
  font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
  color: #fff;
  line-height: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  font-weight: 300;
}
.checkbox__text a {
  text-decoration: underline;
}
.form {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .form {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .form {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .form {
    --container-width: 100%;
  }
}
.form__wrapper {
  grid-area: center;
  background-color: #383c44;
  border-radius: 16px;
  position: relative;
  padding: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.form__title {
  font-size: clamp(1.375rem, 2.439vw + -0.183rem, 1.875rem);
  line-height: clamp(1.625rem, 2.744vw + -0.128rem, 2.188rem);
  font-weight: 600;
  color: #fff;
  position: relative;
  z-index: 1;
  max-width: 463px;
  margin-bottom: clamp(1.25rem, 1.524vw + 0.276rem, 1.563rem);
}
.form__title span {
  font-weight: 800;
  color: #dc2018;
}
.form__img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  width: clamp(37.5rem, 93.598vw + -22.285rem, 56.688rem);
}
.form__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: clamp(0.625rem, 3.049vw + -1.322rem, 1.25rem);
}
.form__input {
  background-color: #fff;
  width: 100%;
  text-align: start;
  border: 1px solid rgba(114, 123, 131, 0.5);
  color: #727b83;
}
.form__input::placeholder {
  color: #727b83;
}
.form__input:nth-child(3) {
  grid-column: 1/3;
}
.form__btn {
  padding-top: clamp(0.813rem, 0.762vw + 0.326rem, 0.969rem);
  padding-bottom: clamp(0.813rem, 0.762vw + 0.326rem, 0.969rem);
  padding-left: clamp(2.5rem, 10.671vw + -4.316rem, 4.688rem);
  padding-right: clamp(2.5rem, 10.671vw + -4.316rem, 4.688rem);
}
.form__checkbox {
  grid-column: 1/3;
}
.form__checkbox .checkbox__view {
  background-color: #fff;
  border: 1px solid #afafaf;
}
.form__checkbox .checkbox__text {
  color: #727b83;
}
.form__checkbox .checkbox__text a {
  color: #dc2018;
}
.form__box {
  background-color: #ffffffbf;
  padding: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  position: relative;
  z-index: 1;
  border: 1px solid transparent;
  border-radius: 16px;
  width: 56%;
}
.form__subtitle {
  font-weight: 600;
  font-size: clamp(1.125rem, 0.61vw + 0.736rem, 1.25rem);
  line-height: clamp(1.563rem, 0.61vw + 1.173rem, 1.688rem);
  color: #1e1b1b;
  margin-bottom: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
@media screen and (max-width: 768px) {
  .form__title {
    width: 100%;
    max-width: none;
    text-align: center;
  }
  .form__box {
    width: 100%;
  }
  .form__subtitle {
    text-align: center;
  }
  .form__img {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .form__list {
    grid-template-columns: 1fr;
  }
  .form__input:nth-child(3) {
    grid-column: 1/2;
  }
  .form__checkbox {
    grid-column: 1/2;
  }
  .form__btn {
    width: 100%;
  }
}
@font-face {
  font-family: NunitoSans;
  src: url(../fonts/NunitoSans/NunitoSans_10pt-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: NunitoSans;
  src: url(../fonts/NunitoSans/NunitoSans_10pt-SemiBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: NunitoSans;
  src: url(../fonts/NunitoSans/NunitoSans_10pt-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: NunitoSans, sans-serif;
  font-weight: 400;
  min-height: 100%;
  overflow-x: hidden;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.188rem, 0.61vw + 0.798rem, 1.313rem);
  color: #1e1b1b;
  display: flex;
  flex-direction: column;
}
section {
  margin-bottom: clamp(2.813rem, 16.768vw + -7.898rem, 6.25rem);
}
a {
  cursor: pointer;
}
.title {
  font-size: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  line-height: clamp(1.688rem, 3.994vw + -0.864rem, 2.506rem);
  font-weight: 700;
  margin-bottom: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
  width: 50%;
}
.maintitle {
  font-size: clamp(1.625rem, 4.878vw + -1.491rem, 2.625rem);
  line-height: clamp(2rem, 7.622vw + -2.869rem, 3.563rem);
  font-weight: 700;
  margin-bottom: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
.midtitle {
  font-size: clamp(1.5rem, 1.829vw + 0.332rem, 1.875rem);
  line-height: clamp(2rem, 2.744vw + 0.247rem, 2.563rem);
  font-weight: 600;
  margin-bottom: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
.overflow {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .title {
    width: 100%;
  }
}
.border-gray {
  border: 1px solid rgba(114, 123, 131, 0.5) !important;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.nav_item_special {
  display: flex;
  gap: 20px;
  align-items: center;
}
.socials {
  display: flex;
  align-items: center;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.socials a {
  font-size: clamp(1.25rem, 0vw + 1.25rem, 1.25rem);
}
.black {
  color: #1e1b1b;
}
.green {
  color: #06ab52;
}
.blue {
  color: #128afa;
}
.button {
  padding-top: clamp(0.625rem, 0.915vw + 0.041rem, 0.813rem);
  padding-bottom: clamp(0.625rem, 0.915vw + 0.041rem, 0.813rem);
  padding-left: clamp(0.625rem, 1.829vw + -0.543rem, 1rem);
  padding-right: clamp(0.625rem, 1.829vw + -0.543rem, 1rem);
  color: #fff;
  border-radius: 8px;
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  transition: 0.38s ease-in-out;
  opacity: 1;
  background-color: #dc2018;
}
.button:hover {
  opacity: 0.6;
}
.breadCrumbs {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
  margin-top: clamp(1.25rem, 11.585vw + -6.15rem, 3.625rem);
  margin-bottom: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
@media (max-width: 992px) {
  .breadCrumbs {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .breadCrumbs {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .breadCrumbs {
    --container-width: 100%;
  }
}
.breadCrumbs__wrapper {
  grid-area: center;
  display: flex;
  flex-wrap: wrap;
}
.breadCrumbs__link {
  transition: 0.38s ease-in-out;
  color: #727b83;
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  margin-right: clamp(0.625rem, 1.22vw + -0.154rem, 0.875rem);
}
.breadCrumbs__link:not(:last-child):hover {
  color: #ee1a26;
}
.breadCrumbs__link:not(:last-child):after {
  color: #727b83 !important;
  content: "/";
  margin-left: clamp(0.625rem, 1.22vw + -0.154rem, 0.875rem);
}
.breadCrumbs__link:last-child {
  color: #1e1b1b;
  pointer-events: none;
}
.errorGroup {
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 537px;
}
@media (max-width: 768px) {
  .errorGroup {
    gap: 30px;
  }
}
.errorGroup__container {
  display: flex;
  flex-direction: column;
  gap: 41px;
}
@media (max-width: 768px) {
  .errorGroup__container {
    gap: 15px;
  }
}
.errorGroup__title {
  font-weight: 700;
  font-size: 41px;
  line-height: 1;
}
@media (max-width: 576px) {
  .errorGroup__title {
    font-size: 28px;
  }
}
.errorGroup__text {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
}
@media (max-width: 576px) {
  .errorGroup__text {
    font-size: 14px;
  }
}
.errorGroup__button {
  max-width: 190px;
  padding: 13px 15px;
  font-size: 14px;
}
.error {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .error {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .error {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .error {
    --container-width: 100%;
  }
}
.error__container {
  grid-area: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-top: 44px;
}
@media (max-width: 992px) {
  .error__container {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}
@media (max-width: 768px) {
  .error__container {
    gap: 40px;
  }
}
.error__img {
  width: 100%;
  max-width: 670px;
}
.company {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
  margin-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
}
@media (max-width: 992px) {
  .company {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .company {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .company {
    --container-width: 100%;
  }
}
.company__wrapper {
  grid-area: center;
}
.company__swiper {
  border-radius: 20px;
  margin-bottom: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.company__box {
  max-width: 986px;
}
.company__box img {
  width: 100%;
  object-fit: cover;
  height: clamp(21.875rem, 76.22vw + -26.81rem, 37.5rem);
  user-select: none;
}
.company__box p {
  color: #1e1b1b;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(0.938rem, 0.61vw + 0.548rem, 1.063rem);
}
.company__next,
.company__prev {
  width: 38px;
  height: 38px;
  border: 1px solid rgb(255, 255, 255);
  background-color: #d9d9d980;
  border-radius: 50%;
}
.company__next:after,
.company__prev:after {
  font-size: 12px;
  color: #fff;
}
.company__next {
  right: 27px;
}
.company__prev {
  left: 27px;
}
@media (max-width: 576px) {
  .company__box img {
    height: 250px;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}
.blog-card {
  overflow: hidden;
  border-radius: 16px;
  color: #1e1b1b;
  background-color: #f5f8fc;
}
.blog-card__cont {
  height: clamp(11.25rem, 32.317vw + -9.393rem, 17.875rem);
  width: 100%;
  overflow: hidden;
}
.blog-card__cont-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card__main {
  display: grid;
  gap: 15px;
  background-color: #f5f8fc;
  padding-top: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  padding-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  padding-left: 15px;
  padding-right: 5px;
}
.blog-card__main-title {
  font-weight: 600;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  text-wrap: pretty;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: clamp(2.75rem, 1.22vw + 1.971rem, 3rem);
}
.blog-card__main-date {
  color: #727b83;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
}
.blog-card__main-text {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pagination {
  gap: 4px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.pagination a {
  cursor: pointer;
  transition: var(--transition);
}
.pagination__prev,
.pagination__next {
  width: 32px;
  height: 32px;
  border: 1px solid #727b83;
  background: #f5f8fc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.pagination__next {
  margin-left: 8px;
  margin-right: unset;
  transform: rotate(180deg);
}
.pagination a:not(.pagination__prev, .pagination__next) {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #727b83;
  background: #fff;
  transition: all var(0.38s ease-in-out);
}
.pagination a:not(.pagination__prev, .pagination__next):hover {
  background: #e8edf6;
}
.pagination a.active {
  background: #dc2018;
  color: #fff;
}
.blog-grid {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .blog-grid {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .blog-grid {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .blog-grid {
    --container-width: 100%;
  }
}
.blog-grid__conatiner {
  grid-area: center;
}
.blog-grid__content {
  margin-top: -10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.blog-grid__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
.blog-grid__button {
  justify-self: center;
  padding-inline: 65px;
}
@media (max-width: 992px) {
  .blog-grid__content {
    grid-template-columns: 1fr 1fr;
  }
  .blog-grid__bottom {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    gap: 30px;
  }
  .blog-grid__button {
    justify-self: unset;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .blog-grid__content {
    grid-template-columns: 1fr;
  }
}
.blog-text {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
  margin-bottom: clamp(3.75rem, 21.341vw + -9.882rem, 8.125rem);
}
@media (max-width: 992px) {
  .blog-text {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .blog-text {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .blog-text {
    --container-width: 100%;
  }
}
.blog-text__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.blog-text__gallery-item {
  height: clamp(11.25rem, 32.317vw + -9.393rem, 17.875rem);
  width: 100%;
  overflow: hidden;
  border-radius: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
}
.blog-text__gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-text__wrapper {
  grid-area: center;
  display: grid;
  gap: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.blog-text__wrapper > * {
  margin-bottom: 0 !important;
}
.blog-text__date {
  color: #727b83;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
}
.blog-text__swiper {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.blog-text__title {
  display: grid;
  gap: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
  max-width: 986px;
}
.blog-text__title * {
  margin-bottom: 0;
}
.blog-text__box {
  max-width: 986px;
}
.blog-text__box > :last-child {
  margin-bottom: 0;
}
.blog-text__box img {
  width: 100%;
  object-fit: cover;
  height: clamp(21.875rem, 76.22vw + -26.81rem, 37.5rem);
  user-select: none;
}
.blog-text__box p {
  color: #1e1b1b;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(0.938rem, 0.61vw + 0.548rem, 1.063rem);
}
.blog-text__box h2 {
  font-weight: 700;
  font-size: clamp(1.625rem, 1.829vw + 0.457rem, 2rem);
  line-height: 1;
  margin-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
}
.blog-text__box h3 {
  font-weight: 600;
  font-size: clamp(1.5rem, 1.829vw + 0.332rem, 1.875rem);
  line-height: 1;
  margin-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
}
.blog-text__box ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 9px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.blog-text__box li :before {
  margin-right: 2px;
}
.blog-text__next,
.blog-text__prev {
  width: 38px;
  height: 38px;
  border: 1px solid rgb(255, 255, 255);
  background-color: #d9d9d980;
  border-radius: 50%;
}
.blog-text__next:after,
.blog-text__prev:after {
  font-size: 12px;
  color: #fff;
}
.blog-text__next {
  right: 27px;
}
.blog-text__prev {
  left: 27px;
}
@media (max-width: 576px) {
  .blog-text__box img {
    height: 250px;
  }
  .blog-text__gallery {
    display: flex;
    flex-wrap: wrap;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}
.tabs__wrapper {
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, 0.915vw + 0.041rem, 0.813rem);
  margin-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
}
.tabs__button {
  padding-top: clamp(0.813rem, 0.762vw + 0.326rem, 0.969rem);
  padding-bottom: clamp(0.813rem, 0.762vw + 0.326rem, 0.969rem);
  padding-left: 5px;
  text-align: center;
  padding-right: 5px;
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  border: 1px solid rgb(220, 32, 24);
  border-radius: 8px;
  transition: 0.38s ease-in-out;
  width: clamp(10rem, 7.317vw + 5.326rem, 11.5rem);
}
.tabs__button:hover,
.tabs__button--active {
  background-color: #ee1a26;
  color: #fff;
}
@media (max-width: 576px) {
  .tabs__wrapper {
    flex-direction: column;
  }
  .tabs__button {
    width: 100%;
  }
}
.tabsContent {
  display: none;
  opacity: 0;
}
.tabsContent--opacity {
  opacity: 1;
}
.tabsContent--active {
  display: block;
}
.sertificates {
  margin-bottom: clamp(2.5rem, 47.561vw + -27.88rem, 12.25rem);
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .sertificates {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .sertificates {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .sertificates {
    --container-width: 100%;
  }
}
.sertificates__wrapper {
  grid-area: center;
}
.sertificates__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.sertificates__item {
  padding: clamp(0.625rem, 3.049vw + -1.322rem, 1.25rem);
  border-radius: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border: 1px solid var(--medium-grey, rgb(204, 209, 221));
}
.sertificates__icon {
  font-size: clamp(3.438rem, 2.744vw + 1.685rem, 4rem);
  color: #dc2018;
  height: fit-content;
}
.sertificates__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sertificates__content-name {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
}
.sertificates__content-size {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  color: #727b83;
}
@media (max-width: 768px) {
  .sertificates__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .sertificates__list {
    grid-template-columns: 1fr;
  }
}
.contacts {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .contacts {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .contacts {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .contacts {
    --container-width: 100%;
  }
}
.contacts__wrapper {
  grid-area: center;
}
.contacts__box {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}
.contacts__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}
.contacts__content-subtitle {
  font-weight: 600;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: 22px, 24px;
}
.contacts__content-bottom {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.contacts__content-requisites {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contacts__content-requisites p {
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1.063rem, 0.61vw + 0.673rem, 1.188rem);
}
.contacts__content-top {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.contacts__content-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.313rem, 0.61vw + -0.077rem, 0.438rem);
}
.contacts__content-item a {
  transition: 0.38s ease-in-out;
}
.contacts__content-item a:hover {
  color: #dc2018;
}
.contacts__content-item p:first-child {
  font-weight: 700;
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  left: clamp(1.063rem, 0.61vw + 0.673rem, 1.188rem);
}
.contacts__content-item p:last-child {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
}
.contacts__map > ymaps {
  height: clamp(21.875rem, 17.988vw + 10.385rem, 25.563rem) !important;
}
.contacts__map > ymaps > ymaps {
  height: 100% !important;
}
@media screen and (max-width: 992px) {
  .contacts__box {
    grid-template-columns: 1fr 1.5fr;
  }
  .contacts__map > ymaps {
    height: 300px !important;
  }
}
@media screen and (max-width: 768px) {
  .contacts__content {
    flex-direction: row;
  }
  .contacts__content-bottom {
    justify-content: flex-end;
  }
  .contacts__box {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 576px) {
  .contacts__box {
    grid-template-columns: 1fr;
  }
  .contacts__content {
    flex-direction: column;
  }
  .contacts__map > ymaps {
    height: 250px !important;
  }
}
.request {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .request {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .request {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .request {
    --container-width: 100%;
  }
}
.request__wrapper {
  position: relative;
  grid-area: center;
  background-color: #ee1a26;
  border-radius: 16px;
  padding-top: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  padding-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  padding-left: clamp(1.25rem, 12.195vw + -6.54rem, 3.75rem);
  padding-right: clamp(1.25rem, 12.195vw + -6.54rem, 3.75rem);
}
.request__wrapper .title {
  width: 100%;
  font-weight: 600;
  color: #fff;
  margin-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
}
.request__img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: clamp(13.75rem, 40.549vw + -12.151rem, 22.063rem);
  object-fit: contain;
  height: clamp(11.25rem, 27.439vw + -6.277rem, 16.875rem);
}
.request__list {
  display: flex;
  gap: 11px;
  margin-bottom: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.request__form {
  width: 75%;
}
.request__btn {
  background-color: #fff;
  color: #1e1b1b;
  width: clamp(13.75rem, 9.146vw + 7.908rem, 15.625rem);
}
@media (max-width: 992px) {
  .request__form {
    width: 80%;
  }
  .request__img {
    width: 180px;
  }
}
@media (max-width: 768px) {
  .request .title {
    text-align: center;
  }
  .request__form {
    width: 100%;
  }
  .request__img {
    display: none;
  }
  .request__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }
  .request__btn {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 576px) {
  .request__list {
    gap: 6px;
  }
}
.unorderedList {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
  margin-bottom: clamp(1.875rem, 6.707vw + -2.409rem, 3.25rem);
}
.unorderedList--full {
  gap: 8px;
  margin-bottom: 0;
}
.unorderedList--full .unorderedList__item:before {
  background-color: #dc2018;
}
.unorderedList__item {
  display: flex;
  gap: clamp(0.625rem, 0.61vw + 0.236rem, 0.75rem);
  font-weight: 600;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  align-items: center;
}
.unorderedList__item:before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid rgb(220, 32, 24);
}
@media (max-width: 576px) {
  .unorderedList {
    margin-bottom: 20px;
    gap: 9px;
  }
  .unorderedList__item {
    align-items: baseline;
  }
}
.hero {
  margin-bottom: clamp(2.813rem, 3.354vw + 0.67rem, 3.5rem);
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .hero {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .hero {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .hero {
    --container-width: 100%;
  }
}
.hero--mt {
  margin-top: 22px;
}
.hero__button {
  padding-left: clamp(1.875rem, 3.049vw + -0.072rem, 2.5rem);
  padding-right: clamp(1.875rem, 3.049vw + -0.072rem, 2.5rem);
}
.hero__container {
  grid-area: center;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.hero__next,
.hero__prev {
  width: 38px;
  height: 38px;
  border: 1px solid rgb(255, 255, 255);
  background-color: #d9d9d980;
  border-radius: 50%;
}
.hero__next:after,
.hero__prev:after {
  font-size: 12px;
  color: #fff;
}
.hero__next {
  right: 27px;
}
.hero__prev {
  left: 27px;
}
.hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero video[poster] {
  height: 100%;
  width: 100%;
}
.hero__swiper {
  overflow: hidden;
  position: relative;
}
.hero__content {
  background-color: #eceff4;
  padding-top: clamp(1.25rem, 17.073vw + -9.655rem, 4.75rem);
  padding-left: clamp(1.25rem, 8.232vw + -4.008rem, 2.938rem);
  padding-bottom: clamp(1.25rem, 19.817vw + -11.408rem, 5.313rem);
  padding-right: clamp(1.25rem, 12.805vw + -6.929rem, 3.875rem);
}
.hero__title {
  font-weight: 600;
  font-size: clamp(1.625rem, 4.878vw + -1.491rem, 2.625rem);
  color: #1e1b1b;
  line-height: clamp(2rem, 5.488vw + -1.505rem, 3.125rem);
  margin-bottom: clamp(0.938rem, 6.707vw + -3.347rem, 2.313rem);
}
@media screen and (max-width: 768px) {
  .hero__container {
    display: flex;
    flex-direction: column-reverse;
  }
  .hero__swiper {
    height: 300px;
  }
}
@media screen and (max-width: 576px) {
  .hero__title {
    font-size: 24px;
    line-height: 30px;
  }
  .hero__swiper {
    height: 214px;
  }
  .hero__button {
    width: 100%;
  }
  .hero__content {
    padding: 14px 18px 20px;
  }
  .hero .swiper-button-prev,
  .hero .swiper-button-next {
    display: none;
  }
}
.weCreate {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .weCreate {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .weCreate {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .weCreate {
    --container-width: 100%;
  }
}
.weCreate__wrapper {
  grid-area: center;
}
.weCreate__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(0.938rem, 1.829vw + -0.231rem, 1.313rem);
}
.weCreate__card {
  background-color: #eceff4;
  padding: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
  border-radius: 16px;
}
.weCreate__card:nth-child(1) {
  grid-column: 1/5;
}
.weCreate__card:nth-child(2) {
  grid-column: 5/9;
}
.weCreate__card:nth-child(3) {
  grid-column: 9/13;
}
.weCreate__card:nth-child(4) {
  grid-column: 1/4;
}
.weCreate__card:nth-child(5) {
  grid-column: 4/7;
}
.weCreate__card:nth-child(6) {
  grid-column: 7/10;
}
.weCreate__card:nth-child(7) {
  grid-column: 10/13;
}
.weCreate__card-icon {
  background-color: #fff;
  width: fit-content;
  padding: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
  border-radius: 12px;
  margin-bottom: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.weCreate__card-icon div {
  color: #dc2018;
  font-size: clamp(1.625rem, 2.439vw + 0.067rem, 2.125rem);
}
.weCreate__card-title {
  font-weight: 600;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.125rem, 0.915vw + 0.541rem, 1.313rem);
  margin-bottom: clamp(0.313rem, 3.049vw + -1.635rem, 0.938rem);
}
.weCreate__card-text {
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1rem, 1.22vw + 0.221rem, 1.25rem);
}
@media screen and (max-width: 992px) {
  .weCreate__card {
    background-color: #eceff4;
    padding: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
    border-radius: 16px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
  .weCreate__card-icon {
    margin-bottom: -5px;
  }
  .weCreate__card-title {
    margin-bottom: -10px;
  }
  .weCreate__card:nth-child(4) {
    grid-column: 1/5;
  }
  .weCreate__card:nth-child(5) {
    grid-column: 5/9;
  }
  .weCreate__card:nth-child(6) {
    grid-column: 9/13;
  }
  .weCreate__card:nth-child(7) {
    grid-column: 1/5;
  }
}
@media screen and (max-width: 768px) {
  .weCreate__list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .weCreate__card {
    background-color: #eceff4;
    padding: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
    border-radius: 16px;
    grid-column: auto;
  }
  .weCreate__card:nth-child(1) {
    grid-column: auto;
  }
  .weCreate__card:nth-child(2) {
    grid-column: auto;
  }
  .weCreate__card:nth-child(3) {
    grid-column: auto;
  }
  .weCreate__card:nth-child(4) {
    grid-column: auto;
  }
  .weCreate__card:nth-child(5) {
    grid-column: auto;
  }
  .weCreate__card:nth-child(6) {
    grid-column: auto;
  }
  .weCreate__card:nth-child(7) {
    grid-column: auto;
  }
}
.quote {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .quote {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .quote {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .quote {
    --container-width: 100%;
  }
}
.quote__wrapper {
  overflow: hidden;
  grid-area: center;
  display: grid;
  grid-template-columns: 0.48fr 1fr;
  border-radius: 16px;
  border: 1px solid rgb(220, 32, 24);
}
.quote__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.quote__box {
  padding-top: clamp(3.125rem, 19.207vw + -9.144rem, 7.063rem);
  padding-bottom: clamp(1.25rem, 2.134vw + -0.113rem, 1.688rem);
  padding-left: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
  padding-right: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
.quote__content {
  position: relative;
  display: flex;
  flex-direction: column;
}
.quote__content-img {
  width: clamp(6.188rem, 4.573vw + 3.266rem, 7.125rem);
  height: clamp(6.188rem, 4.573vw + 3.266rem, 7.125rem);
  position: absolute;
  top: clamp(-3.438rem, -5.488vw + 0.068rem, -4.563rem);
  left: -26px;
}
.quote__text {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(1.563rem, 5.793vw + -2.138rem, 2.75rem);
}
.quote__name {
  align-self: flex-end;
  font-weight: 600;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  margin-bottom: 10px;
}
.quote__post,
.quote__company {
  align-self: flex-end;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  font-style: italic;
  color: #727b83;
}
@media screen and (max-width: 768px) {
  .quote__wrapper {
    grid-template-columns: 1fr;
  }
  .quote__img {
    height: 300px;
    object-position: top;
  }
  .quote__box {
    padding: 40px 15px 15px;
  }
  .quote__content-img {
    left: -20px;
    top: -47px;
  }
}
@media screen and (max-width: 576px) {
  .quote__img {
    height: 200px;
    border-radius: 16px;
  }
}
.work {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .work {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .work {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .work {
    --container-width: 100%;
  }
}
.work__wrapper {
  grid-area: center;
}
.work__box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.work__card {
  overflow: hidden;
  border-radius: 16px;
}
.work__card-title {
  font-weight: 600;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.work__card-size {
  color: #727b83;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  margin-bottom: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.work__card-description {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
}
.work__swiper {
  height: clamp(11.25rem, 32.317vw + -9.393rem, 17.875rem);
  position: relative;
}
.work__content {
  background-color: #f5f8fc;
  padding-top: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  padding-bottom: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  padding-left: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  padding-right: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  height: 100%;
}
.work .swiper-slide {
  outline: none;
}
.work .swiper-slide img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  outline: none;
}
.work .swiper-pagination-bullet {
  opacity: 1;
  background-color: #ffffffbf;
}
.work .swiper-pagination-bullet-active {
  background-color: #dc2018;
}
@media (max-width: 768px) {
  .work__box {
    grid-template-columns: 1fr;
  }
}
.task {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .task {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .task {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .task {
    --container-width: 100%;
  }
}
.task__wrapper {
  position: relative;
  grid-area: center;
  border-radius: 16px;
  padding: clamp(1.25rem, 3.049vw + -0.697rem, 1.875rem);
  background: linear-gradient(94.83deg, #e9e9e9 1.71%, #bbbdc1 101.05%);
}
.task__wrapper .title {
  position: relative;
  z-index: 1;
}
.task__subtitle {
  width: 50%;
  position: relative;
  z-index: 1;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.task__img {
  position: absolute;
  height: 100%;
  width: 40%;
  top: 0;
  z-index: 0;
  right: 0;
  object-fit: cover;
}
.task__list {
  display: grid;
  padding: clamp(0.938rem, 4.573vw + -1.984rem, 1.875rem);
  background-color: #ffffffbf;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  z-index: 2;
  border-radius: 16px;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.task__item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.task__item-icon {
  padding: clamp(0.5rem, 0.61vw + 0.111rem, 0.625rem);
  width: fit-content;
  border-radius: 50%;
  background-color: #fff;
}
.task__item-icon div {
  font-size: 31px;
  color: #dc2018;
}
.task__item-text {
  font-weight: 600;
  font-size: clamp(0.75rem, 1.22vw + -0.029rem, 1rem);
  line-height: clamp(1.188rem, 0.61vw + 0.798rem, 1.313rem);
}
@media screen and (max-width: 992px) {
  .task__img {
    width: 65%;
  }
}
@media screen and (max-width: 768px) {
  .task__img {
    display: none;
  }
  .task__subtitle {
    width: 100%;
  }
  .task__list {
    grid-template-columns: 1fr 1fr;
  }
  .task__item-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .task__item-text {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .task .title,
  .task__subtitle {
    text-align: center;
  }
}
.blog {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .blog {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .blog {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .blog {
    --container-width: 100%;
  }
}
.blog__wrapper {
  grid-area: center;
  overflow: hidden;
}
.blog__wrapper .title {
  text-align: center;
  width: 100%;
}
.blog__list {
  display: flex;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.blog__swiper iframe {
  height: clamp(13.75rem, 8.841vw + 8.103rem, 15.563rem);
  border-radius: 16px;
  width: 100%;
}
.blog__swiper iframe.pointer {
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  .blog__swiper iframe {
    height: 200px;
  }
}
@media screen and (max-width: 768px) {
  .blog .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .blog .swiper-wrapper iframe {
    height: 202px;
  }
}
@media screen and (max-width: 576px) {
  .blog .title {
    text-align: start;
  }
}
.stars {
  margin-bottom: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
  display: flex;
}
.stars img {
  width: clamp(1.375rem, 0.915vw + 0.791rem, 1.563rem);
  height: clamp(1.375rem, 0.915vw + 0.791rem, 1.563rem);
}
.reviews {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .reviews {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .reviews {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .reviews {
    --container-width: 100%;
  }
}
.reviews__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(1.875rem, 6.098vw + -2.02rem, 3.125rem);
}
.reviews__top .title {
  width: auto;
  margin-bottom: 0;
}
.reviews__buttons {
  display: flex;
  gap: 10px;
}
.reviews__buttons-prev,
.reviews__buttons-next {
  width: clamp(2.063rem, 1.524vw + 1.089rem, 2.375rem);
  height: clamp(2.063rem, 1.524vw + 1.089rem, 2.375rem);
  border-radius: 50%;
  border: 1px solid rgb(220, 32, 24);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.38s ease-in-out;
}
.reviews__buttons-prev.swiper-button-disabled,
.reviews__buttons-next.swiper-button-disabled {
  border: 1px solid rgba(114, 123, 131, 0.5);
}
.reviews__buttons-prev.swiper-button-disabled svg path,
.reviews__buttons-next.swiper-button-disabled svg path {
  fill: #727b8380;
}
.reviews__buttons-prev svg path,
.reviews__buttons-next svg path {
  transition: 0.38s ease-in-out;
  fill: #dc2018;
}
.reviews__buttons-next svg {
  rotate: -180deg;
}
.reviews__wrapper {
  grid-area: center;
}
.reviews__swiper {
  overflow: hidden;
}
.reviews__item {
  display: flex;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.reviews__item-avatar {
  width: clamp(5rem, 0vw + 5rem, 5rem);
  height: clamp(5rem, 0vw + 5rem, 5rem);
  object-fit: contain;
}
.reviews__item-name {
  font-weight: 600;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  margin-bottom: 10px;
}
.reviews__item-text {
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  margin-bottom: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
}
.reviews__item-link {
  color: #054da3;
  transition: 0.38s ease-in-out;
  width: fit-content;
  cursor: pointer;
  text-decoration: underline;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
}
.reviews__item-link:hover {
  color: #dc2018;
}
@media (max-width: 768px) {
  .reviews__item {
    flex-direction: column;
  }
}
.questions {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .questions {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .questions {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .questions {
    --container-width: 100%;
  }
}
.questions__wrapper {
  grid-area: center;
}
.questions__wrapper .title {
  text-align: center;
  width: 100%;
}
.questions__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.questions__list {
  display: flex;
  max-width: clamp(62rem, 7.317vw + 57.326rem, 63.5rem);
  margin: 0 auto;
  flex-direction: column;
  gap: 10px;
}
.questions__item {
  border-radius: 16px;
  padding-top: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  padding-bottom: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  padding-left: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  padding-right: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  overflow: hidden;
  border: 1px solid rgba(114, 123, 131, 0.5);
}
.questions__item.is-active .questions__content {
  visibility: visible;
  margin-top: 15px;
}
.questions__item.is-active .questions__item-icon {
  border: 1px solid rgba(220, 32, 24, 0.5);
}
.questions__item.is-active .questions__item-icon div {
  display: block;
  color: #dc201880;
}
.questions__item.is-active .questions__item-icon div:first-child {
  display: none;
}
.questions__item-name {
  color: #1e1b1b;
  font-weight: 400;
  font-size: clamp(1rem, 0.61vw + 0.611rem, 1.125rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
}
.questions__item-icon {
  display: flex;
  flex-shrink: 0;
  transition: 0.38s ease-in-out;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(114, 123, 131, 0.5);
}
.questions__item-icon div {
  transition: 0.38s ease-in-out;
  color: #727b8380;
  font-size: 18px;
}
.questions__item-icon div:nth-child(2) {
  font-size: 12px;
  display: none;
}
.questions__content {
  color: #727b83;
  visibility: hidden;
}
.services__slide {
  height: clamp(18.75rem, 27.439vw + 1.223rem, 24.375rem);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  padding: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  filter: grayscale(1);
  transition: filter 0.38s ease-in-out;
}
.services__slide:hover {
  filter: grayscale(0);
}
.services__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.services__img {
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .services__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .services__list {
    grid-template-columns: 1fr 1fr;
  }
  .services__content {
    top: 28px;
  }
  .services__title {
    margin-bottom: 15px;
  }
  .services .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .services .swiper-slide {
    height: 135px;
  }
}
@media (max-width: 576px) {
  .services__list {
    grid-template-columns: 1fr;
  }
}
.seo {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .seo {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .seo {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .seo {
    --container-width: 100%;
  }
}
.seo__wrapper {
  max-width: 1094px;
  grid-area: center;
}
.seo__box {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.seo__box p {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
}
.serviceDetail {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .serviceDetail {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .serviceDetail {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .serviceDetail {
    --container-width: 100%;
  }
}
.serviceDetail__wrapper {
  grid-area: center;
}
.serviceDetail__box {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
  margin-bottom: clamp(1.25rem, 6.098vw + -2.645rem, 2.5rem);
}
.serviceDetail__box img {
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
  height: clamp(18.75rem, 30.488vw + -0.724rem, 25rem);
  margin-bottom: clamp(0.625rem, 3.049vw + -1.322rem, 1.25rem);
}
.serviceDetail__box p {
  max-width: 1094px;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.25rem, 1.22vw + 0.471rem, 1.5rem);
}
.serviceDetail__list p {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.serviceDetail__list ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 9px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
@media screen and (max-width: 768px) {
  .serviceDetail__box img {
    height: 200px;
  }
}
.vacancies {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
.vacancies .acc-text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.938rem, 5.793vw + -2.763rem, 2.125rem);
}
@media (max-width: 992px) {
  .vacancies {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .vacancies {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .vacancies {
    --container-width: 100%;
  }
}
.vacancies__wrapper {
  grid-area: center;
}
.vacancies__wrapper .title {
  text-align: center;
  width: 100%;
}
.vacancies__salary {
  display: flex;
  flex-direction: column;
  gap: clamp(0.313rem, 0.305vw + 0.118rem, 0.375rem);
}
.vacancies__salary p:last-child {
  font-size: clamp(1.125rem, 1.829vw + -0.043rem, 1.5rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
  color: #1e1b1b;
  font-weight: 600;
}
.vacancies__button {
  padding-left: clamp(1.563rem, 6.098vw + -2.332rem, 2.813rem);
  padding-right: clamp(1.563rem, 6.098vw + -2.332rem, 2.813rem);
}
.vacancies__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.938rem, 1.524vw + -0.036rem, 1.25rem);
}
.vacancies__bottom {
  display: flex;
  justify-content: space-between;
}
.vacancies__box p {
  color: #1e1b1b;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.375rem, 0.61vw + 0.986rem, 1.5rem);
  margin-bottom: clamp(0.5rem, 2.134vw + -0.863rem, 0.938rem);
}
.vacancies__list {
  display: flex;
  max-width: clamp(61.25rem, 0.915vw + 60.666rem, 61.438rem);
  flex-direction: column;
}
.vacancies__item {
  padding-top: clamp(0.938rem, 4.573vw + -1.984rem, 1.875rem);
  padding-bottom: clamp(0.938rem, 4.573vw + -1.984rem, 1.875rem);
  overflow: hidden;
  border-bottom: 1px solid rgba(114, 123, 131, 0.5);
}
.vacancies__item.is-active .vacancies__content {
  visibility: visible;
  margin-top: 29px;
}
.vacancies__item.is-active .vacancies__item-icon {
  border: 1px solid rgba(220, 32, 24, 0.5);
}
.vacancies__item.is-active .vacancies__item-icon div {
  display: block;
  color: #dc201880;
}
.vacancies__item.is-active .vacancies__item-icon div:first-child {
  display: none;
}
.vacancies__item-name {
  color: #1e1b1b;
  font-weight: 600;
  font-size: clamp(1.125rem, 0.61vw + 0.736rem, 1.25rem);
  line-height: clamp(1.25rem, 0.61vw + 0.861rem, 1.375rem);
}
.vacancies__item-icon {
  display: flex;
  flex-shrink: 0;
  transition: 0.38s ease-in-out;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(114, 123, 131, 0.5);
}
.vacancies__item-icon div {
  transition: 0.38s ease-in-out;
  color: #727b8380;
  font-size: 18px;
}
.vacancies__item-icon div:nth-child(2) {
  font-size: 12px;
  display: none;
}
.vacancies__content {
  color: #727b83;
  visibility: hidden;
}
.services {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .services {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .services {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .services {
    --container-width: 100%;
  }
}
.services__wrapper {
  overflow-x: hidden;
  grid-area: center;
}
.services__slide {
  height: clamp(18.75rem, 27.439vw + 1.223rem, 24.375rem);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  padding: clamp(0.625rem, 1.524vw + -0.349rem, 0.938rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .services__slide:hover .services__content {
    top: 0;
  }
}
.services__content {
  position: relative;
  top: clamp(1.75rem, 2.439vw + 0.192rem, 2.25rem);
  transition: 0.38s ease-in-out;
}
.services__img {
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  transition: filter 0.38s ease-in-out;
}
.services__img:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  opacity: 1;
  transition: 0.38s ease-in-out;
  left: 0;
  background: linear-gradient(180deg, #0000, #000000bf);
}
.services__img:hover {
  filter: grayscale(0);
}
.services__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services__title {
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.125rem, 1.22vw + 0.346rem, 1.375rem);
  line-height: clamp(1.375rem, 1.22vw + 0.596rem, 1.625rem);
  margin-bottom: clamp(0.5rem, 0.61vw + 0.111rem, 0.625rem);
}
.services__more {
  color: #fff;
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
}
@media screen and (max-width: 768px) {
  .services__content {
    top: 28px;
  }
  .services__title {
    margin-bottom: 15px;
  }
  .services .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .services .swiper-slide {
    height: 135px;
  }
}
.about {
  --container-width: 1320px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(15px, 1fr) [right-start center-start] minmax(
      0,
      var(--container-width)
    ) [left-end center-end] minmax(15px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .about {
    --container-width: 920px;
  }
}
@media (max-width: 768px) {
  .about {
    --container-width: 640px;
  }
}
@media (max-width: 576px) {
  .about {
    --container-width: 100%;
  }
}
.about__wrapper {
  display: grid;
  grid-template-columns: 0.74fr 1fr;
  gap: clamp(1.875rem, 7.012vw + -2.604rem, 3.313rem);
  grid-area: center;
}
.about__wrapper .title.hidden {
  display: none;
}
.about__text {
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.25rem, 1.22vw + 0.471rem, 1.5rem);
  margin-bottom: clamp(1.25rem, 1.524vw + 0.276rem, 1.563rem);
}
.about__img {
  width: 100%;
  border-radius: 11px;
  height: 100%;
  object-fit: cover;
}
.about__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(1.25rem, 7.927vw + -3.813rem, 2.875rem);
  justify-content: space-between;
}
.about__item:nth-child(2) {
  margin-left: -33px;
}
.about__item-number {
  color: #dc2018;
  font-size: clamp(2.625rem, 9.146vw + -3.217rem, 4.5rem);
  line-height: clamp(3.125rem, 9.146vw + -2.717rem, 5rem);
  font-weight: 700;
}
.about__item-number span {
  font-weight: 600;
  font-size: clamp(0.875rem, 0.61vw + 0.486rem, 1rem);
  line-height: clamp(1.188rem, 0.61vw + 0.798rem, 1.313rem);
}
.about__item-text {
  font-weight: 400;
  font-size: clamp(0.75rem, 0.61vw + 0.361rem, 0.875rem);
  line-height: clamp(1.125rem, 0.61vw + 0.736rem, 1.25rem);
  color: #1e1b1b;
}
@media screen and (max-width: 992px) {
  .about__item:nth-child(2) {
    margin-left: 0;
  }
  .about__wrapper {
    grid-template-columns: 0.6fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .about__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .about__wrapper .title {
    display: none;
    margin-bottom: 0;
  }
  .about__wrapper .title.hidden {
    display: block;
  }
  .about__img {
    height: 300px;
    object-position: top;
  }
}
@media screen and (max-width: 576px) {
  .about__img {
    height: 200px;
    object-position: top;
  }
  .about__list {
    display: grid;
    row-gap: 5px;
    column-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }
}