* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  transition: 0.3s ease;
}

:root {
  --green: #65F200;
  --dark-color: #22272A;
  --brown: #5A423B;
}

a {
  text-decoration: none;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: "Open Sans";
  src: url(./src/fonts/OpenSans-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(./src/fonts/OpenSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(./src/fonts/OpenSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(./src/fonts/OpenSans-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(./src/fonts/OpenSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans";
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  transition: 0.3s ease;
  background: #F7F7F7;
}

.content {
  max-width: 1472px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.header .logo-row {
  background: lightgray url("./src/images/texture.png") repeat;
  position: relative;
  height: 80px;
  width: 100%;
}
@media (max-width: 1050px) {
  .header .logo-row {
    height: 67px;
  }
}
.header .logo-row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #502b20;
  opacity: 0.8;
  z-index: 1;
}
.header .logo-row .content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
}
.header .logo-row .content .logo {
  display: block;
  height: 82px;
  width: 524px;
}
.header .logo-row .content .logo img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1050px) {
  .header .logo-row .content .logo {
    display: none;
  }
}
.header .logo-row .content .column {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1050px) {
  .header .logo-row .content .column {
    width: 100%;
    justify-content: space-between;
  }
}
.header .logo-row .content .column .lc {
  display: flex;
  padding: 10px 15px;
  align-items: flex-start;
  gap: 11px;
  border-radius: 5px;
  background: var(--green);
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: fit-content;
  width: fit-content;
}
.header .logo-row .content .column .lc:hover {
  border-radius: 5px;
  background: #FFF;
}
@media (max-width: 1050px) {
  .header .logo-row .content .column .lc {
    display: none;
  }
}
.header .logo-row .content .column .burger-button {
  display: none;
}
@media (max-width: 1050px) {
  .header .logo-row .content .column .burger-button {
    display: block;
  }
}
.header .logo-row .content .column .mobile-menu {
  display: flex;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
  padding: 20px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  background: var(--dark-color);
  position: fixed;
  top: 0;
  left: -2100px;
  opacity: 0;
  z-index: 10;
  transition: 0.5s ease;
}
.header .logo-row .content .column .mobile-menu.active {
  left: 0;
  opacity: 1;
  transition: 0.5s ease;
}
.header .logo-row .content .column .mobile-menu .close-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 33px;
  align-items: center;
  padding: 0 20px;
}
.header .logo-row .content .column .mobile-menu .close-row.close-row-inside {
  justify-content: space-between;
  align-items: center;
}
.header .logo-row .content .column .mobile-menu .close-row.close-row-inside .back {
  color: #FFF;
  font-family: "Myriad Pro";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 20px;
}
.header .logo-row .content .column .mobile-menu .close-row.close-row-inside .back::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M14.7071 19.2071C15.0976 18.8166 15.0976 18.1834 14.7071 17.7929L9.41421 12.5L14.7071 7.20711C15.0976 6.81658 15.0976 6.18342 14.7071 5.79289C14.3166 5.40237 13.6834 5.40237 13.2929 5.79289L7.29289 11.7929C6.90237 12.1834 6.90237 12.8166 7.29289 13.2071L13.2929 19.2071C13.6834 19.5976 14.3166 19.5976 14.7071 19.2071Z' fill='%23ffffff'/%3E%3C/svg%3E");
  display: block;
  margin-top: 8px;
}
.header .logo-row .content .column .mobile-menu .close-row .close-btn {
  cursor: pointer;
}
.header .logo-row .content .column .mobile-menu .lc-row {
  padding: 0 25px 0 40px;
  display: flex;
  justify-content: flex-start;
}
.header .logo-row .content .column .mobile-menu .lc-row .lc {
  display: flex;
  padding: 10px 15px;
  align-items: flex-start;
  gap: 11px;
  border-radius: 5px;
  background: var(--green);
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: fit-content;
  width: fit-content;
}
.header .logo-row .content .column .mobile-menu .lc-row .lc:hover {
  border-radius: 5px;
  background: #FFF;
}
@media (max-width: 1050px) {
  .header .logo-row .content .column .mobile-menu .lc-row .lc {
    display: flex;
  }
}
.header .logo-row .content .column .mobile-menu ul {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 0 25px 0 40px;
  width: 100%;
}
.header .logo-row .content .column .mobile-menu ul li a {
  color: #ACB7BD;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 20px;
  align-items: center;
}
.header .logo-row .content .column .mobile-menu ul li a:active {
  color: var(--green);
}
.header .logo-row .content .column .mobile-menu ul li a:active::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M10 12.5C10 13.6046 10.8954 14.5 12 14.5C13.1046 14.5 14 13.6046 14 12.5C14 11.3954 13.1046 10.5 12 10.5C10.8954 10.5 10 11.3954 10 12.5Z' fill='%2365F200'/%3E%3Cpath d='M10 6.5C10 7.60457 10.8954 8.5 12 8.5C13.1046 8.5 14 7.60457 14 6.5C14 5.39543 13.1046 4.5 12 4.5C10.8954 4.5 10 5.39543 10 6.5Z' fill='%2365F200'/%3E%3Cpath d='M10 18.5C10 19.6046 10.8954 20.5 12 20.5C13.1046 20.5 14 19.6046 14 18.5C14 17.3954 13.1046 16.5 12 16.5C10.8954 16.5 10 17.3954 10 18.5Z' fill='%2365F200'/%3E%3C/svg%3E");
}
.header .logo-row .content .column .mobile-menu ul li a:hover {
  color: var(--green);
}
.header .logo-row .content .column .mobile-menu ul li a:hover::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M10 12.5C10 13.6046 10.8954 14.5 12 14.5C13.1046 14.5 14 13.6046 14 12.5C14 11.3954 13.1046 10.5 12 10.5C10.8954 10.5 10 11.3954 10 12.5Z' fill='%2365F200'/%3E%3Cpath d='M10 6.5C10 7.60457 10.8954 8.5 12 8.5C13.1046 8.5 14 7.60457 14 6.5C14 5.39543 13.1046 4.5 12 4.5C10.8954 4.5 10 5.39543 10 6.5Z' fill='%2365F200'/%3E%3Cpath d='M10 18.5C10 19.6046 10.8954 20.5 12 20.5C13.1046 20.5 14 19.6046 14 18.5C14 17.3954 13.1046 16.5 12 16.5C10.8954 16.5 10 17.3954 10 18.5Z' fill='%2365F200'/%3E%3C/svg%3E");
}
.header .logo-row .content .column .mobile-menu ul li a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M10 12.5C10 13.6046 10.8954 14.5 12 14.5C13.1046 14.5 14 13.6046 14 12.5C14 11.3954 13.1046 10.5 12 10.5C10.8954 10.5 10 11.3954 10 12.5Z' fill='%23ACB7BD'/%3E%3Cpath d='M10 6.5C10 7.60457 10.8954 8.5 12 8.5C13.1046 8.5 14 7.60457 14 6.5C14 5.39543 13.1046 4.5 12 4.5C10.8954 4.5 10 5.39543 10 6.5Z' fill='%23ACB7BD'/%3E%3Cpath d='M10 18.5C10 19.6046 10.8954 20.5 12 20.5C13.1046 20.5 14 19.6046 14 18.5C14 17.3954 13.1046 16.5 12 16.5C10.8954 16.5 10 17.3954 10 18.5Z' fill='%23ACB7BD'/%3E%3C/svg%3E");
  display: block;
  margin-top: 5px;
}
.header .logo-row .content .column .mobile-menu .mob-app-block {
  padding: 0 25px 0 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card {
  border-radius: 5px;
  background: #3E4143;
  display: flex;
  width: 100%;
  padding: 10px 20px;
  align-items: center;
  gap: 20px;
}
@media (min-width: 450px) {
  .header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card {
    width: 330px;
  }
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card:hover {
  background: var(--green);
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card:hover p {
  color: #22272A;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card:hover span {
  color: #22272A;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card.apple:hover svg path {
  fill: #22272A;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card span {
  color: #ACA09D;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-card p {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -1.2px;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-banner {
  padding: 30px;
  flex-grow: 1;
  background-image: url("./src/images/ad2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1050px) {
  .header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-banner {
    display: none;
  }
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-banner .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 143px;
}
.header .logo-row .content .column .mobile-menu .mob-app-block .mob-app-banner .text p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts {
  padding: 0 25px 0 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts ul li a {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts ul li a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.9994 16.4767V19.1864C21.0036 20.2223 20.0722 21.0873 19.0264 20.9929C10 21 3 13.935 3.00706 4.96919C2.91287 3.92895 3.77358 3.00106 4.80811 3.00009H7.52325C7.96247 2.99577 8.38828 3.151 8.72131 3.43684C9.66813 4.24949 10.2771 7.00777 10.0428 8.10428C9.85987 8.96036 8.9969 9.55929 8.41019 10.1448C9.69858 12.4062 11.5746 14.2785 13.8405 15.5644C14.4272 14.9788 15.0273 14.1176 15.8851 13.935C16.9855 13.7008 19.7615 14.3106 20.5709 15.264C20.8579 15.6021 21.0104 16.0337 20.9994 16.4767Z' stroke='%2365F200' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: block;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts .social {
  display: flex;
  gap: 20px;
  align-items: center;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts .social span {
  color: #575D61;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts .social a {
  width: 50px;
  height: 50px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .logo-row .content .column .mobile-menu .mobile-contacts .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.header .nav-row {
  width: 100%;
  padding: 50px 0 40px;
  background: #F7F7F7;
  border-bottom: 1px solid #C09E93;
}
.header .nav-row.main-page-nav-row {
  border-bottom: none;
}
@media (max-width: 1050px) {
  .header .nav-row {
    display: none;
  }
}
.header .nav-row ul {
  width: 100%;
  display: flex;
  gap: 50px;
  justify-content: flex-end;
}
.header .nav-row ul li {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.header .nav-row ul li:hover .line {
  width: 100%;
}
.header .nav-row ul li a {
  color: #503C34;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
}
.header .nav-row ul li a.dropdown::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.16737 10.1464C8.39052 9.95118 8.75233 9.95118 8.97549 10.1464L12 12.7929L15.0245 10.1464C15.2477 9.95118 15.6095 9.95118 15.8326 10.1464C16.0558 10.3417 16.0558 10.6583 15.8326 10.8536L12.4041 13.8536C12.1809 14.0488 11.8191 14.0488 11.5959 13.8536L8.16737 10.8536C7.94421 10.6583 7.94421 10.3417 8.16737 10.1464Z' fill='%23503C34'/%3E%3C/svg%3E");
  display: block;
}
.header .nav-row ul li .line {
  width: 0px;
  height: 1px;
  background: #503C34;
}
.header .nav-row ul li .submenu {
  display: flex;
  width: 226px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  border-radius: 0px 0px 5px 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  z-index: 5;
}
.header .nav-row ul li .submenu.open {
  height: 180px;
  opacity: 1;
}
.header .nav-row ul li .submenu ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px;
}
.header .nav-row ul li .submenu ul li a {
  color: #503C34;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.header .mobile-logo-line {
  width: 100%;
  margin: 7px 0;
  display: none;
}
@media (max-width: 1050px) {
  .header .mobile-logo-line {
    display: block;
  }
}
.header .mobile-logo-line .mobile-logo {
  display: flex;
  align-items: center;
  position: relative;
  height: 83px;
  padding: 0;
  width: 100%;
  background: white;
}
@media (max-width: 500px) {
  .header .mobile-logo-line .mobile-logo {
    height: 78px;
  }
}
@media (max-width: 386px) {
  .header .mobile-logo-line .mobile-logo {
    height: 70px;
  }
}
.header .mobile-logo-line .mobile-logo .blue {
  width: 50%;
  height: 100%;
  padding-right: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='271' height='113' viewBox='0 0 271 113' fill='none'%3E%3Cpath d='M23.4583 28.8375C28.4234 11.7521 44.077 0 61.8692 0H265.34C268.671 0 271.071 3.19636 270.141 6.39531L249.637 76.9531C243.43 98.3099 223.863 113 201.623 113H5.6599C2.3286 113 -0.0711138 109.804 0.858528 106.605L23.4583 28.8375Z' fill='%23008FE1'/%3E%3C/svg%3E") no-repeat right, linear-gradient(90deg, rgb(0, 143, 225) 70%, rgb(255, 255, 255) 70%);
  background-size: contain;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 500px) {
  .header .mobile-logo-line .mobile-logo .blue {
    background-size: cover;
  }
}
.header .mobile-logo-line .mobile-logo .blue img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
  margin-top: 10px;
}
.header .mobile-logo-line .mobile-logo .green {
  width: 50%;
  height: 100%;
  padding-left: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='271' height='113' viewBox='0 0 271 113' fill='none'%3E%3Cpath d='M23.4583 28.8375C28.4234 11.7521 44.077 0 61.8692 0H265.34C268.671 0 271.071 3.19636 270.141 6.39531L249.637 76.9531C243.43 98.3099 223.863 113 201.623 113H5.6599C2.3286 113 -0.0711138 109.804 0.858528 106.605L23.4583 28.8375Z' fill='%2365F200'/%3E%3C/svg%3E") no-repeat left, linear-gradient(90deg, rgb(255, 255, 255) 25%, rgb(101, 242, 0) 25%);
  background-size: contain;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 500px) {
  .header .mobile-logo-line .mobile-logo .green {
    background-size: cover;
  }
}
.header .mobile-logo-line .mobile-logo .green img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
  margin-top: 10px;
}

.phone-select {
  position: relative;
  padding: 10px 15px;
  border-radius: 3px 3px 0 0;
}
.phone-select.active {
  background: #fff;
}
.phone-select.active .ph-select {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phone-select.active .ph-select.active::after {
  transform: rotate(180deg);
}
.phone-select.active .ph-select p {
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.phone-select .ph-select {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phone-select .ph-select.active::after {
  transform: rotate(180deg);
}
.phone-select .ph-select p {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.phone-select .ph-select::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.96967 9.21967C7.26256 8.92678 7.73743 8.92678 8.03033 9.21967L12 13.1893L15.9697 9.21967C16.2625 8.92678 16.7374 8.92678 17.0303 9.21967C17.3232 9.51256 17.3232 9.98743 17.0303 10.2803L12.5303 14.7803C12.2374 15.0732 11.7626 15.0732 11.4697 14.7803L6.96967 10.2803C6.67678 9.98743 6.67678 9.51256 6.96967 9.21967Z' fill='%23C09E93'/%3E%3C/svg%3E");
  display: block;
  transition: 0.3s ease;
}
.phone-select .phone-select-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: flex;
  padding: 0 15px 10px;
  flex-direction: column;
  align-items: flex-start;
  z-index: 11;
  gap: 10px;
  border-radius: 0 0 3px 3px;
  background: #FFF;
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.05);
  display: none;
}
.phone-select .phone-select-wrapper.active {
  display: flex;
}
.phone-select .phone-select-wrapper a {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline;
  width: unset;
  height: unset;
}
.phone-select .phone-select-wrapper a:hover {
  color: var(--green);
}

.block1 .content {
  display: flex;
  gap: 50px;
}
@media (max-width: 1050px) {
  .block1 .content {
    padding: 0;
  }
}
.block1 .content .main-swiper {
  width: calc(100% - 50px - 390px);
  height: 638px;
}
@media (max-width: 1050px) {
  .block1 .content .main-swiper {
    width: 100%;
    height: 500px;
  }
}
.block1 .content .main-swiper .swiper-slide {
  display: flex;
}
.block1 .content .main-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block1 .content .main-swiper .navigation {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  z-index: 7;
  align-items: center;
}
.block1 .content .main-swiper .navigation .custom-swiper-button-prev, .block1 .content .main-swiper .navigation .custom-swiper-button-next {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 50px;
  cursor: pointer;
}
.block1 .content .main-swiper .navigation .custom-swiper-button-prev:hover, .block1 .content .main-swiper .navigation .custom-swiper-button-next:hover {
  background: #008FE1;
  transform: scale(1.5);
}
.block1 .content .main-swiper .navigation .custom-swiper-button-prev:hover svg path, .block1 .content .main-swiper .navigation .custom-swiper-button-next:hover svg path {
  fill: #FFFFFF;
}
.block1 .content .main-swiper .navigation .custom-swiper-pagination {
  display: flex;
  gap: 10px;
}
.block1 .content .main-swiper .navigation .custom-swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: #FFFFFF;
  opacity: 1;
  margin: 0;
  padding: 0;
}
.block1 .content .main-swiper .navigation .custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #008FE1;
}
.block1 .content .m-block {
  padding: 30px;
  width: 390px;
  background-image: url("./src/images/ad.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1050px) {
  .block1 .content .m-block {
    display: none;
  }
}
.block1 .content .m-block .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.block1 .content .m-block .text p {
  color: #F00;
  font-family: "Open Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.block1 .content .m-block .text span {
  width: 187px;
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.block1 .content .mob-app-block {
  width: 390px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1050px) {
  .block1 .content .mob-app-block {
    display: none;
  }
}
.block1 .content .mob-app-block .mob-app-card {
  border-radius: 5px;
  background: #5A423B;
  display: flex;
  width: 100%;
  padding: 10px 30px;
  align-items: center;
  gap: 20px;
}
.block1 .content .mob-app-block .mob-app-card:hover {
  background: var(--green);
}
.block1 .content .mob-app-block .mob-app-card:hover p {
  color: #22272A;
}
.block1 .content .mob-app-block .mob-app-card:hover span {
  color: #22272A;
}
.block1 .content .mob-app-block .mob-app-card.apple:hover svg path {
  fill: #22272A;
}
.block1 .content .mob-app-block .mob-app-card span {
  color: #ACA09D;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.block1 .content .mob-app-block .mob-app-card p {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -1.2px;
}
.block1 .content .mob-app-block .mob-app-banner {
  padding: 30px;
  flex-grow: 1;
  background-image: url("./src/images/ad2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1050px) {
  .block1 .content .mob-app-block .mob-app-banner {
    display: none;
  }
}
.block1 .content .mob-app-block .mob-app-banner .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 143px;
}
.block1 .content .mob-app-block .mob-app-banner .text p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.sales-block {
  padding: 50px 0;
}
.sales-block .content {
  position: relative;
}
.sales-block .content .sale-custom-swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 50px;
  cursor: pointer;
  z-index: 8;
}
@media (max-width: 590px) {
  .sales-block .content .sale-custom-swiper-button-prev {
    display: none;
  }
}
.sales-block .content .sale-custom-swiper-button-prev:hover {
  background: #008FE1;
  transform: translate(0%, -50%) scale(1.5);
}
.sales-block .content .sale-custom-swiper-button-prev:hover svg path {
  fill: #FFFFFF;
}
.sales-block .content .sale-custom-swiper-button-next {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 50px;
  cursor: pointer;
  z-index: 8;
}
@media (max-width: 590px) {
  .sales-block .content .sale-custom-swiper-button-next {
    display: none;
  }
}
.sales-block .content .sale-custom-swiper-button-next:hover {
  background: #008FE1;
  transform: translate(0%, -50%) scale(1.5);
}
.sales-block .content .sale-custom-swiper-button-next:hover svg path {
  fill: #FFFFFF;
}
.sales-block .content .show-more-link {
  width: 100%;
  margin-top: 50px;
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 10px 16.8px -15px rgba(0, 0, 0, 0.15);
}
.sales-block .content .show-more-link span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sales-block .content .show-more-link:hover {
  background: var(--green);
}
.sales-block .sale-swiper {
  height: 500px;
}
@media (max-width: 590px) {
  .sales-block .sale-swiper {
    display: none;
  }
}
.sales-block .sale-swiper .swiper-slide .sale-card {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 590px) {
  .sales-block .sale-swiper .swiper-slide .sale-card {
    height: 500px;
  }
}
.sales-block .sale-swiper .swiper-slide .sale-card img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 141px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(34, 39, 42, 0) 0%, rgba(34, 39, 42, 0.8) 73.94%);
  transition: 0.3s ease;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 30px;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-info .label {
  display: flex;
  gap: 0px;
  align-items: center;
  border-radius: 5px;
  background: #C70000;
  padding: 5px 10px;
  justify-content: center;
  flex-shrink: 0;
  width: fit-content;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-info .label span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-info .label .icon {
  width: 0;
  overflow: hidden;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-info .counter {
  display: inline-flex;
  height: 34px;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #22272A;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-info .counter span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content {
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 30px;
  padding: 30px;
  z-index: 2;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content p {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link {
  height: 0;
  overflow: hidden;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: fit-content;
  align-items: center;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a .icon {
  display: flex;
  align-items: center;
  width: 0;
  overflow: hidden;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a:hover {
  background: var(--green);
  gap: 10px;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a:hover span {
  color: #22272A;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a:hover .icon {
  width: 24px;
}
.sales-block .sale-swiper .swiper-slide .sale-card .sale-content .link a:hover .icon svg path {
  fill: #22272A;
}
.sales-block .sale-swiper .swiper-slide .sale-card:hover {
  transition: 0.3s ease;
}
.sales-block .sale-swiper .swiper-slide .sale-card:hover .sale-shadow {
  transition: 0.3s ease;
  height: 500px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 73.94%);
}
.sales-block .sale-swiper .swiper-slide .sale-card:hover .sale-content .link {
  height: 63px;
}
.sales-block .sale-swiper .swiper-slide .sale-card:hover .sale-info .label {
  gap: 10px;
}
.sales-block .sale-swiper .swiper-slide .sale-card:hover .sale-info .label .icon {
  width: 24px;
}
.sales-block .sale-cards-mobile {
  display: none;
}
@media (max-width: 590px) {
  .sales-block .sale-cards-mobile {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .sales-block .sale-cards-mobile .sale-card {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (max-width: 590px) and (max-width: 590px) {
  .sales-block .sale-cards-mobile .sale-card {
    height: 500px;
  }
}
@media (max-width: 590px) {
  .sales-block .sale-cards-mobile .sale-card img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 141px;
    z-index: 1;
    background: linear-gradient(180deg, rgba(34, 39, 42, 0) 0%, rgba(34, 39, 42, 0.8) 73.94%);
    transition: 0.3s ease;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 30px;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-info .label {
    display: flex;
    gap: 0px;
    align-items: center;
    border-radius: 5px;
    background: #C70000;
    padding: 5px 10px;
    justify-content: center;
    flex-shrink: 0;
    width: fit-content;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-info .label span {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-info .label .icon {
    width: 0;
    overflow: hidden;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-info .counter {
    display: inline-flex;
    height: 34px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #22272A;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-info .counter span {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content {
    transition: 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 30px;
    padding: 30px;
    z-index: 2;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content p {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link {
    height: 0;
    overflow: hidden;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    width: fit-content;
    align-items: center;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a span {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a .icon {
    display: flex;
    align-items: center;
    width: 0;
    overflow: hidden;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a:hover {
    background: var(--green);
    gap: 10px;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a:hover span {
    color: #22272A;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a:hover .icon {
    width: 24px;
  }
  .sales-block .sale-cards-mobile .sale-card .sale-content .link a:hover .icon svg path {
    fill: #22272A;
  }
  .sales-block .sale-cards-mobile .sale-card:hover {
    transition: 0.3s ease;
  }
  .sales-block .sale-cards-mobile .sale-card:hover .sale-shadow {
    transition: 0.3s ease;
    height: 500px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 73.94%);
  }
  .sales-block .sale-cards-mobile .sale-card:hover .sale-content .link {
    height: 63px;
  }
  .sales-block .sale-cards-mobile .sale-card:hover .sale-info .label {
    gap: 10px;
  }
  .sales-block .sale-cards-mobile .sale-card:hover .sale-info .label .icon {
    width: 24px;
  }
}

.news-block {
  background: #FFFFFF;
  padding: 100px 0;
}
.news-block .content {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
@media (max-width: 1382px) {
  .news-block .content {
    gap: 20px;
  }
}
.news-block .content .news-info {
  width: calc((100% - 200px) / 5);
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1382px) {
  .news-block .content .news-info {
    width: calc((100% - 80px) / 5);
  }
}
@media (max-width: 1292px) {
  .news-block .content .news-info {
    width: calc((100% - 60px) / 4);
  }
}
@media (max-width: 1110px) {
  .news-block .content .news-info {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 768px) {
  .news-block .content .news-info {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 500px) {
  .news-block .content .news-info {
    width: 100%;
  }
}
.news-block .content .news-info h2 {
  color: #553F37;
  font-family: "Open Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .news-block .content .news-info h2 {
    text-align: center;
  }
}
.news-block .content .news-info p {
  color: #553F37;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 500px) {
  .news-block .content .news-info p {
    display: none;
  }
}
.news-block .content .news-info .social {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 500px) {
  .news-block .content .news-info .social {
    display: none;
  }
}
.news-block .content .news-info .social span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.news-block .content .news-info .social a {
  width: 50px;
  height: 50px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-block .content .news-info .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.news-block .content .news-card {
  width: calc((100% - 200px) / 5);
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
@media (max-width: 1382px) {
  .news-block .content .news-card {
    width: calc((100% - 80px) / 5);
  }
}
@media (max-width: 1292px) {
  .news-block .content .news-card {
    width: calc((100% - 60px) / 4);
  }
}
@media (max-width: 1110px) {
  .news-block .content .news-card {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 768px) {
  .news-block .content .news-card {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 500px) {
  .news-block .content .news-card {
    width: 100%;
    height: 512px;
    display: flex;
    height: 512px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 6.465px;
    border: 1px solid #E2E2E2;
    background: #FFF;
  }
  .news-block .content .news-card img {
    height: 340px !important;
  }
}
.news-block .content .news-card:hover img {
  transform: scale(1.2);
}
.news-block .content .news-card:hover .shadow {
  height: 236px;
  background: linear-gradient(180deg, rgba(34, 39, 42, 0) 0%, rgba(34, 39, 42, 0.8) 73.94%);
}
.news-block .content .news-card:hover .card-content span {
  color: var(--green);
}
.news-block .content .news-card:hover .card-content p {
  color: var(--green);
}
.news-block .content .news-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-block .content .news-card .shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 299px;
  background: linear-gradient(179deg, rgba(255, 255, 255, 0) 1.15%, rgba(255, 255, 255, 0.88) 44.16%);
}
@media (max-width: 500px) {
  .news-block .content .news-card .shadow {
    display: none;
  }
}
.news-block .content .news-card .card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 500px) {
  .news-block .content .news-card .card-content {
    position: relative;
  }
}
.news-block .content .news-card .card-content span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-block .content .news-card .card-content p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.news-block .show-more-link {
  width: 100%;
  margin-top: 50px;
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 10px 16.8px -15px rgba(0, 0, 0, 0.15);
}
.news-block .show-more-link span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-block .show-more-link:hover {
  background: var(--green);
}

.map {
  display: flex;
  height: 600px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  background: #723D2C;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .map {
    height: 823px;
  }
}
.map .my-map {
  width: 100%;
  height: 100%;
}
.map .my-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.map .locations {
  border-radius: 5px;
  background: #F7F7F7;
  box-shadow: 0px 18px 17.8px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 38px;
  right: 12%;
}
@media (max-width: 1820px) {
  .map .locations {
    right: 8%;
  }
}
@media (max-width: 1620px) {
  .map .locations {
    right: 7%;
  }
}
@media (max-width: 1520px) {
  .map .locations {
    right: 3%;
  }
}
@media (max-width: 1472px) {
  .map .locations {
    right: 16px;
  }
}
@media (max-width: 768px) {
  .map .locations {
    bottom: 50px;
    height: fit-content;
    top: unset;
    right: 50%;
    transform: translateX(50%);
  }
}
@media (max-width: 450px) {
  .map .locations {
    bottom: 50px;
    height: fit-content;
    top: unset;
    right: 50%;
    transform: translateX(50%);
    width: calc(100% - 16px - 16px);
  }
}
.map .locations ul {
  display: flex;
  flex-direction: column;
}
.map .locations ul li {
  display: flex;
  width: 347px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 450px) {
  .map .locations ul li {
    width: 100%;
  }
}
.map .locations ul li:hover {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 10px 16.8px -15px rgba(0, 0, 0, 0.25);
}
.map .locations ul li p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.map .locations ul li span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.map .locations a {
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: var(--green);
  width: 347px;
}
@media (max-width: 450px) {
  .map .locations a {
    width: 100%;
  }
}
.map .locations a:hover {
  background: var(--brown);
}
.map .locations a:hover span {
  color: #FFFFFF;
}
.map .locations a:hover svg path {
  fill: #FFFFFF;
}
.map .locations a span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer {
  width: 100%;
  padding: 75px 0;
  background: lightgray url("./src/images/texture.png") repeat;
  position: relative;
}
.footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #502b20;
  opacity: 0.8;
  z-index: 1;
}
.footer .content {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 50px;
}
@media (max-width: 768px) {
  .footer .content {
    flex-direction: column;
  }
}
.footer .content .logos {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 33px;
  align-self: stretch;
  border-radius: 5px;
  flex-shrink: 0;
}
.footer .content .footer-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.footer .content .footer-info .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .footer .content .footer-info .row {
    flex-direction: column;
    gap: 50px;
  }
}
.footer .content .footer-info .row a {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  align-items: center;
}
.footer .content .footer-info .row a.phone::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.9995 16.4767V19.1864C21.0037 20.2223 20.0723 21.0873 19.0265 20.9929C10.0001 21 3.00006 13.935 3.00713 4.96919C2.91294 3.92895 3.77364 3.00106 4.80817 3.00009H7.52331C7.96253 2.99577 8.38835 3.151 8.72138 3.43684C9.66819 4.24949 10.2772 7.00777 10.0429 8.10428C9.85994 8.96036 8.99696 9.55929 8.41026 10.1448C9.69864 12.4062 11.5747 14.2785 13.8405 15.5644C14.4272 14.9788 15.0274 14.1176 15.8851 13.935C16.9855 13.7008 19.7615 14.3106 20.5709 15.264C20.858 15.6021 21.0105 16.0337 20.9995 16.4767Z' stroke='%2365F200' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: block;
}
.footer .content .footer-info .row a.email::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M2.33337 6C2.33337 4.89543 3.2288 4 4.33337 4H20.3334C21.4379 4 22.3334 4.89543 22.3334 6V18C22.3334 19.1046 21.4379 20 20.3334 20H4.33337C3.22881 20 2.33337 19.1046 2.33337 18V6ZM5.85197 6L12.3334 11.6712L18.8148 6H5.85197ZM20.3334 7.32877L12.9919 13.7526C12.6149 14.0825 12.0519 14.0825 11.6749 13.7526L4.33337 7.32877V18H20.3334V7.32877Z' fill='%2365F200'/%3E%3C/svg%3E");
  display: block;
}
.footer .content .footer-info .row .social {
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer .content .footer-info .row .social span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer .content .footer-info .row .social a {
  width: 46px;
  height: 46px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .content .footer-info .row .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.footer .content .footer-info .line {
  background: #C09E93;
  width: 100%;
  height: 1px;
  flex-shrink: 0;
}
.footer .content .footer-info .politic-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .footer .content .footer-info .politic-row {
    flex-direction: column;
    gap: 50px;
  }
}
.footer .content .footer-info .politic-row a {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}
.footer .content .footer-info .politic-row .copy {
  display: flex;
  gap: 50px;
  align-items: center;
}
.footer .content .footer-info .politic-row .copy span {
  color: #C09E93;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer .content .footer-info .politic-row .copy span:last-child {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #C09E93;
  color: #22272A;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 12;
  display: none;
  padding: 0 16px;
}
.overlay.open {
  display: block;
}

.modal {
  max-width: 1000px;
  width: 100%;
  height: 100vh;
  background: #F2F2F2;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 20;
  padding: 50px 50px 0 50px;
  transition: right 0.5s linear, opacity 0.2s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1024px) {
  .modal {
    padding: 30px 30px 0 30px;
  }
}
.modal.contacts-modal.active {
  right: 0;
  opacity: 1;
}
.modal.partners-modal.active {
  right: 0;
  opacity: 1;
}
.modal.sale-single-modal.active {
  right: 0;
  opacity: 1;
}
.modal.azs-modal.active {
  right: 0;
  opacity: 1;
}
.modal.news-single-modal.active {
  right: 0;
  opacity: 1;
}
.modal.about-modal.active {
  right: 0;
  opacity: 1;
}
.modal.cards-modal.active {
  right: 0;
  opacity: 1;
}
.modal .head-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.modal .head-row .close-btn {
  cursor: pointer;
}
.modal .head-row h2 {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  .modal .head-row h2 {
    font-size: 30px;
  }
}
.modal .modal-content {
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-bottom: 50px;
}
.modal .modal-content::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.modal .modal-content::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 9em;
  box-shadow: inset 1px 1px 10px transparent;
}
.modal .modal-content::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.modal .modal-content .contacts-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal .modal-content .contacts-block .contacts-block-item {
  display: flex;
  flex-direction: column;
}
.modal .modal-content .contacts-block .contacts-block-item .contacts-block-item-title {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
  margin-bottom: 15px;
}
.modal .modal-content .contacts-block .contacts-block-item .location {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.modal .modal-content .contacts-block .contacts-block-item a {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
}
.modal .modal-content .contacts-block .contacts-block-item a:last-child {
  margin-bottom: 0;
}
.modal .modal-content .contacts-block .contacts-block-item a.email {
  color: #008FE1;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}
.modal .modal-content .contacts-block .social {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px;
}
@media (max-width: 500px) {
  .modal .modal-content .contacts-block .social {
    display: none;
  }
}
.modal .modal-content .contacts-block .social span {
  color: #575D61;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal .modal-content .contacts-block .social a {
  width: 46px;
  height: 46px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .modal-content .contacts-block .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.modal .modal-content .contacts-block .rekvizites-btn {
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  box-shadow: 0px 18px 14.1px -20px rgba(0, 0, 0, 0.1);
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: fit-content;
}
.modal .modal-content .contacts-block .rekvizites-btn:hover {
  background: var(--green);
}
.modal .modal-content .contacts-block .map {
  height: 450px;
  width: 100%;
  border-radius: 5px;
  background: #D9D9D9;
  overflow: hidden;
}
.modal .modal-content .contacts-block .map div {
  width: 100%;
  height: 100%;
}
.modal .modal-content .contacts-block .map div iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.modal .modal-content .partners-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modal .modal-content .partners-block .partners-card {
  display: flex;
  width: 100%;
  padding: 30px;
  align-items: center;
  gap: 30px;
  border-radius: 5px;
  background: #F7F7F7;
}
@media (max-width: 768px) {
  .modal .modal-content .partners-block .partners-card {
    flex-direction: column;
  }
}
.modal .modal-content .partners-block .partners-card:hover {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
}
.modal .modal-content .partners-block .partners-card:hover .img img {
  transform: scale(1.3);
}
.modal .modal-content .partners-block .partners-card .img {
  display: flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 200px;
}
.modal .modal-content .partners-block .partners-card .img img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.modal .modal-content .partners-block .partners-card .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .modal .modal-content .partners-block .partners-card .info {
    flex-direction: column;
    align-items: center;
  }
}
.modal .modal-content .partners-block .partners-card .info p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .modal .modal-content .partners-block .partners-card .info p {
    font-size: 20px;
  }
}
.modal .modal-content .partners-block .partners-card .info a {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.modal .modal-content .partners-block .social {
  margin-top: 25px;
}
.modal .modal-content .partners-block .back-btn {
  margin-top: 25px;
}
.modal .modal-content .banner {
  width: 100%;
  height: 366px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .modal .modal-content .banner {
    height: 250px;
  }
}
.modal .modal-content .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.modal .modal-content .text-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal .modal-content .text-content h2 {
  color: #008FE1;
  font-family: "Open Sans";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 52.5px */
}
@media (max-width: 768px) {
  .modal .modal-content .text-content h2 {
    font-size: 25px;
  }
}
.modal .modal-content .text-content h3 {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.modal .modal-content .text-content p {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.modal .modal-content .text-content p.chapter-title {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.modal .modal-content .text-content p.blue-title {
  color: #008FE1;
  font-family: "Open Sans";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 52.5px */
}
@media (max-width: 768px) {
  .modal .modal-content .text-content p.blue-title {
    font-size: 25px;
  }
}
.modal .modal-content .text-content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .modal .modal-content .text-content ul {
    padding: 0;
  }
}
.modal .modal-content .text-content ul li {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  display: flex;
  gap: 10px;
}
.modal .modal-content .text-content ul li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%23008FE1'/%3E%3C/svg%3E");
  display: block;
  margin-top: 4px;
}
.modal .modal-content .azs-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modal .modal-content .azs-container .social {
  margin-top: 25px;
}
.modal .modal-content .azs-container .back-btn {
  margin-top: 25px;
}
.modal .modal-content .azs-container .box {
  width: 100%;
  border-radius: 5px;
  background: #F7F7F7;
  position: relative;
}
.modal .modal-content .azs-container .box:hover {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
}
.modal .modal-content .azs-container .box.active {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
}
.modal .modal-content .azs-container .box.active .label .show-icon {
  transform: translateY(-50%) rotate(180deg);
}
.modal .modal-content .azs-container .box .label {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .modal .modal-content .azs-container .box .label {
    font-size: 20px;
  }
}
.modal .modal-content .azs-container .box .label .label-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 768px) {
  .modal .modal-content .azs-container .box .label .label-cont {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.modal .modal-content .azs-container .box .label .info {
  max-width: 396px;
  width: 100%;
}
.modal .modal-content .azs-container .box .label .info p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
}
@media (max-width: 1024px) {
  .modal .modal-content .azs-container .box .label .info p {
    font-size: 20px;
  }
}
.modal .modal-content .azs-container .box .label .info span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  .modal .modal-content .azs-container .box .label .info span {
    font-size: 18px;
  }
}
.modal .modal-content .azs-container .box .label .location {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  flex-shrink: 0;
}
.modal .modal-content .azs-container .box .label .location:hover {
  background: var(--green);
  border: 1px solid var(--green);
}
.modal .modal-content .azs-container .box .label .location:hover svg path {
  fill: #22272A;
}
.modal .modal-content .azs-container .box .label .location span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal .modal-content .azs-container .box .label .phone {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 30px;
  border-left: 1px solid #E2E2E2;
}
@media (max-width: 500px) {
  .modal .modal-content .azs-container .box .label .phone {
    border-left: none;
    padding-left: 0;
  }
}
.modal .modal-content .azs-container .box .label .phone p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.modal .modal-content .azs-container .box .label .phone a {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .modal .modal-content .azs-container .box .label .phone a {
    font-size: 18px;
  }
}
.modal .modal-content .azs-container .box .content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s;
  width: 100%;
  padding: 0;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #E2E2E2;
  gap: 30px;
  padding: 30px;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types .type {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #F7F7F7;
  cursor: pointer;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types .type:hover {
  background: transparent;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types .type:hover p {
  transform: scale(1.5);
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types .type p {
  border-radius: 100px;
  background: #65F200;
  display: flex;
  flex-direction: column;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: #22272A;
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .types .type p span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .line {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background: #E2E2E2;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .info {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
@media (max-width: 1024px) {
  .modal .modal-content .azs-container .box .content .box-content-wrapper .info {
    flex-direction: column;
  }
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .info ul {
  max-width: 310px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .modal .modal-content .azs-container .box .content .box-content-wrapper .info ul {
    max-width: 100%;
  }
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .info ul li {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .info ul li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%23008FE1'/%3E%3C/svg%3E");
  display: block;
  margin-top: 4px;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .info .image {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  min-height: 220px;
  align-self: stretch;
  border-radius: 5px;
  background: #008FE1;
  overflow: hidden;
}
.modal .modal-content .azs-container .box .content .box-content-wrapper .info .image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.modal .modal-content .social {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px;
}
@media (max-width: 500px) {
  .modal .modal-content .social {
    display: none;
  }
}
.modal .modal-content .social span {
  color: #575D61;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal .modal-content .social a {
  width: 46px;
  height: 46px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .modal-content .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.modal .modal-content .back-btn {
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background: transparent;
  cursor: pointer;
}
.modal .modal-content .back-btn:hover {
  background: var(--green);
}
.modal .modal-content .back-btn span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.title-row {
  border: 1px solid #FFF;
  backdrop-filter: blur(5.1500000954px);
  padding: 50px 0;
}
.title-row .content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.title-row .content h1 {
  color: #C70000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.promotions-container {
  padding-bottom: 50px;
}
.promotions-container .content .promotions-list {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .promotions-container .content .promotions-list {
    gap: 30px;
  }
}
.promotions-container .content .promotions-list .sale-card {
  width: calc((100% - 150px) / 4);
  min-height: 478px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .promotions-container .content .promotions-list .sale-card {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 850px) {
  .promotions-container .content .promotions-list .sale-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 590px) {
  .promotions-container .content .promotions-list .sale-card {
    height: 500px;
    width: 100%;
  }
}
.promotions-container .content .promotions-list .sale-card img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.promotions-container .content .promotions-list .sale-card .sale-shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 141px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(34, 39, 42, 0) 0%, rgba(34, 39, 42, 0.8) 73.94%);
  transition: 0.3s ease;
}
.promotions-container .content .promotions-list .sale-card .sale-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 30px;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}
.promotions-container .content .promotions-list .sale-card .sale-info .label {
  display: flex;
  gap: 0px;
  align-items: center;
  border-radius: 5px;
  background: #C70000;
  padding: 5px 10px;
  justify-content: center;
  flex-shrink: 0;
  width: fit-content;
}
.promotions-container .content .promotions-list .sale-card .sale-info .label span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.promotions-container .content .promotions-list .sale-card .sale-info .label .icon {
  width: 0;
  overflow: hidden;
}
.promotions-container .content .promotions-list .sale-card .sale-info .counter {
  display: inline-flex;
  height: 34px;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #22272A;
}
.promotions-container .content .promotions-list .sale-card .sale-info .counter span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.promotions-container .content .promotions-list .sale-card .sale-content {
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 30px;
  padding: 30px;
  z-index: 2;
}
.promotions-container .content .promotions-list .sale-card .sale-content p {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link {
  height: 0;
  overflow: hidden;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: fit-content;
  align-items: center;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a span {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a .icon {
  display: flex;
  align-items: center;
  width: 0;
  overflow: hidden;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a:hover {
  background: var(--green);
  gap: 10px;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a:hover span {
  color: #22272A;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a:hover .icon {
  width: 24px;
}
.promotions-container .content .promotions-list .sale-card .sale-content .link a:hover .icon svg path {
  fill: #22272A;
}
.promotions-container .content .promotions-list .sale-card:hover {
  transition: 0.3s ease;
}
.promotions-container .content .promotions-list .sale-card:hover .sale-shadow {
  transition: 0.3s ease;
  height: 500px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 73.94%);
}
.promotions-container .content .promotions-list .sale-card:hover .sale-content .link {
  height: 63px;
}
.promotions-container .content .promotions-list .sale-card:hover .sale-info .label {
  gap: 10px;
}
.promotions-container .content .promotions-list .sale-card:hover .sale-info .label .icon {
  width: 24px;
}
.promotions-container .content .show-more-link {
  width: 100%;
  margin-top: 50px;
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 10px 16.8px -15px rgba(0, 0, 0, 0.15);
}
.promotions-container .content .show-more-link span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.promotions-container .content .show-more-link:hover {
  background: var(--green);
}

.news-container {
  padding: 100px 0;
}
@media (max-width: 1024px) {
  .news-container {
    padding: 50px 0;
  }
}
.news-container .content {
  display: flex;
  gap: 50px;
}
@media (max-width: 550px) {
  .news-container .content {
    flex-direction: column;
  }
}
.news-container .content .news-info {
  width: calc((100% - 200px) / 5);
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1382px) {
  .news-container .content .news-info {
    width: calc((100% - 80px) / 5);
  }
}
@media (max-width: 1292px) {
  .news-container .content .news-info {
    width: calc((100% - 60px) / 4);
  }
}
@media (max-width: 1110px) {
  .news-container .content .news-info {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 768px) {
  .news-container .content .news-info {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 550px) {
  .news-container .content .news-info {
    width: 100%;
  }
}
.news-container .content .news-info h2 {
  color: #553F37;
  font-family: "Open Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .news-container .content .news-info h2 {
    text-align: center;
  }
}
.news-container .content .news-info p {
  color: #553F37;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-container .content .news-info .social {
  display: flex;
  gap: 20px;
  align-items: center;
}
.news-container .content .news-info .social span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.news-container .content .news-info .social a {
  width: 50px;
  height: 50px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-container .content .news-info .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.news-container .content .news-list .show-more-link {
  width: 100%;
  margin-top: 50px;
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 10px 16.8px -15px rgba(0, 0, 0, 0.15);
}
.news-container .content .news-list .show-more-link span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-container .content .news-list .show-more-link:hover {
  background: var(--green);
}
.news-container .content .news-list .news-cards {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
@media (max-width: 1382px) {
  .news-container .content .news-list .news-cards {
    gap: 20px;
  }
}
.news-container .content .news-list .news-cards .news-card {
  width: calc((100% - 150px) / 4);
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
@media (max-width: 1382px) {
  .news-container .content .news-list .news-cards .news-card {
    width: calc((100% - 60px) / 4);
  }
}
@media (max-width: 1292px) {
  .news-container .content .news-list .news-cards .news-card {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 1024px) {
  .news-container .content .news-list .news-cards .news-card {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .news-container .content .news-list .news-cards .news-card {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .news-container .content .news-list .news-cards .news-card {
    width: 100%;
    height: 512px;
    display: flex;
    height: 512px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 6.465px;
    border: 1px solid #E2E2E2;
    background: #FFF;
  }
  .news-container .content .news-list .news-cards .news-card img {
    height: 340px !important;
  }
}
.news-container .content .news-list .news-cards .news-card:hover img {
  transform: scale(1.2);
}
.news-container .content .news-list .news-cards .news-card:hover .shadow {
  height: 236px;
  background: linear-gradient(180deg, rgba(34, 39, 42, 0) 0%, rgba(34, 39, 42, 0.8) 73.94%);
}
.news-container .content .news-list .news-cards .news-card:hover .card-content span {
  color: var(--green);
}
.news-container .content .news-list .news-cards .news-card:hover .card-content p {
  color: var(--green);
}
.news-container .content .news-list .news-cards .news-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-container .content .news-list .news-cards .news-card .shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 299px;
  background: linear-gradient(179deg, rgba(255, 255, 255, 0) 1.15%, rgba(255, 255, 255, 0.88) 44.16%);
}
@media (max-width: 500px) {
  .news-container .content .news-list .news-cards .news-card .shadow {
    display: none;
  }
}
.news-container .content .news-list .news-cards .news-card .card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 500px) {
  .news-container .content .news-list .news-cards .news-card .card-content {
    position: relative;
  }
}
.news-container .content .news-list .news-cards .news-card .card-content span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-container .content .news-list .news-cards .news-card .card-content p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.page-title {
  padding: 50px 0;
}
.page-title .content h1 {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  .page-title .content h1 {
    font-size: 30px;
  }
}

.page-content {
  padding-bottom: 50px;
}
.page-content .content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.page-content .content .azs-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.page-content .content .azs-container .box {
  width: 100%;
  border-radius: 5px;
  background: #F7F7F7;
  position: relative;
}
.page-content .content .azs-container .box:hover {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
}
.page-content .content .azs-container .box.active {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
}
.page-content .content .azs-container .box.active .label .show-icon {
  transform: translateY(-50%) rotate(180deg);
}
.page-content .content .azs-container .box .label {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .page-content .content .azs-container .box .label {
    font-size: 20px;
  }
}
.page-content .content .azs-container .box .label .label-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .page-content .content .azs-container .box .label .label-cont {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.page-content .content .azs-container .box .label .info {
  max-width: 396px;
  width: 100%;
}
.page-content .content .azs-container .box .label .info p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
}
@media (max-width: 1024px) {
  .page-content .content .azs-container .box .label .info p {
    font-size: 20px;
  }
}
.page-content .content .azs-container .box .label .info span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  .page-content .content .azs-container .box .label .info span {
    font-size: 18px;
  }
}
.page-content .content .azs-container .box .label .location {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  flex-shrink: 0;
  margin-left: auto;
}
.page-content .content .azs-container .box .label .location:hover {
  background: var(--green);
  border: 1px solid var(--green);
}
.page-content .content .azs-container .box .label .location:hover svg path {
  fill: #22272A;
}
.page-content .content .azs-container .box .label .location span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .azs-container .box .label .phone {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 30px;
  border-left: 1px solid #E2E2E2;
}
@media (max-width: 500px) {
  .page-content .content .azs-container .box .label .phone {
    border-left: none;
    padding-left: 0;
  }
}
.page-content .content .azs-container .box .label .phone p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.page-content .content .azs-container .box .label .phone a {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .page-content .content .azs-container .box .label .phone a {
    font-size: 18px;
  }
}
.page-content .content .azs-container .box .content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s;
  width: 100%;
  padding: 0;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}
.page-content .content .azs-container .box .content .box-content-wrapper {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #E2E2E2;
  gap: 30px;
  padding: 30px;
}
.page-content .content .azs-container .box .content .box-content-wrapper .types {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.page-content .content .azs-container .box .content .box-content-wrapper .types p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.page-content .content .azs-container .box .content .box-content-wrapper .types .type {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #F7F7F7;
  cursor: pointer;
}
.page-content .content .azs-container .box .content .box-content-wrapper .types .type:hover {
  background: transparent;
}
.page-content .content .azs-container .box .content .box-content-wrapper .types .type:hover p {
  transform: scale(1.5);
}
.page-content .content .azs-container .box .content .box-content-wrapper .types .type p {
  border-radius: 100px;
  background: #65F200;
  display: flex;
  flex-direction: column;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: #22272A;
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-content .content .azs-container .box .content .box-content-wrapper .types .type p span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .azs-container .box .content .box-content-wrapper .line {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background: #E2E2E2;
}
.page-content .content .azs-container .box .content .box-content-wrapper .info {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
@media (max-width: 1024px) {
  .page-content .content .azs-container .box .content .box-content-wrapper .info {
    flex-direction: column;
  }
}
.page-content .content .azs-container .box .content .box-content-wrapper .info ul {
  max-width: 310px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .page-content .content .azs-container .box .content .box-content-wrapper .info ul {
    max-width: 100%;
  }
}
.page-content .content .azs-container .box .content .box-content-wrapper .info ul li {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
}
.page-content .content .azs-container .box .content .box-content-wrapper .info ul li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%23008FE1'/%3E%3C/svg%3E");
  display: block;
  margin-top: 4px;
}
.page-content .content .azs-container .box .content .box-content-wrapper .info .image {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  min-height: 220px;
  align-self: stretch;
  border-radius: 5px;
  background: #008FE1;
  overflow: hidden;
}
.page-content .content .azs-container .box .content .box-content-wrapper .info .image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.page-content .content .contacts-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.page-content .content .contacts-block .contacts-block-item {
  display: flex;
  flex-direction: column;
}
.page-content .content .contacts-block .contacts-block-item .contacts-block-item-title {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
  margin-bottom: 15px;
}
.page-content .content .contacts-block .contacts-block-item .location {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.page-content .content .contacts-block .contacts-block-item a {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
}
.page-content .content .contacts-block .contacts-block-item a:last-child {
  margin-bottom: 0;
}
.page-content .content .contacts-block .contacts-block-item a.email {
  color: #008FE1;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}
.page-content .content .contacts-block .social {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px;
}
@media (max-width: 500px) {
  .page-content .content .contacts-block .social {
    display: none;
  }
}
.page-content .content .contacts-block .social span {
  color: #575D61;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .contacts-block .social a {
  width: 46px;
  height: 46px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-content .content .contacts-block .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.page-content .content .contacts-block .rekvizites-btn {
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  box-shadow: 0px 18px 14.1px -20px rgba(0, 0, 0, 0.1);
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: fit-content;
}
.page-content .content .contacts-block .rekvizites-btn:hover {
  background: var(--green);
}
.page-content .content .contacts-block .map {
  height: 450px;
  width: 100%;
  border-radius: 5px;
  background: #D9D9D9;
  overflow: hidden;
}
.page-content .content .contacts-block .map div {
  width: 100%;
  height: 100%;
}
.page-content .content .contacts-block .map div iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.page-content .content .partners-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.page-content .content .partners-block .partners-card {
  display: flex;
  width: 100%;
  padding: 30px;
  align-items: center;
  gap: 30px;
  border-radius: 5px;
  background: #F7F7F7;
}
@media (max-width: 768px) {
  .page-content .content .partners-block .partners-card {
    flex-direction: column;
  }
}
.page-content .content .partners-block .partners-card:hover {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 31px 33.6px -31px rgba(0, 0, 0, 0.1);
}
.page-content .content .partners-block .partners-card:hover .img img {
  transform: scale(1.3);
}
.page-content .content .partners-block .partners-card .img {
  display: flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 200px;
}
.page-content .content .partners-block .partners-card .img img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.page-content .content .partners-block .partners-card .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .page-content .content .partners-block .partners-card .info {
    flex-direction: column;
    align-items: center;
  }
}
.page-content .content .partners-block .partners-card .info p {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .page-content .content .partners-block .partners-card .info p {
    font-size: 20px;
  }
}
.page-content .content .partners-block .partners-card .info a {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.page-content .content .banner {
  width: 100%;
  height: 366px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .page-content .content .banner {
    height: 250px;
  }
}
.page-content .content .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-content .content .text-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.page-content .content .text-content h2 {
  color: #008FE1;
  font-family: "Open Sans";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 52.5px */
}
@media (max-width: 768px) {
  .page-content .content .text-content h2 {
    font-size: 25px;
  }
}
.page-content .content .text-content h3 {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.page-content .content .text-content p {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.page-content .content .text-content p.chapter-title {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.page-content .content .text-content p.blue-title {
  color: #008FE1;
  font-family: "Open Sans";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 52.5px */
}
@media (max-width: 768px) {
  .page-content .content .text-content p.blue-title {
    font-size: 25px;
  }
}
.page-content .content .text-content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .page-content .content .text-content ul {
    padding: 0;
  }
}
.page-content .content .text-content ul li {
  color: #262D2A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  display: flex;
  gap: 10px;
}
.page-content .content .text-content ul li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%23008FE1'/%3E%3C/svg%3E");
  display: block;
  margin-top: 4px;
}
.page-content .content .social {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px;
}
@media (max-width: 500px) {
  .page-content .content .social {
    display: none;
  }
}
.page-content .content .social span {
  color: #575D61;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .social a {
  width: 46px;
  height: 46px;
  background: #008FE1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-content .content .social a:hover {
  transform: scale(1.3);
  background: #62C6FF;
}
.page-content .content .back-btn {
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background: transparent;
}
.page-content .content .back-btn:hover {
  background: var(--green);
}
.page-content .content .back-btn span {
  color: #22272A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*# sourceMappingURL=style.css.map */