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

.fancybox__container * {
  transition: none !important;
}

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

a {
  text-decoration: none;
}

:root {
  --dark-color: #2D2929;
  --dark-blue: #204357;
  --gray-blue: #779BAF;
  --brand-color: #2CB4FE;
  --light-gray-blue: #EDF3F7;
  --light-bg: #F5F7FA;
}

@font-face {
  font-family: "Mplus 1p";
  src: url(./src/fonts/MPLUS1p-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mplus 1p";
  src: url(./src/fonts/MPLUS1p-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mplus 1p";
  src: url(./src/fonts/MPLUS1p-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mplus 1p";
  src: url(./src/fonts/MPLUS1p-Bold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mplus 1p";
  src: url(./src/fonts/MPLUS1p-ExtraBold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(./src/fonts/Raleway-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(./src/fonts/Raleway-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(./src/fonts/Raleway-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(./src/fonts/Raleway-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(./src/fonts/Raleway-Thin.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.content {
  max-width: 1552px;
  padding: 0 16px;
  margin: 0 auto;
  width: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Mplus 1p", sans-serif;
  margin: 0;
  padding: 0;
  color: var(--dark-blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--gray-blue);
}

.fab {
  border-radius: 50%;
  margin: 0;
  padding: 20px;
}

.material {
  position: relative;
  color: white;
  margin: 20px auto;
  height: 400px;
  width: 500px;
  background: #f45673;
}

.ripple {
  overflow: hidden;
  position: relative;
}
.ripple:hover::before {
  content: "";
  transform: scale(20);
  transition: 1s ease;
  bottom: -10px;
}
.ripple::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--brand-color);
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}

.blue-btn {
  position: relative;
  display: flex;
  padding: 20px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  background: var(--brand-color);
  overflow: hidden;
  border-radius: 20px;
  width: fit-content;
  cursor: pointer;
}
.blue-btn.full-width::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}
.blue-btn.full-width:hover::before {
  content: "";
  transform: scale(80);
  transition: 1.5s ease;
  bottom: -10px;
}
.blue-btn.full-width:hover span {
  color: var(--brand-color);
}
.blue-btn span {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
}
.blue-btn:hover::before {
  content: "";
  transform: scale(20);
  transition: 1s ease;
  bottom: -10px;
}
.blue-btn:hover span {
  color: var(--brand-color);
}
.blue-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}

.header {
  padding-top: 50px;
}
@media (max-width: 1250px) {
  .header {
    padding-top: 0;
    background: var(--light-gray-blue);
  }
}
.header .header-row {
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 50px 50px 0 0;
  background: var(--light-gray-blue);
}
@media (max-width: 1250px) {
  .header .header-row {
    display: none;
  }
}
.header .header-row .location {
  display: flex;
  gap: 10px;
}
@media (max-width: 1430px) {
  .header .header-row .location {
    width: 290px;
  }
  .header .header-row .location svg {
    flex-shrink: 0;
  }
}
.header .header-row .location span {
  color: var(--dark-blue);
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .header-row .contacts-column {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header .header-row .contacts-column .phone {
  display: flex;
  gap: 10px;
  align-items: center;
}
.header .header-row .contacts-column .phone span {
  font-family: "Mplus 1p";
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.header .header-row .contacts-column .phone a {
  color: var(--dark-blue);
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .header-row .contacts-column button {
  display: flex;
  height: 38px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #F7F9FC;
  box-shadow: 0px 3px 4px -2px rgba(86, 146, 178, 0.31);
  border: none;
  position: relative;
  cursor: pointer;
}
.header .header-row .contacts-column button span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
}
.header .header-row .contacts-column button:hover span {
  color: #fff;
}
.header .header-row .contacts-column .contact-link {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #F7F9FC;
  box-shadow: 0px 3px 4px -2px rgba(86, 146, 178, 0.31);
}
.header .header-row .contacts-column .contact-link svg {
  flex-shrink: 0;
}
.header .header-row .contacts-column .contact-link.watsapp:hover {
  background: #3ADC49;
}
.header .header-row .contacts-column .contact-link.watsapp:hover svg path {
  fill: #fff;
}
.header .header-row .contacts-column .contact-link.telegram:hover {
  background: #2CB4FE;
}
.header .header-row .contacts-column .contact-link.telegram:hover svg path {
  fill: #fff;
}
.header .header-row .contacts-column .contact-link.vk:hover {
  background: #548CF6;
}
.header .header-row .contacts-column .contact-link.vk:hover svg path {
  fill: #fff;
}
.header .header-row-2 {
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: var(--light-gray-blue);
}
@media (max-width: 1250px) {
  .header .header-row-2 {
    padding: 20px 0;
  }
}
.header .header-row-2 .logo {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header .header-row-2 .logo .icon {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #2CB4FE;
}
@media (max-width: 768px) {
  .header .header-row-2 .logo .icon {
    width: 40px;
    height: 40px;
  }
}
.header .header-row-2 .logo .icon span {
  color: #F5F7FA;
  font-family: Raleway;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
@media (max-width: 768px) {
  .header .header-row-2 .logo .icon span {
    font-size: 19px;
  }
}
.header .header-row-2 .logo h1 {
  width: 209px;
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (max-width: 768px) {
  .header .header-row-2 .logo h1 {
    font-size: 20px;
  }
}
.header .header-row-2 .logo h1 span {
  color: #204357;
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .header .header-row-2 .logo h1 span {
    font-size: 12px;
  }
}
.header .header-row-2 .navigation {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header .header-row-2 .navigation ul {
  display: flex;
  gap: 20px;
}
@media (max-width: 1335px) {
  .header .header-row-2 .navigation ul {
    gap: 0;
  }
}
@media (max-width: 1250px) {
  .header .header-row-2 .navigation ul {
    display: none;
  }
}
.header .header-row-2 .navigation ul li a {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .header-row-2 .navigation ul li a:hover {
  border-radius: 10px;
  background: #FFF;
  color: var(--brand-color);
}
.header .header-row-2 .navigation ul li.dropdown {
  position: relative;
}
.header .header-row-2 .navigation ul li.dropdown:hover .dropdown-link {
  border-radius: 10px 10px 0 0;
  background: #fff;
  color: var(--brand-color);
}
.header .header-row-2 .navigation ul li.dropdown:hover .dropdown-link::after {
  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='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='%232CB4FE'/%3E%3C/svg%3E");
}
.header .header-row-2 .navigation ul li.dropdown:hover .dropdown-menu {
  display: flex;
}
.header .header-row-2 .navigation ul li.dropdown .dropdown-link {
  display: flex;
  gap: 10px;
  align-items: center;
  position: relative;
}
.header .header-row-2 .navigation ul li.dropdown .dropdown-link::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='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%23333333'/%3E%3C/svg%3E");
  display: block;
  flex-shrink: 0;
  margin-top: 5px;
}
.header .header-row-2 .navigation ul li.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  width: 337px;
  padding: 30px 50px 50px 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 0px 10px 10px 10px;
  background: #FFF;
  z-index: 10;
  display: none;
}
.header .header-row-2 .navigation ul li.dropdown .dropdown-menu li a {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .header-row-2 .navigation ul li.dropdown .dropdown-menu li a:hover {
  color: var(--brand-color);
  border-radius: unset;
  background: unset;
}
.header .header-row-2 .navigation .burger-btn {
  cursor: pointer;
  display: flex;
  width: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: 0.3s ease;
}
.header .header-row-2 .navigation .burger-btn:hover span {
  color: var(--brand-color);
}
.header .header-row-2 .navigation .burger-btn span {
  background: #204357;
  width: 40px;
  height: 2px;
  cursor: pointer;
}

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

.menu-modal {
  position: fixed;
  right: -2100px;
  height: 100vh;
  max-width: 500px;
  width: 100%;
  background: var(--dark-blue);
  z-index: 10;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  opacity: 0;
  transition: right 0.8s linear, opacity 0.2s ease;
}
.menu-modal.open {
  transition: right 0.8s linear, opacity 0.2s ease;
  right: 0;
  opacity: 1;
}
.menu-modal::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.menu-modal .close-row {
  display: flex;
  padding: 30px 50px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}
.menu-modal .navigation {
  display: flex;
  flex-direction: column;
}
.menu-modal .navigation li {
  padding: 30px 50px;
}
.menu-modal .navigation li.dropdown {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 100px;
  transition: 0.5s linear;
  overflow: hidden;
}
.menu-modal .navigation li.dropdown.active {
  background: #3A6278;
  height: 500px;
  transition: 0.5s linear;
}
.menu-modal .navigation li.dropdown.active .dropdown-link::after {
  transform: rotate(180deg);
}
.menu-modal .navigation li.dropdown .dropdown-link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M27.2071 17.2929C26.8166 16.9024 26.1834 16.9024 25.7929 17.2929L20.5 22.5858L15.2071 17.2929C14.8166 16.9024 14.1834 16.9024 13.7929 17.2929C13.4024 17.6834 13.4024 18.3166 13.7929 18.7071L19.7929 24.7071C20.1834 25.0976 20.8166 25.0976 21.2071 24.7071L27.2071 18.7071C27.5976 18.3166 27.5976 17.6834 27.2071 17.2929Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  margin-left: auto;
  transition: 0.3s ease;
}
.menu-modal .navigation li.dropdown .dropdown-menu {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.menu-modal .navigation li.dropdown .dropdown-menu li {
  padding: 0 30px;
}
.menu-modal .navigation li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.menu-modal .navigation li a:hover {
  color: var(--brand-color);
}
.menu-modal .navigation 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='%232CB4FE'/%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='%232CB4FE'/%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='%232CB4FE'/%3E%3C/svg%3E");
}
.menu-modal .navigation 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='M10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12Z' fill='%235B7787'/%3E%3Cpath d='M10 6C10 7.10457 10.8954 8 12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4C10.8954 4 10 4.89543 10 6Z' fill='%235B7787'/%3E%3Cpath d='M10 18C10 19.1046 10.8954 20 12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18Z' fill='%235B7787'/%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.menu-modal .contacts-row {
  display: flex;
  padding: 30px 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  background: #333;
}
.menu-modal .contacts-row .row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.menu-modal .contacts-row .row span {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.menu-modal .contacts-row .row a {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.menu-modal .contacts-row .row p {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.menu-modal .contacts-row .row p.time {
  display: flex;
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  gap: 10px;
  align-items: center;
}
.menu-modal .contacts-row .row p.time::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='M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 6C12.5523 6 13 6.44772 13 7V11.5858L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L11.2929 12.7071C11.1054 12.5196 11 12.2652 11 12V7C11 6.44772 11.4477 6 12 6Z' fill='%232CB4FE'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.menu-modal .contacts-row .row ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.menu-modal .contacts-row .row ul li {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-modal .contacts-row .row ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 50px;
  background: var(--brand-color);
}

.operating-time-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  max-width: 552px;
  width: 100%;
  padding: 20px 50px 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 40px;
  background: #FFF;
  z-index: 11;
  display: none;
}
@media (max-width: 1250px) {
  .operating-time-modal {
    gap: 15px;
    padding: 20px;
  }
}
.operating-time-modal.active {
  display: flex;
}
.operating-time-modal .close-row {
  width: 100%;
  display: flex;
  justify-content: right;
}
.operating-time-modal .close-row span {
  cursor: pointer;
}
.operating-time-modal p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.operating-time-modal .row-1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.operating-time-modal .row-1 span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.operating-time-modal .row-1 span::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%3Ccircle cx='12' cy='12' r='5' fill='%23204357'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.operating-time-modal .operating-hours {
  display: flex;
  gap: 10px;
  width: 100%;
}
.operating-time-modal .operating-hours::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%3Ccircle cx='12' cy='12' r='5' fill='%23204357'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.operating-time-modal .active * {
  color: var(--brand-color) !important;
  font-weight: 800 !important;
}

.operating-time-modal .active *{
  color: var(--brand-color) !important;
}
.operating-time-modal .operating-hours:last-child span {
  font-weight: 800;
}
.operating-time-modal .operating-hours ul {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.operating-time-modal .operating-hours ul li {
  display: flex;
}
.operating-time-modal .operating-hours ul li span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.operating-time-modal .operating-hours ul li span:first-child {
  max-width: 270px;
  width: 100%;
}
.operating-time-modal .operating-hours ul li span:last-child {
  flex: 1;
}

.callback-modal {
  max-width: 646px;
  width: 100%;
  border-radius: 40px 0px 0px 40px;
  background: #EDF3F7;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -2100px;
  z-index: 10;
  padding: 30px 48px 35px;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  opacity: 0;
  transition: right 0.8s linear, opacity 0.2s ease;
}
@media (max-width: 1024px) {
  .callback-modal {
    padding: 30px;
  }
}
.callback-modal.active {
  transition: right 0.8s linear, opacity 0.2s ease;
  right: 0;
  opacity: 1;
}
.callback-modal::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.callback-modal .close-row {
  display: flex;
  justify-content: right;
}
.callback-modal .close-row span {
  cursor: pointer;
}
.callback-modal form {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1024px) {
  .callback-modal form {
    gap: 25px;
  }
}
.callback-modal form .services-wrap {
  position: relative;
  width: 100%;
}
.callback-modal form .services-wrap .services {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 6px 14.4px -8px rgba(91, 119, 135, 0.31);
  width: 100%;
  height: 67px;
}
.callback-modal form .services-wrap .services p {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.callback-modal form .services-wrap .services p::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='M5.29289 9.29289C5.68342 8.90237 6.31658 8.90237 6.70711 9.29289L12 14.5858L17.2929 9.29289C17.6834 8.90237 18.3166 8.90237 18.7071 9.29289C19.0976 9.68342 19.0976 10.3166 18.7071 10.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L5.29289 10.7071C4.90237 10.3166 4.90237 9.68342 5.29289 9.29289Z' fill='%230D0D0D'/%3E%3C/svg%3E");
  display: block;
}
.callback-modal form .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 10px;
  background: #F9F9FA;
  box-shadow: 0px 15px 14px -8px rgba(174, 181, 194, 0.5);
  width: 100%;
  display: none;
}
.callback-modal form .services-wrap .services-list.active {
  display: flex;
}
.callback-modal form .services-wrap .services-list li {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  cursor: pointer;
}
.callback-modal form .services-wrap .services-list li:first-child {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.callback-modal form .services-wrap .services-list li:first-child::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='M5.29289 14.7071C5.68342 15.0976 6.31658 15.0976 6.70711 14.7071L12 9.41421L17.2929 14.7071C17.6834 15.0976 18.3166 15.0976 18.7071 14.7071C19.0976 14.3166 19.0976 13.6834 18.7071 13.2929L12.7071 7.29289C12.3166 6.90237 11.6834 6.90237 11.2929 7.29289L5.29289 13.2929C4.90237 13.6834 4.90237 14.3166 5.29289 14.7071Z' fill='%230D0D0D'/%3E%3C/svg%3E");
  display: block;
}
.callback-modal form .agreement {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 820px) {
  .callback-modal form .agreement {
    gap: 10px;
  }
}
.callback-modal form .agreement .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
}
.callback-modal form .agreement .switch input {
  display: none;
}
.callback-modal form .agreement .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #A9AEB9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.callback-modal form .agreement .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.callback-modal form .agreement input:checked + .slider {
  background-color: var(--brand-color);
}
.callback-modal form .agreement input:focus + .slider {
  box-shadow: 0 0 1px #EBEBEB;
}
.callback-modal form .agreement input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.callback-modal form .agreement .slider.round {
  border-radius: 34px;
}
.callback-modal form .agreement .slider.round:before {
  border-radius: 50%;
}
.callback-modal form .agreement p {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media (max-width: 820px) {
  .callback-modal form .agreement p {
    font-size: 12px;
  }
}
.callback-modal form .input {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 6px 14.4px -8px rgba(91, 119, 135, 0.31);
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  outline: none;
  border: none;
}
.callback-modal form .input::placeholder {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.callback-modal form textarea {
  display: flex;
  height: 140px;
  padding: 20px;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 6px 14.4px -8px rgba(91, 119, 135, 0.31);
  outline: none;
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  border: none;
}
.callback-modal form textarea::placeholder {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.callback-modal form p {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.callback-modal form p.title {
  color: #204357;
  font-family: "Noto Sans";
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.content-modal {
  max-width: 900px;
  width: 100%;
  border-radius: 40px 0px 0px 40px;
  background: #FFF;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -2100px;
  z-index: 10;
  padding: 50px;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  opacity: 0;
  transition: right 0.8s linear, opacity 0.2s ease;
}
@media (max-width: 1024px) {
  .content-modal {
    padding: 30px;
  }
}
.content-modal.active {
  transition: right 0.8s linear, opacity 0.2s ease;
  right: 0;
  opacity: 1;
}
.content-modal::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.content-modal .content-modal-body {
  position: relative;
}
.content-modal .content-modal-body .close-btn {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: -20px;
}
.content-modal .content-modal-body .content-body-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.content-modal .content-modal-body .content-body-wrapper button {
  position: relative;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: transparent;
  width: fit-content;
  cursor: pointer;
  margin-top: 20px;
}
.content-modal .content-modal-body .content-body-wrapper button:hover span {
  color: #fff;
}
.content-modal .content-modal-body .content-body-wrapper button:hover span svg path {
  fill: #FFFFFF;
}
.content-modal .content-modal-body .content-body-wrapper button span {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 1;
  align-items: center;
}

.data-modal {
  max-width: 900px;
  width: 100%;
  border-radius: 40px 0px 0px 40px;
  background: #FFF;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -2100px;
  z-index: 10;
  padding: 50px;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  opacity: 0;
  transition: right 0.8s linear, opacity 0.2s ease;
}
@media (max-width: 1024px) {
  .data-modal {
    padding: 30px;
  }
}
.data-modal.active {
  transition: right 0.8s linear, opacity 0.2s ease;
  right: 0;
  opacity: 1;
}
.data-modal .data-modal-body {
  position: relative;
}
.data-modal .data-modal-body .close-btn {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: -20px;
}
.data-modal .data-modal-body .data-modal-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.data-modal .data-modal-body .data-modal-wrapper h2 {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 50px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media (max-width: 1250px) {
  .data-modal .data-modal-body .data-modal-wrapper h2 {
    font-size: 40px;
  }
}
.data-modal .data-modal-body .data-modal-wrapper button {
  position: relative;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: transparent;
  width: fit-content;
  cursor: pointer;
}
.data-modal .data-modal-body .data-modal-wrapper button:hover span {
  color: #fff;
}
.data-modal .data-modal-body .data-modal-wrapper button:hover span svg path {
  fill: #FFFFFF;
}
.data-modal .data-modal-body .data-modal-wrapper button span {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 1;
  align-items: center;
}
.data-modal .data-modal-body .data-modal-wrapper .sites {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.data-modal .data-modal-body .data-modal-wrapper .sites .site-card {
  width: 100%;
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 40px;
  background: #F5F7FA;
}
@media (max-width: 768px) {
  .data-modal .data-modal-body .data-modal-wrapper .sites .site-card {
    gap: 30px;
    flex-direction: column;
  }
}
.data-modal .data-modal-body .data-modal-wrapper .sites .site-card .img {
  display: flex;
  width: 266px;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 6px 14.4px -8px rgba(91, 119, 135, 0.31);
  overflow: hidden;
}
.data-modal .data-modal-body .data-modal-wrapper .sites .site-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 1250px) {
  .hero-block .content {
    padding: 0;
  }
}
.hero-block .content .hero-block-content {
  width: 100%;
  padding: 0 20px;
  background: var(--light-gray-blue);
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content {
    padding: 0;
  }
}
.hero-block .content .hero-block-content .hero-swiper {
  border-radius: 40px;
  background: #fff;
  width: 100%;
  height: 600px;
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content .hero-swiper {
    border-radius: 0;
    height: 283px;
  }
}
.hero-block .content .hero-block-content .hero-swiper .swiper-slide {
  position: relative;
}
.hero-block .content .hero-block-content .hero-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  right: 0;
  z-index: 0;
}
.hero-block .content .hero-block-content .hero-swiper .swiper-slide .info-block {
  position: absolute;
  z-index: 1;
  height: 100%;
  padding: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content .hero-swiper .swiper-slide .info-block {
    padding: 30px;
  }
}
.hero-block .content .hero-block-content .hero-swiper .swiper-slide .info-block h2 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content .hero-swiper .swiper-slide .info-block h2 {
    font-size: 35px;
  }
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination {
  bottom: 100px;
  padding-right: 100px;
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 14px;
  z-index: 4;
  position: absolute;
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination::before {
  content: none;
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination::after {
  content: none;
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination {
    display: none;
  }
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 50px;
  background: #5B7787;
  opacity: 1;
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination .swiper-pagination-bullet::before {
  content: none;
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination .swiper-pagination-bullet::after {
  content: none;
}
.hero-block .content .hero-block-content .hero-swiper .custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--brand-color);
  transform: scale(1.2);
}
.hero-block .content .hero-block-content .hero-swiper .hero-swiper-button-prev {
  width: 51px;
  height: 135px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='135' viewBox='0 0 51 135' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V16.828V23.828V67.328V110.828V134.656C0.344179 132.893 0.864351 131.164 1.55525 129.496C2.91213 126.22 4.90094 123.243 7.40812 120.736C9.4057 118.739 11.7012 117.07 14.2086 115.788C16.3176 115.17 18.3828 114.415 20.3908 113.528C20.4272 113.52 20.4636 113.511 20.5 113.503V113.48C26.1148 110.986 31.2807 107.465 35.7089 103.037C45.1795 93.5663 50.5 80.7214 50.5 67.328C50.5 53.9346 45.1795 41.0897 35.7089 31.6191C31.2807 27.1909 26.1148 23.67 20.5 21.1761V21.1529L20.3909 21.1278C18.3828 20.2415 16.3176 19.4864 14.2086 18.868C11.7012 17.5859 9.4057 15.9174 7.40812 13.9199C4.90094 11.4127 2.91213 8.43621 1.55525 5.16042C0.864351 3.49243 0.344179 1.76347 0 0Z' fill='%23EDF3F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50px);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content .hero-swiper .hero-swiper-button-prev {
    display: none;
  }
}
.hero-block .content .hero-block-content .hero-swiper .hero-swiper-button-prev:hover svg path {
  fill: var(--brand-color);
}
.hero-block .content .hero-block-content .hero-swiper .hero-swiper-button-next {
  width: 51px;
  height: 135px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='135' viewBox='0 0 51 135' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51 0V16.828V23.828V67.328V110.828V134.656C50.6558 132.893 50.1356 131.164 49.4447 129.496C48.0879 126.22 46.0991 123.243 43.5919 120.736C41.5943 118.739 39.2988 117.07 36.7914 115.788C34.6824 115.17 32.6172 114.415 30.6092 113.528C30.5728 113.52 30.5364 113.511 30.5 113.503V113.48C24.8852 110.986 19.7193 107.465 15.2911 103.037C5.82052 93.5663 0.5 80.7214 0.5 67.328C0.5 53.9346 5.82052 41.0897 15.2911 31.6191C19.7193 27.1909 24.8852 23.67 30.5 21.1761V21.1529L30.6091 21.1278C32.6172 20.2415 34.6824 19.4864 36.7914 18.868C39.2988 17.5859 41.5943 15.9174 43.5919 13.9199C46.0991 11.4127 48.0879 8.43621 49.4447 5.16042C50.1356 3.49243 50.6558 1.76347 51 0Z' fill='%23EDF3F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50px);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1250px) {
  .hero-block .content .hero-block-content .hero-swiper .hero-swiper-button-next {
    display: none;
  }
}
.hero-block .content .hero-block-content .hero-swiper .hero-swiper-button-next:hover svg path {
  fill: var(--brand-color);
}

@media (max-width: 1250px) {
  .info-block .content {
    padding: 0;
  }
}
.info-block .content .info-block-container {
  padding: 20px;
  background: var(--light-gray-blue);
  display: flex;
  gap: 20px;
  border-radius: 0 0 40px 40px;
}
@media (max-width: 1274px) {
  .info-block .content .info-block-container {
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
  }
}
@media (max-width: 900px) {
  .info-block .content .info-block-container {
    border-radius: 0;
  }
}
.info-block .content .info-block-container .column {
  width: 355px;
  height: 890px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
}
@media (max-width: 1312px) {
  .info-block .content .info-block-container .column {
    width: 321px;
  }
}
@media (max-width: 1274px) {
  .info-block .content .info-block-container .column {
    height: unset;
    width: 100%;
  }
}
.info-block .content .info-block-container .column .fond {
  display: flex;
  width: 100%;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 40px;
  background: #FFF;
}
@media (max-width: 1274px) {
  .info-block .content .info-block-container .column .fond {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column .fond {
    background: unset;
  }
}
.info-block .content .info-block-container .column .fond .title {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.info-block .content .info-block-container .column .fond .subtitle {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.info-block .content .info-block-container .column .fond .services-wrap {
  position: relative;
  width: 100%;
}
.info-block .content .info-block-container .column .fond .services-wrap .services {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 15px;
  background: #EDF3F7;
  width: 100%;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column .fond .services-wrap .services {
    background: #fff;
  }
}
.info-block .content .info-block-container .column .fond .services-wrap .services p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.info-block .content .info-block-container .column .fond .services-wrap .services p::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='M5.29289 9.29289C5.68342 8.90237 6.31658 8.90237 6.70711 9.29289L12 14.5858L17.2929 9.29289C17.6834 8.90237 18.3166 8.90237 18.7071 9.29289C19.0976 9.68342 19.0976 10.3166 18.7071 10.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L5.29289 10.7071C4.90237 10.3166 4.90237 9.68342 5.29289 9.29289Z' fill='%230D0D0D'/%3E%3C/svg%3E");
  display: block;
}
.info-block .content .info-block-container .column .fond .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 10px;
  background: #F9F9FA;
  box-shadow: 0px 15px 14px -8px rgba(174, 181, 194, 0.5);
  width: 100%;
  display: none;
}
.info-block .content .info-block-container .column .fond .services-wrap .services-list.active {
  display: flex;
}
.info-block .content .info-block-container .column .fond .services-wrap .services-list li {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.info-block .content .info-block-container .column .fond .services-wrap .services-list li:first-child {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.info-block .content .info-block-container .column .fond .services-wrap .services-list li:first-child::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='M5.29289 14.7071C5.68342 15.0976 6.31658 15.0976 6.70711 14.7071L12 9.41421L17.2929 14.7071C17.6834 15.0976 18.3166 15.0976 18.7071 14.7071C19.0976 14.3166 19.0976 13.6834 18.7071 13.2929L12.7071 7.29289C12.3166 6.90237 11.6834 6.90237 11.2929 7.29289L5.29289 13.2929C4.90237 13.6834 4.90237 14.3166 5.29289 14.7071Z' fill='%230D0D0D'/%3E%3C/svg%3E");
  display: block;
}
.info-block .content .info-block-container .column .contacts-wrapper {
  flex: 1;
  border-radius: 40px 40px 0 0;
  background: #FFF;
  height: 663px;
  padding: 30px 15px 30px 30px;
}
@media (max-width: 1274px) {
  .info-block .content .info-block-container .column .contacts-wrapper {
    height: 350px;
    width: 100%;
    border-radius: 40px;
    flex: unset;
  }
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column .contacts-wrapper {
    display: none;
  }
}
.info-block .content .info-block-container .column .contacts {
  overflow: auto;
  display: flex;
  height: 100%;
  padding-right: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.info-block .content .info-block-container .column .contacts::-webkit-scrollbar {
  width: 2px;
  background: #EDF3F7;
  margin-right: 15px;
}
.info-block .content .info-block-container .column .contacts::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 4px;
  background: var(--brand-color);
}
.info-block .content .info-block-container .column .contacts::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #f9f9fd;
}
.info-block .content .info-block-container .column .contacts .info-contacts-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.info-block .content .info-block-container .column .contacts .info-contacts-card p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.info-block .content .info-block-container .column .contacts .info-contacts-card p.time {
  display: flex;
  align-items: center;
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  gap: 10px;
}
.info-block .content .info-block-container .column .contacts .info-contacts-card p.time::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='M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 6C12.5523 6 13 6.44772 13 7V11.5858L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L11.2929 12.7071C11.1054 12.5196 11 12.2652 11 12V7C11 6.44772 11.4477 6 12 6Z' fill='%232CB4FE'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: block;
}
.info-block .content .info-block-container .column .contacts .info-contacts-card a {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.info-block .content .info-block-container .column .contacts .line {
  width: 100%;
  height: 1px;
  background: #DFEAF0;
  flex-shrink: 0;
}
.info-block .content .info-block-container .column-2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 890px;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 {
    gap: 0;
  }
}
.info-block .content .info-block-container .column-2 .gos-banner {
  border-radius: 40px;
  background: #FFF;
  width: 100%;
  display: flex;
  overflow: hidden;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .gos-banner {
    flex-direction: column-reverse;
    border-radius: 0;
  }
}
.info-block .content .info-block-container .column-2 .gos-banner .info-col {
  background: linear-gradient(180deg, #516CB8 0%, #7AB3F9 100%);
  display: flex;
  width: 478px;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  flex-shrink: 0;
}
@media (max-width: 1312px) {
  .info-block .content .info-block-container .column-2 .gos-banner .info-col {
    width: 420px;
  }
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .gos-banner .info-col {
    width: 100%;
  }
}
.info-block .content .info-block-container .column-2 .gos-banner .info-col p {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.info-block .content .info-block-container .column-2 .gos-banner .info-col span {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.info-block .content .info-block-container .column-2 .gos-banner .info-col button {
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #FFF;
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  cursor: pointer;
}
.info-block .content .info-block-container .column-2 .gos-banner .gos-col {
  position: relative;
  flex: 1;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .gos-banner .gos-col {
    width: 100%;
    height: 436px;
    flex: unset;
  }
}
@media (max-width: 600px) {
  .info-block .content .info-block-container .column-2 .gos-banner .gos-col {
    height: 336px;
  }
}
.info-block .content .info-block-container .column-2 .gos-banner .gos-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.info-block .content .info-block-container .column-2 .gos-banner .gos-col .logo-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 277px;
  padding: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 0px 0px 10px 0px;
  background: #FFF;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .gos-banner .gos-col .logo-container {
    display: flex;
    width: 182px;
    padding: 6.57px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.57px;
    border-radius: 0px 0px 6.57px 0px;
    background: #FFF;
  }
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .gos-banner .gos-col .logo-container img {
    width: 169px;
    height: 27px;
  }
}
.info-block .content .info-block-container .column-2 .gos-banner .gos-col .logo-container span {
  color: #91B8FD;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .gos-banner .gos-col .logo-container span {
    font-size: 13.141px;
  }
}
.info-block .content .info-block-container .column-2 .news-banner {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  align-self: stretch;
  border-radius: 40px;
  background: #FFF;
  flex: 1;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .news-banner {
    gap: 50px;
    border-radius: 0;
  }
}
.info-block .content .info-block-container .column-2 .news-banner h2 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .news-banner h2 {
    font-size: 40px;
  }
}
.info-block .content .info-block-container .column-2 .news-banner .news-cards {
  display: flex;
  gap: 60px;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .news-banner .news-cards {
    gap: 50px;
    flex-direction: column;
  }
}
.info-block .content .info-block-container .column-2 .news-banner .news-cards .news-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc((100% - 120px) / 3);
}
@media (max-width: 900px) {
  .info-block .content .info-block-container .column-2 .news-banner .news-cards .news-card {
    width: 100%;
  }
}
.info-block .content .info-block-container .column-2 .news-banner .news-cards .news-card:hover p {
  color: var(--brand-color);
}
.info-block .content .info-block-container .column-2 .news-banner .news-cards .news-card:hover span {
  color: var(--brand-color);
}
.info-block .content .info-block-container .column-2 .news-banner .news-cards .news-card p {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.info-block .content .info-block-container .column-2 .news-banner .news-cards .news-card span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.info-block .content .info-block-container .column-2 .news-banner .blue-btn {
  width: 100%;
}

.services-block {
  width: 100%;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
@media (max-width: 900px) {
  .services-block {
    background: var(--light-gray-blue);
    padding-top: 0;
  }
}
.services-block .services-swiper {
  width: 100%;
  height: 368px;
}
.services-block .services-swiper .swiper-slide {
  border-radius: 40px;
  background: #EDF3F7;
  overflow: hidden;
}
@media (max-width: 900px) {
  .services-block .services-swiper .swiper-slide {
    background: #FFFFFF;
  }
}
.services-block .services-swiper .swiper-slide:hover .services-wrapper .circle {
  animation: changeCircle 1s ease forwards;
}
.services-block .services-swiper .swiper-slide:hover .services-wrapper .services-content .text p {
  color: #fff;
}
.services-block .services-swiper .swiper-slide:hover .services-wrapper .services-content .text .subtitle {
  color: #fff;
}
.services-block .services-swiper .swiper-slide:hover .services-wrapper .services-content .text .btn-wrapper {
  height: 70px;
  opacity: 1;
}
.services-block .services-swiper .swiper-slide:not(:hover) .services-wrapper .circle {
  animation: shrinkCircle 1s ease forwards;
}
.services-block .services-swiper .swiper-slide .services-wrapper {
  padding: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.services-block .services-swiper .swiper-slide .services-wrapper .circle {
  position: absolute;
  width: 238px;
  height: 238px;
  border-radius: 50%;
  background: var(--brand-color);
  z-index: 0;
  right: -126px;
  top: -126px;
  transition: 1s ease;
}
.services-block .services-swiper .swiper-slide .services-wrapper .services-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.services-block .services-swiper .swiper-slide .services-wrapper .services-content .icon {
  display: flex;
  justify-content: right;
}
.services-block .services-swiper .swiper-slide .services-wrapper .services-content .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
}
.services-block .services-swiper .swiper-slide .services-wrapper .services-content .text p {
  color: #204357;
  font-family: Raleway;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.services-block .services-swiper .swiper-slide .services-wrapper .services-content .text .subtitle {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.services-block .services-swiper .swiper-slide .services-wrapper .services-content .text .btn-wrapper {
  height: 0;
  overflow: hidden;
  transition: 0.5s ease;
  opacity: 0;
}

@media (max-width: 1250px) {
  .about-company .content {
    padding: 0;
  }
}
.about-company .content .about-container {
  background: var(--light-gray-blue);
  border-radius: 40px 40px 0 0;
  padding: 20px 20px 0;
  display: flex;
  gap: 20px;
}
@media (max-width: 900px) {
  .about-company .content .about-container {
    border-radius: 0;
    flex-direction: column-reverse;
    padding: 20px 0 0;
  }
}
.about-company .content .about-container .img-col {
  width: calc((100% - 20px) / 2);
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 900px) {
  .about-company .content .about-container .img-col {
    width: 100%;
    height: 500px;
  }
}
@media (max-width: 500px) {
  .about-company .content .about-container .img-col {
    width: 100%;
    height: 280px;
  }
}
.about-company .content .about-container .img-col img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.about-company .content .about-container .info-col {
  width: calc((100% - 20px) / 2);
  border-radius: 40px;
  padding: 30px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 900px) {
  .about-company .content .about-container .info-col {
    width: 100%;
  }
}
.about-company .content .about-container .info-col h2 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 900px) {
  .about-company .content .about-container .info-col h2 {
    font-size: 40px;
  }
}
.about-company .content .about-container .info-col p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.about-company .content .about-container .info-col .buttons {
  display: flex;
  gap: 30px;
}
@media (max-width: 900px) {
  .about-company .content .about-container .info-col .buttons {
    justify-content: center;
  }
}
.about-company .content .about-container .info-col .buttons button {
  cursor: pointer;
}
.about-company .content .about-container .info-col .buttons .rekvizites {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
}
.about-company .content .about-container .info-col .buttons .rekvizites:hover span {
  color: #ffffff;
}
.about-company .content .about-container .info-col .buttons .rekvizites span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
}

@media (max-width: 1250px) {
  .staff-block .content {
    padding: 0;
  }
}
.staff-block .content .staff-wrapper {
  background: var(--light-gray-blue);
  padding: 20px;
}
@media (max-width: 1250px) {
  .staff-block .content .staff-wrapper {
    padding: 20px 0;
  }
}
.staff-block .content .staff-wrapper .staff-container {
  display: flex;
  padding: 30px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  border-radius: 40px;
  background: #FFF;
}
.staff-block .content .staff-wrapper .staff-container h2 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 900px) {
  .staff-block .content .staff-wrapper .staff-container h2 {
    font-size: 40px;
  }
}
.staff-block .content .staff-wrapper .staff-container .blue-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
.staff-block .content .staff-wrapper .staff-container .staff-list {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card {
  width: calc((100% - 60px) / 4);
  display: flex;
  height: 644px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  border-radius: 40px;
  background: #FFF;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card {
    padding: 20px 35px;
    align-items: center;
    justify-content: center;
    height: auto;
    border-radius: 40px;
    background: #F7F9FC;
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 850px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card {
    width: 100%;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card:hover img {
  transform: scale(1.1);
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card:hover .staff-info {
  top: 178px;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card:hover .staff-info {
    top: 0;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .img-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .img-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(2, 0, 36, 0) 85%, rgb(255, 255, 255) 86%);
  z-index: 1;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .img-container {
    display: flex;
    width: 300px;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    background: #EDF3F7;
    height: 300px;
    overflow: hidden;
  }
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .img-container::before {
    content: none;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 1s ease;
  height: 493px;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .img-container img {
    height: auto;
    object-position: top center;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .title {
  color: #204357;
  text-align: center;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: none;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .title {
    display: block;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .blue-btn {
  display: none;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .blue-btn {
    display: block;
    margin-top: auto;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  background: #FFF;
  top: 490px;
  transition: 0.5s ease;
  z-index: 2;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info {
    top: 0;
    height: 100%;
    border-radius: 40px;
    background: #F7F9FC;
    justify-content: space-between;
    align-items: center;
    display: none;
  }
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info.active {
    display: flex;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .close-row {
  width: 100%;
  display: flex;
  justify-content: right;
  display: none;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .close-row {
    display: flex;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .close-row span {
  cursor: pointer;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .staff-name {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .staff-name {
    text-align: center;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .position {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts {
    align-items: center;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .row {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .row {
    align-items: center;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .row span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .row a {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .working-time {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .working-time {
    align-items: center;
  }
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .working-time ul li {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .links {
  display: flex;
  gap: 20px;
}
@media (max-width: 1490px) {
  .staff-block .content .staff-wrapper .staff-container .staff-list .staff-card .staff-info .contacts .links {
    align-items: center;
  }
}

@media (max-width: 1250px) {
  .vacancies-block .content {
    padding: 0;
    background: var(--light-gray-blue);
  }
}
.vacancies-block .content .wrapper {
  background: var(--light-gray-blue);
  padding: 20px;
  border-radius: 0 0 40px 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1250px) {
  .vacancies-block .content .wrapper {
    background: #FFFFFF;
    border-radius: 40px;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  background: #FFFFFF;
  border-radius: 40px;
  position: relative;
}
@media (max-width: 900px) {
  .vacancies-block .content .wrapper .vacancies-wrapper {
    padding: 0;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper h2 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 900px) {
  .vacancies-block .content .wrapper .vacancies-wrapper h2 {
    font-size: 40px;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper .blue-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper {
  width: 100%;
  height: 221px;
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper .swiper-slide:hover .vacancy-card {
  background: #fff;
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper .swiper-slide:hover .vacancy-card span {
  transform: scale(1.2);
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper .swiper-slide .vacancy-card {
  display: flex;
  padding: 30px 40px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  flex: 1;
  align-self: stretch;
  border-radius: 40px;
  background: #F8F9FC;
  height: 100%;
  width: 100%;
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper .swiper-slide .vacancy-card p {
  color: #204357;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper .swiper-slide .vacancy-card span {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  transition: 0.5s ease;
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper-button-prev {
  width: 51px;
  height: 135px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='135' viewBox='0 0 51 135' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V16.828V23.828V67.328V110.828V134.656C0.344179 132.893 0.864351 131.164 1.55525 129.496C2.91213 126.22 4.90094 123.243 7.40812 120.736C9.4057 118.739 11.7012 117.07 14.2086 115.788C16.3176 115.17 18.3828 114.415 20.3908 113.528C20.4272 113.52 20.4636 113.511 20.5 113.503V113.48C26.1148 110.986 31.2807 107.465 35.7089 103.037C45.1795 93.5663 50.5 80.7214 50.5 67.328C50.5 53.9346 45.1795 41.0897 35.7089 31.6191C31.2807 27.1909 26.1148 23.67 20.5 21.1761V21.1529L20.3909 21.1278C18.3828 20.2415 16.3176 19.4864 14.2086 18.868C11.7012 17.5859 9.4057 15.9174 7.40812 13.9199C4.90094 11.4127 2.91213 8.43621 1.55525 5.16042C0.864351 3.49243 0.344179 1.76347 0 0Z' fill='%23EDF3F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50px);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1250px) {
  .vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper-button-prev {
    display: none;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper-button-prev:hover svg path {
  fill: var(--brand-color);
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper-button-next {
  width: 51px;
  height: 135px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='135' viewBox='0 0 51 135' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51 0V16.828V23.828V67.328V110.828V134.656C50.6558 132.893 50.1356 131.164 49.4447 129.496C48.0879 126.22 46.0991 123.243 43.5919 120.736C41.5943 118.739 39.2988 117.07 36.7914 115.788C34.6824 115.17 32.6172 114.415 30.6092 113.528C30.5728 113.52 30.5364 113.511 30.5 113.503V113.48C24.8852 110.986 19.7193 107.465 15.2911 103.037C5.82052 93.5663 0.5 80.7214 0.5 67.328C0.5 53.9346 5.82052 41.0897 15.2911 31.6191C19.7193 27.1909 24.8852 23.67 30.5 21.1761V21.1529L30.6091 21.1278C32.6172 20.2415 34.6824 19.4864 36.7914 18.868C39.2988 17.5859 41.5943 15.9174 43.5919 13.9199C46.0991 11.4127 48.0879 8.43621 49.4447 5.16042C50.1356 3.49243 50.6558 1.76347 51 0Z' fill='%23EDF3F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 45%;
  right: 0;
  transform: translateY(-50px);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1250px) {
  .vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper-button-next {
    display: none;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper .vacancy-swiper-button-next:hover svg path {
  fill: var(--brand-color);
}

.footer .content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1350px) {
  .footer .content {
    padding: 0;
    background: var(--light-gray-blue);
  }
}
.footer .content .wrapper-row {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer .content .wrapper-row .main-row {
  border-radius: 40px;
  background: #204357;
  display: flex;
  width: 100%;
  padding: 30px 50px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1350px) {
  .footer .content .wrapper-row .main-row {
    padding: 30px 20px;
  }
}
@media (max-width: 1250px) {
  .footer .content .wrapper-row .main-row {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 30px 50px;
  }
}
.footer .content .wrapper-row .main-row .logo {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer .content .wrapper-row .main-row .logo .icon {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #2CB4FE;
}
@media (max-width: 768px) {
  .footer .content .wrapper-row .main-row .logo .icon {
    width: 40px;
    height: 40px;
  }
}
.footer .content .wrapper-row .main-row .logo .icon span {
  color: #F5F7FA;
  font-family: Raleway;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
@media (max-width: 768px) {
  .footer .content .wrapper-row .main-row .logo .icon span {
    font-size: 19px;
  }
}
.footer .content .wrapper-row .main-row .logo h2 {
  width: 209px;
  color: #fff;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (max-width: 768px) {
  .footer .content .wrapper-row .main-row .logo h2 {
    font-size: 20px;
  }
}
.footer .content .wrapper-row .main-row .logo h2 span {
  color: #fff;
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .footer .content .wrapper-row .main-row .logo h2 span {
    font-size: 12px;
  }
}
.footer .content .wrapper-row .main-row .location {
  display: flex;
  gap: 10px;
  align-items: center;
}
.footer .content .wrapper-row .main-row .location span {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 259px;
}
.footer .content .wrapper-row .main-row .email {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer .content .wrapper-row .main-row .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.5 6C2.5 4.89543 3.39543 4 4.5 4H20.5C21.6046 4 22.5 4.89543 22.5 6V18C22.5 19.1046 21.6046 20 20.5 20H4.5C3.39543 20 2.5 19.1046 2.5 18V6ZM6.01859 6L12.5 11.6712L18.9814 6H6.01859ZM20.5 7.32877L13.1585 13.7526C12.7815 14.0825 12.2185 14.0825 11.8415 13.7526L4.5 7.32877V18H20.5V7.32877Z' fill='%232CB4FE'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.footer .content .wrapper-row .main-row .phone {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer .content .wrapper-row .main-row .phone::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='M21.7495 16.4767V19.1864C21.7537 20.2223 20.8223 21.0873 19.7765 20.9929C10.7501 21 3.75006 13.935 3.75713 4.96919C3.66294 3.92895 4.52364 3.00106 5.55817 3.00009H8.27331C8.71253 2.99577 9.13835 3.151 9.47138 3.43684C10.4182 4.24949 11.0272 7.00777 10.7929 8.10428C10.6099 8.96036 9.74696 9.55929 9.16026 10.1448C10.4486 12.4062 12.3247 14.2785 14.5905 15.5644C15.1772 14.9788 15.7774 14.1176 16.6351 13.935C17.7355 13.7008 20.5115 14.3106 21.3209 15.264C21.608 15.6021 21.7605 16.0337 21.7495 16.4767Z' stroke='%232CB4FE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.footer .content .wrapper-row .main-row .links {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer .content .wrapper-row .main-row .links a {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: transparent;
  transition: 0.5s ease;
  border-radius: 10px;
}
.footer .content .wrapper-row .main-row .links a svg {
  flex-shrink: 0;
}
.footer .content .wrapper-row .main-row .links a.tg:hover {
  background: #2CB4FE;
}
.footer .content .wrapper-row .main-row .links a.vk:hover {
  background: #548CF6;
}
.footer .content .wrapper-row .main-row .links a.ok:hover {
  background: #F79418;
}
.footer .content .wrapper-row .copy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1350px) {
  .footer .content .wrapper-row .copy-row {
    flex-direction: column;
    gap: 10px;
  }
}
.footer .content .wrapper-row .copy-row span {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1350px) {
  .footer .content .wrapper-row .copy-row span {
    color: #204357;
  }
}
.footer .content .wrapper-row .copy-row a {
  color: #FFF;
  font-family: "Mplus 1p";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}
@media (max-width: 1350px) {
  .footer .content .wrapper-row .copy-row a {
    color: #204357;
  }
}

@media (max-width: 1250px) {
  .page-content .content {
    padding: 0;
  }
}
.page-content .content .page-content-wrapper {
  border-radius: 0 0 50px 50px;
  padding: 0 20px;
  background: #EDF3F7;
}
@media (max-width: 900px) {
  .page-content .content .page-content-wrapper {
    border-radius: 0;
  }
}
.page-content .content .page-content-wrapper.documents-content-wrapper {
  padding-bottom: 20px;
}
.page-content .content .page-content-wrapper .container {
  display: flex;
  padding: 30px 20px;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  border-radius: 40px;
  background: #FFF;
  flex-direction: column;
}
.page-content .content .page-content-wrapper .container .breadcrumbs {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .breadcrumbs li {
  display: flex;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .breadcrumbs li a {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .breadcrumbs li svg {
  width: 24px;
  height: 24px;
}
.page-content .content .page-content-wrapper .container .breadcrumbs li:last-child a {
  pointer-events: none;
  color: #A8B8C2;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container h1 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 1250px) {
  .page-content .content .page-content-wrapper .container h1 {
    font-size: 40px;
  }
}
.page-content .content .page-content-wrapper .container .head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .head-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-content .content .page-content-wrapper .container .head-row .info-head-container {
  display: flex;
  gap: 20px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .head-row .info-head-container {
    flex-direction: column;
  }
}
.page-content .content .page-content-wrapper .container .head-row .info-head-container p {
  color: #204357;
  text-align: right;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .head-row .info-head-container p {
    text-align: left;
  }
}
.page-content .content .page-content-wrapper .container .head-row .info-head-container p span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .head-row .info-head-container .blue-btn:hover span svg path {
  stroke: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .head-row .info-head-container .blue-btn span {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .head-row .info-head-container .blue-btn span svg {
  width: 24px;
  height: 24px;
}
.page-content .content .page-content-wrapper .container .search {
  width: 100%;
  position: relative;
}
.page-content .content .page-content-wrapper .container .search input {
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  outline: none;
  width: 100%;
  color: #7DA1B5;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .search input::placeholder {
  color: #7DA1B5;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .search button {
  border: none;
  background: transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
.page-content .content .page-content-wrapper .container .text {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.page-content .content .page-content-wrapper .container .houses-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card {
  border-radius: 20px;
  background: #F7F9FC;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  flex-wrap: wrap;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card:hover {
  background: #FFFFFF;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card:hover .num {
  background: var(--brand-color);
  color: #fff;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card:hover .title {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .houses-list .house-card .num {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 50px;
  background: #DFEAF0;
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card .title {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card a {
  margin-left: auto;
  position: relative;
}
@media (max-width: 650px) {
  .page-content .content .page-content-wrapper .container .houses-list .house-card a {
    margin: 0;
  }
}
.page-content .content .page-content-wrapper .container .houses-list .house-card a:hover span svg path {
  stroke: #2CB4FE;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card a span {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .houses-list .house-card a span svg {
  width: 24px;
  height: 24px;
}
.page-content .content .page-content-wrapper .container .staff-container {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card {
  max-width: calc((100% - 30px) / 2);
  width: 100%;
  display: flex;
  gap: 30px;
  height: 500px;
}
@media (max-width: 1250px) {
  .page-content .content .page-content-wrapper .container .staff-container .staff-card {
    flex-direction: column;
    height: unset;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .staff-container .staff-card {
    max-width: 100%;
  }
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 40px;
  background: #EDF3F7;
  height: 100%;
  width: 345px;
  overflow: hidden;
}
@media (max-width: 1250px) {
  .page-content .content .page-content-wrapper .container .staff-container .staff-card .img {
    height: 350px;
    width: 100%;
  }
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .img img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
@media (max-width: 1250px) {
  .page-content .content .page-content-wrapper .container .staff-container .staff-card .img img {
    object-position: top center;
    height: auto;
  }
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .staff-name {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .line {
  background: rgba(86, 146, 178, 0.31);
  height: 1px;
  width: 100%;
  flex-shrink: 0;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .position {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts .row {
  display: flex;
  flex-direction: column;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts .row span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts .row a {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts .working-time {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts .working-time ul li {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.page-content .content .page-content-wrapper .container .staff-container .staff-card .staff-info .contacts .links {
  display: flex;
  gap: 20px;
}
.page-content .content .page-content-wrapper .container .vacancies-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item {
  border-radius: 40px;
  background: #F8F9FC;
  width: 100%;
  cursor: pointer;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item:hover {
  background: #fff;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header {
  display: flex;
  width: 100%;
  padding: 30px;
  gap: 20px;
  align-items: center;
}
@media (max-width: 650px) {
  .page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header {
    padding: 15px;
  }
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header p {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 650px) {
  .page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header p {
    font-size: 20px;
  }
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header span.price {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-left: auto;
}
@media (max-width: 650px) {
  .page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header span.price {
    font-size: 20px;
  }
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header span.icon {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-header span.icon svg {
  width: 24px;
  height: 24px;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 30px;
}
@media (max-width: 650px) {
  .page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-content {
    padding: 0 15px;
  }
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item .accordion-content p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin: 0 0 30px;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item.active .accordion-content {
  max-height: 200px;
}
.page-content .content .page-content-wrapper .container .vacancies-list .accordion-item.active .accordion-header span.icon {
  transform: rotate(180deg);
}
.page-content .content .page-content-wrapper .container .attention {
  display: flex;
  gap: 10px;
}
.page-content .content .page-content-wrapper .container .attention p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  max-width: 641px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .attention p a {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
}
.page-content .content .page-content-wrapper .container .table {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .table .table-head {
  border-radius: 20px;
  background: #EDF3F7;
  display: flex;
  width: 100%;
  padding: 30px;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-head {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-head {
    gap: 10px;
    padding: 10px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-head .num {
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: 50px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-head .num {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-head .num {
    width: 25px;
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-head .serv-name {
  flex: 1;
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-head .serv-name {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-head .serv-name {
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-head .unit {
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: 210px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-head .unit {
    width: 110px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-head .unit {
    width: 80px;
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-head .price {
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: 207px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-head .price {
    width: 110px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-head .price {
    width: 80px;
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-row {
  border-radius: 20px;
  background: #F8F9FC;
  display: flex;
  width: 100%;
  padding: 30px;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-row {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-row {
    gap: 10px;
    padding: 10px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-row:hover {
  background: #FFFFFF;
}
.page-content .content .page-content-wrapper .container .table .table-row:hover .num {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .table .table-row:hover .serv-name {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .table .table-row:hover .unit {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .table .table-row:hover .price {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .table .table-row .num {
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: 50px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-row .num {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-row .num {
    width: 25px;
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-row .serv-name {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-row .serv-name {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-row .serv-name {
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-row .unit {
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 210px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-row .unit {
    width: 110px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-row .unit {
    width: 50px;
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .table-row .price {
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: 207px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .table-row .price {
    width: 110px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .table-row .price {
    width: 50px;
    font-size: 12px;
  }
}
.page-content .content .page-content-wrapper .container .table .title-row {
  display: flex;
  padding: 20px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .title-row {
    padding: 15px 0;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .title-row {
    padding: 10px 0;
  }
}
.page-content .content .page-content-wrapper .container .table .title-row h3 {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .table .title-row h3 {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .table .title-row h3 {
    font-size: 18px;
  }
}
.page-content .content .page-content-wrapper .container .news-page-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .news-page-list .news-page-card {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.page-content .content .page-content-wrapper .container .news-page-list .news-page-card:hover p {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .news-page-list .news-page-card .date {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .news-page-list .news-page-card .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-content .content .page-content-wrapper .container .news-page-list .news-page-card p {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .news-page-list .line {
  width: 100%;
  height: 1px;
  background: rgba(86, 146, 178, 0.31);
}
.page-content .content .page-content-wrapper .container .contacts-columns {
  display: flex;
  gap: 50px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .contacts-columns {
    flex-direction: column;
    gap: 30px;
  }
}
.page-content .content .page-content-wrapper .container .contacts-columns .col {
  width: calc((100% - 100px) / 3);
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .contacts-columns .col {
    width: 100%;
  }
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .chapter {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row p.location {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row p.sub-chapter {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row a {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row a.mail {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row ul li {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: var(--brand-color);
  border-radius: 50px;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .links-wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .links-wrap .link-wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .links-wrap .link-wrap span {
  font-family: "Mplus 1p";
  font-size: 20px;
  font-weight: 400;
  line-height: 29.7px;
  text-align: left;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #F7F9FC;
  box-shadow: 0px 3px 4px -2px rgba(86, 146, 178, 0.31);
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link svg {
  flex-shrink: 0;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link.watsapp:hover {
  background: #3ADC49;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link.watsapp:hover svg path {
  fill: #fff;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link.telegram:hover {
  background: #2CB4FE;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link.telegram:hover svg path {
  fill: #fff;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link.vk:hover {
  background: #548CF6;
}
.page-content .content .page-content-wrapper .container .contacts-columns .col .row .contact-link.vk:hover svg path {
  fill: #fff;
}
.page-content .content .page-content-wrapper .container .filter {
  display: flex;
  gap: 20px;
}
.page-content .content .page-content-wrapper .container .filter li {
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  display: flex;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.page-content .content .page-content-wrapper .container .filter li.active {
  background: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .filter li.active span {
  color: #fff;
}
.page-content .content .page-content-wrapper .container .filter li:hover::before {
  content: "";
  transform: scale(10);
  transition: 0.5s ease;
  bottom: -10px;
}
.page-content .content .page-content-wrapper .container .filter li:hover span {
  color: #fff;
}
.page-content .content .page-content-wrapper .container .filter li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--brand-color);
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 0.5s ease;
}
.page-content .content .page-content-wrapper .container .filter li span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
}
.page-content .content .page-content-wrapper .container .documents-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .documents-container h2 {
  margin: 20px 0;
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .documents-container h2 {
    font-size: 20px;
  }
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li {
  display: flex;
  width: 100%;
  border-radius: 20px;
  background: #F7F9FC;
  align-items: center;
  padding: 20px;
  gap: 30px;
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .documents-container .documents-list li {
    flex-direction: column;
  }
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li:hover {
  background: #FFFFFF;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li:hover .info p {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .info span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .info p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .btns {
  display: flex;
  gap: 30px;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .btns button {
  position: relative;
  display: flex;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  background: transparent;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .btns button:hover span {
  color: #fff;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .btns button span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .btns a:hover span svg path {
  stroke: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .documents-container .documents-list li .btns a span {
  position: relative;
  z-index: 1;
}
.page-content .content .page-content-wrapper .container .repair-table {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .repair-table .table-head {
  display: flex;
  gap: 20px;
  padding: 30px;
  border-radius: 20px;
  width: 100%;
}
.page-content .content .page-content-wrapper .container .repair-table .table-head p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .repair-table .table-head p:first-child {
  flex: 1;
}
.page-content .content .page-content-wrapper .container .repair-table .table-head p:last-child {
  width: 210px;
  text-align: center;
}
.page-content .content .page-content-wrapper .container .repair-table .table-row {
  display: flex;
  gap: 20px;
  border-radius: 20px;
  background: #F8F9FC;
  width: 100%;
  padding: 30px;
  align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .repair-table .table-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-content .content .page-content-wrapper .container .repair-table .table-row:hover {
  background: #FFFFFF;
}
.page-content .content .page-content-wrapper .container .repair-table .table-row:hover p:first-child {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .repair-table .table-row:hover p:last-child {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .repair-table .table-row p:first-child {
  flex: 1;
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .repair-table .table-row p:last-child {
  width: 210px;
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .container .repair-table .table-row p:last-child {
    width: unset;
    text-align: unset;
  }
}
.page-content .content .page-content-wrapper .container .full-width {
  width: 100%;
}
.page-content .content .page-content-wrapper .container .licensy-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card {
  display: flex;
  width: calc((100% - 90px) / 4);
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  border-radius: 20px;
  background: #F7F9FC;
  height: fit-content;
}
@media (max-width: 1440px) {
  .page-content .content .page-content-wrapper .container .licensy-list .licensy-card {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .licensy-list .licensy-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 730px) {
  .page-content .content .page-content-wrapper .container .licensy-list .licensy-card {
    width: 100%;
  }
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card:hover .img img {
  transform: scale(1.1);
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card:hover p {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .img {
  height: 420px;
  width: 100%;
  overflow: hidden;
  border-radius: 18.667px;
  cursor: pointer;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .view-btn {
  width: 100%;
  position: relative;
  display: flex;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  overflow: hidden;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .view-btn:hover span {
  color: #fff;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .view-btn span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .blue-btn {
  width: 100%;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .blue-btn:hover span svg path {
  stroke: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .blue-btn span {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .licensy-list .licensy-card .blue-btn span svg {
  width: 24px;
  height: 24px;
}
.page-content .content .page-content-wrapper .container .gratitude-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card {
  display: flex;
  width: calc((100% - 90px) / 4);
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  border-radius: 20px;
  background: #F7F9FC;
}
@media (max-width: 1440px) {
  .page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 1024px) {
  .page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 730px) {
  .page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card {
    width: 100%;
  }
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card:hover .img img {
  transform: scale(1.1);
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card:hover p {
  color: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .img {
  height: 420px;
  width: 100%;
  overflow: hidden;
  border-radius: 18.667px;
  cursor: pointer;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card p {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .view-btn {
  width: 100%;
  position: relative;
  display: flex;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid rgba(86, 146, 178, 0.31);
  overflow: hidden;
  margin-top: auto;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .view-btn:hover span {
  color: #fff;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .view-btn span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .blue-btn {
  width: 100%;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .blue-btn:hover span svg path {
  stroke: var(--brand-color);
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .blue-btn span {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-content .content .page-content-wrapper .container .gratitude-list .gratitude-card .blue-btn span svg {
  width: 24px;
  height: 24px;
}
.page-content .content .page-content-wrapper .pagination {
  padding: 50px 30px;
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .pagination {
    padding: 50px 0;
  }
}
.page-content .content .page-content-wrapper .pagination li {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #DFEAF0;
  color: #204357;
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
@media (max-width: 768px) {
  .page-content .content .page-content-wrapper .pagination li {
    width: 40px;
    height: 40px;
  }
}
.page-content .content .page-content-wrapper .pagination li:hover {
  background: var(--brand-color);
  color: #fff;
}
.page-content .content .page-content-wrapper .pagination li:hover svg path {
  fill: #fff;
}
.page-content .content .page-content-wrapper .pagination li.active {
  background: var(--brand-color);
  color: #fff;
}
.page-content .content .page-content-wrapper .pagination li.active svg path {
  fill: #fff;
}
.page-content .content .page-content-wrapper .map-wrapper {
  padding: 20px 0;
}
.page-content .content .page-content-wrapper .map-wrapper .map {
  height: 614px;
  width: 100%;
  border-radius: 40px;
  background: #FFF;
  overflow: hidden;
}
.page-content .content .page-content-wrapper .map-wrapper .map div {
  width: 100%;
  height: 100%;
}
.page-content .content .page-content-wrapper .map-wrapper .map div iframe {
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 1250px) {
  .news-block .content {
    padding: 0;
  }
}
.news-block .content .news-container {
  border-radius: 50px;
  background: #EDF3F7;
  display: flex;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1250px) {
  .news-block .content .news-container {
    border-radius: 50px 50px 0 0;
  }
}
@media (max-width: 900px) {
  .news-block .content .news-container {
    border-radius: 0;
  }
}
.news-block .content .news-container .news-banner {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  align-self: stretch;
  border-radius: 40px;
  background: #FFF;
  flex: 1;
}
@media (max-width: 900px) {
  .news-block .content .news-container .news-banner {
    gap: 50px;
    border-radius: 0;
  }
}
.news-block .content .news-container .news-banner h2 {
  color: #204357;
  font-family: Raleway;
  font-size: 55px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 900px) {
  .news-block .content .news-container .news-banner h2 {
    font-size: 40px;
  }
}
.news-block .content .news-container .news-banner .news-cards {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .news-block .content .news-container .news-banner .news-cards {
    gap: 50px;
    flex-direction: column;
  }
}
.news-block .content .news-container .news-banner .news-cards .news-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc((100% - 180px) / 4);
}
@media (max-width: 1250px) {
  .news-block .content .news-container .news-banner .news-cards .news-card {
    width: calc((100% - 60px) / 2);
  }
}
@media (max-width: 900px) {
  .news-block .content .news-container .news-banner .news-cards .news-card {
    width: 100%;
  }
}
.news-block .content .news-container .news-banner .news-cards .news-card:hover p {
  color: var(--brand-color);
}
.news-block .content .news-container .news-banner .news-cards .news-card:hover span {
  color: var(--brand-color);
}
.news-block .content .news-container .news-banner .news-cards .news-card p {
  color: #204357;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.news-block .content .news-container .news-banner .news-cards .news-card span {
  color: #204357;
  font-family: "Mplus 1p";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-block .content .news-container .news-banner .blue-btn {
  width: 100%;
}

@keyframes changeCircle {
  from {
    background: var(--brand-color);
    width: 238px;
    height: 238px;
  }
  to {
    background: #7DA1B5;
    width: 938px;
    height: 938px;
  }
}
@keyframes shrinkCircle {
  from {
    background: #7DA1B5;
    width: 938px;
    height: 938px;
  }
  to {
    background: var(--brand-color);
    width: 238px;
    height: 238px;
  }
}

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


.vacancies-block .content .wrapper .vacancies-wrapper .blue-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper {
  width: 100%;
  height: 221px;
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper .swiper-slide:hover .banner-card {
  background: #fff;
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper .swiper-slide:hover .banner-card span {
  transform: scale(1.2);
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper .swiper-slide .banner-card {
  display: flex;
  padding: 30px 40px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  flex: 1;
  align-self: stretch;
  border-radius: 40px;
  background: #F8F9FC;
  height: 100%;
  width: 100%;
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper .swiper-slide .banner-card p {
  color: #204357;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper .swiper-slide .banner-card span {
  color: #2CB4FE;
  font-family: "Mplus 1p";
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  transition: 0.5s ease;
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper-button-prev {
  width: 51px;
  height: 135px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='135' viewBox='0 0 51 135' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V16.828V23.828V67.328V110.828V134.656C0.344179 132.893 0.864351 131.164 1.55525 129.496C2.91213 126.22 4.90094 123.243 7.40812 120.736C9.4057 118.739 11.7012 117.07 14.2086 115.788C16.3176 115.17 18.3828 114.415 20.3908 113.528C20.4272 113.52 20.4636 113.511 20.5 113.503V113.48C26.1148 110.986 31.2807 107.465 35.7089 103.037C45.1795 93.5663 50.5 80.7214 50.5 67.328C50.5 53.9346 45.1795 41.0897 35.7089 31.6191C31.2807 27.1909 26.1148 23.67 20.5 21.1761V21.1529L20.3909 21.1278C18.3828 20.2415 16.3176 19.4864 14.2086 18.868C11.7012 17.5859 9.4057 15.9174 7.40812 13.9199C4.90094 11.4127 2.91213 8.43621 1.55525 5.16042C0.864351 3.49243 0.344179 1.76347 0 0Z' fill='%23EDF3F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50px);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1250px) {
  .vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper-button-prev {
    display: none;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper-button-prev:hover svg path {
  fill: var(--brand-color);
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper-button-next {
  width: 51px;
  height: 135px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='135' viewBox='0 0 51 135' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51 0V16.828V23.828V67.328V110.828V134.656C50.6558 132.893 50.1356 131.164 49.4447 129.496C48.0879 126.22 46.0991 123.243 43.5919 120.736C41.5943 118.739 39.2988 117.07 36.7914 115.788C34.6824 115.17 32.6172 114.415 30.6092 113.528C30.5728 113.52 30.5364 113.511 30.5 113.503V113.48C24.8852 110.986 19.7193 107.465 15.2911 103.037C5.82052 93.5663 0.5 80.7214 0.5 67.328C0.5 53.9346 5.82052 41.0897 15.2911 31.6191C19.7193 27.1909 24.8852 23.67 30.5 21.1761V21.1529L30.6091 21.1278C32.6172 20.2415 34.6824 19.4864 36.7914 18.868C39.2988 17.5859 41.5943 15.9174 43.5919 13.9199C46.0991 11.4127 48.0879 8.43621 49.4447 5.16042C50.1356 3.49243 50.6558 1.76347 51 0Z' fill='%23EDF3F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 45%;
  right: 0;
  transform: translateY(-50px);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1250px) {
  .vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper-button-next {
    display: none;
  }
}
.vacancies-block .content .wrapper .vacancies-wrapper .banner-swiper-button-next:hover svg path {
  fill: var(--brand-color);
}