:root {
  --Bg: #F6F7F9;
  --Blue-firm: #134C80;
  --Blue-firm-hover: #2574BB;
  --Blue-sub: #6F96B9;
  --Karaka-Orange: #DD5A35;
  --Karaka-Orange-hover: #FF734B;
  --Line: #DBE3E9;
  --color-dark-blue: #0D3962;
  --color-dark: #1C274C;
  --color-white: #FFFFFF;
  --color-vk: #07F;
  --color-inst: #EF3B86;
  --font-family: "Manrope", sans-serif;
  --container-w: 1348px;
  --gap: 60px;
  --fz-h1: 60px;
  --fz-h2: 52px;
  --fz-h3: 40px;
  --fz-36: 36px;
  --fz-34: 34px;
  --fz-32: 32px;
  --fz-h4: 26px;
  --fz-24: 24px;
  --fz-h5: 22px;
  --fz-20: 20px;
  --fz-18: 18px;
  --fz-p: 17px;
  --fz-16: 16px;
  --fz-xs: 14px;
}
@media screen and (max-width: 1550px) {
  :root {
    --container-w: 1200px;
    --gap: 50px;
    --fz-h1: 58px;
    --fz-h2: 48px;
    --fz-h3: 36px;
    --fz-36: 34px;
    --fz-34: 32px;
    --fz-32: 30px;
    --fz-h4: 24px;
    --fz-24: 22px;
    --fz-h5: 20px;
    --fz-20: 28px;
    --fz-18: 16px;
    --fz-p: 16px;
    --fz-16: 15px;
    --fz-xs: 14px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --container-w: 1100px;
    --gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --container-w: 900px;
    --gap: 40px;
    --fz-h1: 30px;
    --fz-h2: 34px;
    --fz-h3: 32px;
    --fz-h4: 20px;
    --fz-h5: 20px;
    --fz-34: 20px;
    --fz-18: 16px;
    --fz-p: 16px;
    --fz-16: 14px;
    --fz-xs: 13px;
    --fz-24: 22px;
    --fz-36: 20px;
    --fz-32: 20px;
    --fz-20: 18px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --gap: 40px;
    --fz-h1: 30px;
    --fz-h2: 34px;
    --fz-h3: 32px;
    --fz-h4: 20px;
    --fz-h5: 20px;
    --fz-34: 20px;
    --fz-18: 17px;
    --fz-p: 16px;
    --fz-16: 14px;
    --fz-xs: 13px;
    --fz-24: 22px;
    --fz-36: 20px;
    --fz-32: 20px;
    --fz-20: 18px;
  }
}

html {
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
}

body {
  background-color: var(--color-bg);
  color: var(--color-dark);
  padding: 0;
  margin: 0;
  font-feature-settings: "pnum" on, "lnum" on;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body.modal_opened, body.menu_opened {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

a, button {
  transition: all 0.2s ease-in-out;
}

a {
  text-decoration: underline;
}

.container {
  width: var(--container-w);
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container__full {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.container__full > .container {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .container__full {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .container__full {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.flex {
  display: flex;
  width: 100%;
}

.ai_center {
  align-items: center;
}

.jc_center {
  justify-content: center;
}

.section__footer {
  padding-top: 40px;
}
@media screen and (max-width: 1024px) {
  .section__footer {
    padding-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .section__footer {
    padding-top: 20px;
    display: flex;
    justify-content: center;
  }
}
.section__title {
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: var(--fz-h2);
  line-height: 110%;
  padding: 0;
  margin: 0 0 var(--gap);
}
.section__title__sm {
  font-size: var(--fz-h3);
}
.section__blue .section__title {
  color: var(--color-white);
}
.section__title:after {
  content: "";
  margin-top: 20px;
  width: var(--gap);
  height: 4px;
  display: block;
  border-radius: 5px;
  background: var(--Karaka-Orange, #DD5A35);
}
@media screen and (max-width: 768px) {
  .section__title:after {
    margin-top: 20px;
  }
}
.blue_form .section__title {
  font-size: var(--fz-34);
}
.section__title.mb20 {
  margin-bottom: 20px;
}
.section__title.mb0 {
  margin-bottom: 0;
}
.section__title.noborder:after {
  display: none;
}
.section__white {
  padding: calc(var(--gap) * 2) 0 calc(var(--gap) * 2 + 24px) 0;
  background-color: var(--color-white);
  margin-top: -24px;
  border-radius: 24px 24px 0 0;
}
@media screen and (max-width: 768px) {
  .section__white {
    padding: 50px 0 66px 0;
    border-radius: 16px 16px 0 0;
    margin-top: -16px;
  }
}
.section__white + .section__white {
  padding-top: 0;
}
.section__light_grey {
  padding: calc(var(--gap) * 2) 0 calc(var(--gap) * 2 + 24px) 0;
  background: #F6F7F9;
  margin-top: -24px;
  border-radius: 24px 24px 0 0;
}
@media screen and (max-width: 768px) {
  .section__light_grey {
    padding: 50px 0 66px 0;
    border-radius: 16px 16px 0 0;
    margin-top: -16px;
  }
}
.section__light_grey + .section__light_grey {
  padding-top: 0;
}
.container__full .section__light_grey {
  border-radius: 24px;
  margin-bottom: 24px;
}
.section__light_grey__wor {
  position: relative;
  overflow: hidden;
}
.section__light_grey__wor .container {
  z-index: 2;
  position: relative;
}
.section__light_grey__wor::before {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  left: -614px;
  top: -670px;
  content: "";
  display: block;
  pointer-events: none;
  z-index: 1;
}
.section__light_grey__wor::after {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  right: -323px;
  top: 200px;
  content: "";
  display: block;
  pointer-events: none;
  z-index: 1;
}
.section__blue {
  padding: calc(var(--gap) * 2) 0 calc(var(--gap) * 2 + 24px) 0;
  background-color: var(--Blue-firm);
  margin-top: -24px;
  border-radius: 24px 24px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .section__blue {
    padding: 50px 0 66px 0;
    border-radius: 16px 16px 0 0;
    margin-top: -16px;
  }
}
.section__blue + .section__blue {
  padding-top: 0;
}
.section__blue__why {
  background-color: var(--color-dark-blue);
  background-image: url(../images/why_bg.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 40% auto;
}
@media screen and (max-width: 1024px) {
  .section__blue__why {
    background-image: none;
  }
}
.container__full > .section__blue {
  border-radius: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .container__full > .section__blue {
    border-radius: 16px;
    margin-bottom: 16px;
  }
}
.section__blue__dark {
  background-color: #0D3962;
}
.section__sw {
  overflow: hidden;
}
.section__notm {
  margin-top: 0;
}
.section__pagetop {
  padding: 50px 0;
  border-radius: 24px;
  background: #F6F7F9;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .section__pagetop {
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .section__pagetop {
    border-radius: 16px;
    padding: 30px 0;
  }
}
.section__pagetop::before {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  left: -614px;
  top: -670px;
  content: "";
  display: block;
  pointer-events: none;
}
.section__pt_half {
  padding-top: var(--gap);
}
.section__top {
  position: relative;
  overflow: hidden;
}
.section__top::before {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  left: -614px;
  top: -670px;
  content: "";
  display: block;
  pointer-events: none;
}
.section__top::after {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  bottom: -680px;
  right: -770px;
  content: "";
  display: block;
  pointer-events: none;
}

.page_title {
  margin-top: 0;
  font-size: var(--fz-h3);
  color: var(--Blue-firm);
  font-weight: 800;
}
.page_title:last-child {
  margin-bottom: 0;
}

.hr {
  margin: var(--gap) 0;
  background: var(--Line, #DBE3E9);
  border-color: var(--Line, #DBE3E9);
  width: 100%;
  display: block;
  height: 1px;
}

.wbg {
  position: absolute;
  pointer-events: none;
  width: 17%;
  aspect-ratio: 3/4;
  background-image: url("../images/blue_bg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  bottom: 30px;
  right: 35px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .wbg {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .wbg {
    display: none;
  }
}

.text_content {
  color: var(--Blue-firm);
  font-size: var(--fz-18);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.text_content p {
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .text_content p {
    line-height: 140%;
  }
}
.text_content h1, .text_content h2, .text_content h3, .text_content h4, .text_content h5, .text_content h6 {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.text_content h1:first-child, .text_content h2:first-child, .text_content h3:first-child, .text_content h4:first-child, .text_content h5:first-child, .text_content h6:first-child {
  margin-top: 0;
}
.text_content h1 {
  font-size: var(--fz-h1);
}
.text_content h2 {
  font-size: var(--fz-h2);
}
.text_content h3 {
  font-size: var(--fz-h3);
}
.text_content h4 {
  font-size: var(--fz-h4);
}
.text_content h5 {
  font-size: var(--fz-h5);
}
.text_content h6 {
  font-size: var(--fz-p);
}
.text_content .orange {
  color: var(--Karaka-Orange);
}
.text_content a:not(.btn) {
  color: var(--Karaka-Orange);
}
.text_content a:not(.btn):hover {
  opacity: 0.9;
}
.text_content ul {
  padding-left: 30px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 40px;
}
.text_content ul li {
  margin-bottom: 5px;
}
.text_content ul.list_checked {
  list-style: none;
  padding: 0;
  margin: 0 0 60px;
}
.text_content ul.list_checked li {
  padding-left: 36px;
  position: relative;
  margin-bottom: 14px;
}
.text_content ul.list_checked li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background-image: url("../images/icons/list_checked.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.text_content ul.list_pr {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.bigtabs .text_content ul.list_pr {
  max-width: 865px;
}
.text_content ul.list_pr li {
  padding: 26px 0;
  border-top: 1px dashed #BAC9D4;
  position: relative;
  padding-left: 30px;
}
.text_content ul.list_pr li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 33px;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/list_pr.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.text_content ul.list_pr li:last-child {
  padding-bottom: 0;
}
.text_content ul.list_pr li.not, .text_content ul.list_pr li:first-child {
  padding-top: 0;
  border-top: none;
}
.text_content ul.list_pr li.not:before, .text_content ul.list_pr li:first-child:before {
  top: 5px;
}
.text_content ul.list__2col {
  display: flex;
  flex-flow: row wrap;
  gap: 0 20px;
}
.text_content ul.list__2col li {
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .text_content ul.list__2col li {
    width: 100%;
  }
}

p {
  margin-bottom: 20px;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .text_content__prices h1, .text_content__prices h2, .text_content__prices h3, .text_content__prices h4, .text_content__prices h5, .text_content__prices h6 {
    margin-bottom: 20px;
  }
}
.header {
  position: relative;
}
.header__content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 2%;
}
@media screen and (max-width: 768px) {
  .header__content {
    gap: 3%;
    min-height: 90px;
  }
}
.header__main {
  width: 73%;
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (max-width: 1550px) {
  .header__main {
    width: 78%;
  }
}
@media screen and (max-width: 1024px) {
  .header__main {
    width: 78%;
  }
}
@media screen and (max-width: 768px) {
  .header__main {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    position: fixed;
    width: 100%;
    top: 90px;
    left: 0;
    right: 0;
    height: calc(100dvh - 90px);
    z-index: 99;
    background: #fff;
  }
  .menu_opened .header__main {
    opacity: 1;
    pointer-events: auto;
  }
}
.header__main__row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1.5%;
}
@media screen and (max-width: 768px) {
  .header__main__row {
    gap: 10px;
    flex-direction: column;
    padding: 16px;
    overflow: auto;
  }
}
.header__main__row__pad {
  padding: 20px 0;
}
@media screen and (max-width: 1024px) {
  .header__main__row__pad {
    padding: 16px 0;
  }
}
@media screen and (max-width: 768px) {
  .header__main__row__pad {
    order: 2;
    margin-top: auto;
    padding: 16px;
    background: #fff;
  }
}
.header__logo {
  width: 25%;
}
@media screen and (max-width: 1550px) {
  .header__logo {
    width: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .header__logo {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 17%;
    padding: 20px 0;
  }
}
.header__logo svg {
  width: 100%;
  max-width: 111px;
  height: auto;
  display: block;
}
.header__menu {
  border-top: 1px solid #E1E5EF;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .header__menu {
    flex-direction: column;
    border: none;
    max-height: calc(100dvh - 90px - 32px - 196px);
  }
}
.header__menu__item {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header__menu__item {
    border-bottom: 1px solid var(--Line, #DBE3E9);
    padding: 6px 0;
  }
}
.header__menu__item > a {
  text-decoration: none;
  border-bottom: 3px solid transparent;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-p);
  color: var(--Blue-firm);
  padding: 6px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__menu__item > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .header__menu__item > a {
    width: 100%;
    display: flex;
    padding: 16px 0;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .header__menu__item > a.active {
    border-color: transparent;
    color: var(--Karaka-Orange);
  }
}
.header__menu__item > a:hover {
  color: var(--Karaka-Orange);
}
@media screen and (max-width: 768px) {
  .header__menu__item > a:hover {
    border-color: transparent;
    color: var(--Blue-firm);
  }
}
@media screen and (max-width: 768px) {
  .header__menu__item a {
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: var(--fz-p);
    color: var(--Blue-firm);
    box-sizing: border-box;
    width: 100%;
    display: flex;
    padding: 16px 0;
    border: none;
  }
}
.header__menu__item__expanded > a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header__menu__item__expanded > a {
    width: calc(100% - 30px);
  }
}
.header__menu__item__expanded > a .after {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  content: "";
  background-image: url(../images/icons/top_menu_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .header__menu__item__expanded > a .after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .header__menu__item__expanded > a:hover .after {
    transform: rotate(180deg);
  }
}
.header__menu__item__expanded .mobile_after {
  display: none;
}
@media screen and (min-width: 768px) {
  .header__menu__item__expanded:hover .header__menu__submenu {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 768px) {
  .header__menu__item__expanded {
    flex-wrap: wrap;
  }
  .header__menu__item__expanded .mobile_after {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: flex-end;
    background-image: url("../images/icons/arrow_menu_phone.svg");
    background-repeat: no-repeat;
    background-position: center right;
  }
}
@media screen and (min-width: 768px) {
  .header__menu__submenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 9;
    width: 100%;
    border-top: 2px solid #F1F6FA;
    border-bottom: 2px solid #F1F6FA;
    background: #FFF;
    padding: 80px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 90px;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none;
  }
  .header__menu__submenu .header__menu__subitem > a {
    color: var(--Blue-firm, #134C80);
    text-decoration: none;
    font-size: var(--fz-h5);
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
  }
  .header__menu__submenu .header__menu__subitem > a:hover, .header__menu__submenu .header__menu__subitem > a:active {
    color: var(--Karaka-Orange);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__menu__submenu {
    padding: var(--gap) 16px;
    gap: 20px;
  }
  .header__menu__submenu .header__menu__subitem {
    max-width: calc(33.33333% - 20px);
  }
  .header__menu__submenu .header__menu__subitem > a {
    font-size: 16px;
  }
}
.header__menu__thirdmenu {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .header__menu__thirdmenu {
    display: none;
    gap: 0;
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .header__menu__thirdmenu a {
    color: var(--Blue-firm, #134C80);
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: var(--fz-18);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
  }
  .header__menu__thirdmenu a:before {
    content: "";
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 2px;
    background: var(--Karaka-Orange, #DD5A35);
    display: block;
  }
  .header__menu__thirdmenu a:hover, .header__menu__thirdmenu a:active {
    color: var(--Karaka-Orange);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__menu__thirdmenu {
    padding-top: 20px;
    gap: 16px;
  }
  .header__menu__thirdmenu a {
    color: var(--Blue-firm, #134C80);
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: normal;
  }
  .header__menu__thirdmenu a:before {
    content: "";
    width: 4px;
    height: 4px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 2px;
    background: var(--Karaka-Orange, #DD5A35);
    display: block;
  }
  .header__menu__thirdmenu a:hover, .header__menu__thirdmenu a:active {
    color: var(--Karaka-Orange);
  }
}
@media screen and (max-width: 768px) {
  .header__menu__thirdmenu a {
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: var(--fz-p);
    color: var(--Blue-firm);
    box-sizing: border-box;
    width: 100%;
    display: flex;
    padding: 16px 0;
    border: none;
    border-top: 1px solid var(--Line, #DBE3E9);
  }
}
@media screen and (max-width: 768px) {
  .header__menu .header__menu__submenu {
    display: none;
  }
  .header__menu.mopenlevel > .header__menu__item:not(.mopened) {
    display: none;
  }
  .header__menu.mopenlevel > .mopened > .mobile_after {
    order: -1;
    transform: rotate(180deg);
  }
  .header__menu.mopenlevel > .mopened > a {
    color: var(--Karaka-Orange);
  }
  .header__menu.mopenlevel > .mopened > .header__menu__submenu {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .header__menu.mopenlevel > .mopened > .header__menu__submenu > .header__menu__subitem {
    border-top: 1px solid var(--Line, #DBE3E9);
  }
  .header__menu.mopenlevel > .mopened > .header__menu__submenu > .header__menu__subitem__expanded {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
  }
  .header__menu.mopenlevel > .mopened > .header__menu__submenu > .header__menu__subitem__expanded > a {
    width: calc(100% - 30px);
  }
  .header__menu.mopenlevel > .mopened > .header__menu__submenu .mobile_after_l2 {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: flex-end;
    background-image: url("../images/icons/arrow_menu_phone.svg");
    background-repeat: no-repeat;
    background-position: center right;
  }
  .header__menu.mopenlevel2 .header__menu__submenu > .header__menu__subitem__expanded:not(.mopened) {
    display: none !important;
  }
  .header__menu.mopenlevel2 > .mopened > .mobile_after,
.header__menu.mopenlevel2 > .mopened > a {
    display: none;
  }
  .header__menu.mopenlevel2 .header__menu__submenu > .header__menu__subitem__expanded.mopened > a {
    color: var(--Karaka-Orange);
  }
  .header__menu.mopenlevel2 .header__menu__submenu > .header__menu__subitem__expanded.mopened > .mobile_after_l2 {
    transform: rotate(180deg);
    order: -1;
  }
  .header__menu.mopenlevel2 .header__menu__submenu > .header__menu__subitem__expanded.mopened .header__menu__thirdmenu {
    display: flex;
  }
}
.header__search {
  width: 29.5%;
}
@media screen and (max-width: 1024px) {
  .header__search {
    width: 35%;
  }
}
@media screen and (max-width: 768px) {
  .header__search {
    width: 100%;
  }
}
.header__work {
  height: 50px;
  display: flex;
  padding: 5px 20px;
  flex-flow: row nowrap;
  gap: 5px;
  align-items: center;
  border-radius: 12px;
  background: #FFE9E2;
  color: var(--Karaka-Orange, #DD5A35);
  line-height: 1;
  font-size: 15px;
  width: 21%;
}
@media screen and (max-width: 1200px) {
  .header__work {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .header__work {
    width: 100%;
    display: none;
  }
}
.header__contact {
  width: 27.5%;
  display: flex;
  line-height: 1;
  align-items: center;
  position: relative;
  padding: 10px 0;
}
@media screen and (max-width: 1024px) {
  .header__contact {
    width: 37%;
  }
}
@media screen and (max-width: 768px) {
  .header__contact {
    width: 100%;
    justify-content: center;
  }
}
.header__contact__icon {
  margin-right: 10px;
}
.header__contact__icon svg {
  width: 24px;
  height: auto;
  display: block;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .header__contact__icon svg {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__contact__icon svg {
    width: 20px;
  }
}
.header__contact__val {
  text-decoration: none;
  color: var(--Blue-firm);
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media screen and (max-width: 1550px) {
  .header__contact__val {
    font-size: 18px;
  }
}
@media screen and (max-width: 1200px) {
  .header__contact__val {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__contact__val {
    font-size: 16px;
  }
}
.header__contact__val:hover {
  color: var(--Karaka-Orange);
}
.header__contact__more {
  margin-left: 4px;
  color: var(--Blue-firm);
  cursor: pointer;
  /*   &:hover {
       color: var(--Karaka-Orange);
     }*/
}
@media screen and (max-width: 768px) {
  .header__contact__more {
    display: none;
  }
}
.header__contact__more svg {
  width: 20px;
  height: auto;
  display: block;
  transition: all 0.2s ease-in-out;
}
.header__contact__modal {
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 41px 0px rgba(160, 170, 191, 0.13);
  z-index: 3;
  padding: 30px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 1550px) {
  .header__contact__modal {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .header__contact__modal {
    display: none;
  }
}
.header__contact__modal__title {
  color: var(--Karaka-Orange, #DD5A35);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  display: block;
  margin-top: 20px;
}
.header__contact__modal__title:first-child {
  margin-top: 0;
}
.header__contact__modal__title:last-child {
  margin-bottom: 0;
}
.header__contact__modal__val {
  display: block;
  text-decoration: none;
  margin-bottom: 4px;
  color: var(--Blue-firm, #134C80);
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__contact__modal__val {
    font-size: 14px;
  }
}
.header__contact__modal a.header__contact__modal__val:hover {
  text-decoration: none;
  color: var(--Karaka-Orange, #DD5A35);
}
@media screen and (min-width: 768px) {
  .header__contact:hover .header__contact__modal {
    pointer-events: all;
    opacity: 1;
  }
  .header__contact:hover .header__contact__more {
    color: var(--Karaka-Orange);
  }
  .header__contact:hover .header__contact__more svg {
    transform: rotate(180deg);
  }
}
.header__btn {
  width: 17.5%;
}
@media screen and (max-width: 1024px) {
  .header__btn {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .header__btn {
    width: 100%;
  }
}
.header__btn .btn {
  height: 50px;
  padding: 5px 20px;
  width: 100%;
  font-size: 16px;
  border: 2px solid;
}
@media screen and (max-width: 1550px) {
  .header__btn .btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .header__btn .btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__btn .btn {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    height: 45px;
    min-height: 45px;
  }
}
@media screen and (max-width: 768px) {
  .header__btn .btn {
    width: 100%;
  }
}
.header__mbtns {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__mbtns {
    display: flex;
    width: 80%;
    justify-content: flex-end;
    gap: 10px;
  }
}
.header__mbtn {
  display: inline-flex;
  height: 46px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 100%;
  color: var(--Karaka-Orange);
  background: #FCEBE5;
  border: none;
}
.header__mbtn__burger {
  flex-direction: column;
  gap: 4px;
  padding: 14px 10px;
  position: relative;
}
.header__mbtn__burger span {
  flex-shrink: 0;
  display: block;
  background: var(--Karaka-Orange);
  width: 18px;
  height: 2px;
  transition: transform 0.2s ease-in-out;
}
.menu_opened .header__mbtn__burger span {
  position: absolute;
}
.menu_opened .header__mbtn__burger span:nth-child(2) {
  opacity: 0;
}
.menu_opened .header__mbtn__burger span:first-child {
  transform: rotate(45deg);
}
.menu_opened .header__mbtn__burger span:last-child {
  transform: rotate(-225deg);
}

.search {
  width: 100%;
  position: relative;
}
.search ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #A2B1BE;
}
.search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #A2B1BE;
}
.search :-ms-input-placeholder {
  /* IE 10+ */
  color: #A2B1BE;
}
.search :-moz-placeholder {
  /* Firefox 18- */
  color: #A2B1BE;
}
.search__input {
  border-radius: 12px;
  border: 1px solid #E1E5EF;
  background: #F6F7F9;
  padding: 5px 20px;
  width: 100%;
  height: 50px;
  transition: all 0.2s ease-in-out;
  color: var(--Blue-firm);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .search__input {
    height: 45px;
  }
}
.search__input:focus {
  outline: none;
  border-color: var(--Blue-firm);
}
.search__btn {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  border: none;
  background: transparent;
  color: var(--Karaka-Orange);
  align-items: center;
  justify-content: flex-start;
  width: 40px;
  cursor: pointer;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  color: #6F96B9;
}
.breadcrumb > li {
  display: inline-flex;
  align-items: center;
  font-size: var(--fz-xs);
  line-height: 1.2;
  color: var(--Karaka-Orange);
}
.breadcrumb > li:not(:last-child):after {
  padding: 0;
  color: #ccc;
  content: "";
  width: 4px;
  height: 4px;
  margin: 0 7px;
  display: block;
  border-radius: 100%;
  background: #6F96B9;
}
.breadcrumb > li a {
  text-decoration: none;
  color: #6F96B9;
}
.breadcrumb > li a:hover {
  color: var(--Blue-firm);
}

.pagetop_product {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: var(--gap);
  padding: 50px 0;
}
@media screen and (max-width: 1024px) {
  .pagetop_product {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop_product {
    padding: 0;
    flex-direction: column;
  }
}
.pagetop_product .btn {
  min-height: 80px;
}
@media screen and (max-width: 768px) {
  .pagetop_product .btn {
    min-height: 70px;
  }
}
.pagetop_product__info {
  width: calc(73% - var(--gap));
}
@media screen and (max-width: 768px) {
  .pagetop_product__info {
    width: 100%;
  }
}
.pagetop_product__info .page_title {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pagetop_product__info .page_title {
    font-size: 32px;
  }
}
.pagetop_product__info .page_subtitle {
  color: var(--Blue-firm, #134C80);
  font-size: var(--fz-h5);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.pagetop_product__btns {
  width: 27%;
}
@media screen and (max-width: 768px) {
  .pagetop_product__btns {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .slic {
    position: absolute;
    bottom: 10px;
    height: 2.5px;
    background-color: var(--Karaka-Orange);
    z-index: 9;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
  }
}
.section__top {
  border-radius: 24px;
  background: #F6F7F9;
}

.top {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .top {
    flex-direction: column;
  }
}
.top__content {
  padding: 140px 0;
  width: calc(65% - 20px);
  color: var(--Blue-firm, #134C80);
}
@media screen and (max-width: 1024px) {
  .top__content {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .top__content {
    padding: 0;
    padding-top: 30px;
    width: 100%;
  }
}
.top__content h1 {
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: var(--fz-h1);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .top__content h1 {
    margin-bottom: 10px;
    line-height: 120%;
  }
}
.top__content p {
  font-size: var(--fz-34);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  margin: 0 0 var(--gap);
}
.top__img {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .top__img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: 210px;
  }
}
.top__img img {
  width: 100%;
  display: block;
  height: auto;
}
.top__pluses {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 40px 0;
  border-top: 1px solid #E1E5EF;
}
@media screen and (max-width: 1024px) {
  .top__pluses {
    padding: 20px 0;
    gap: 20px 16px;
  }
}
@media screen and (max-width: 768px) {
  .top__pluses {
    padding: 20px;
    flex-wrap: wrap;
    gap: 35px 20px;
  }
}
.top__plus {
  max-width: 235px;
  color: #8C9CAA;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
}
@media screen and (max-width: 1024px) {
  .top__plus {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .top__plus {
    width: calc(50% - 10px);
    font-size: var(--fz-16);
  }
}
.top__plus__icon {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .top__plus__icon {
    margin-bottom: 10px;
  }
}
.top__plus__icon svg {
  width: 26px;
  height: auto;
  display: block;
}
.top__plus__delim {
  width: 1px;
  height: auto;
  display: flex;
  margin: 0 auto;
  background: #E1E5EF;
}
@media screen and (max-width: 768px) {
  .top__plus__delim {
    display: none;
  }
}

.button,
.btn {
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  background: var(--Karaka-Orange);
  color: var(--color-white);
  border: 1px solid transparent;
  padding: 5px 55px;
  max-width: 100%;
  cursor: pointer;
  font-size: var(--fz-p);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  gap: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .button,
.btn {
    min-height: 45px;
  }
}
.button__top,
.btn__top {
  min-height: 80px;
  padding: 5px 122px;
}
@media screen and (max-width: 768px) {
  .button__top,
.btn__top {
    min-height: 70px;
  }
}
.button__w100,
.btn__w100 {
  width: 100%;
}
.button:hover,
.btn:hover {
  background: var(--Karaka-Orange-hover);
  color: var(--color-white);
  text-decoration: none !important;
}
.button__bordered,
.btn__bordered {
  background: transparent;
  border: 2px solid var(--Karaka-Orange);
  color: var(--Karaka-Orange);
}
.button__bordered__t2,
.btn__bordered__t2 {
  border: 2px solid var(--Karaka-Orange);
  padding-left: 40px;
  padding-right: 40px;
}
.button__bordered:hover,
.btn__bordered:hover {
  background: var(--Karaka-Orange);
  color: var(--color-white);
}
.button__blue,
.btn__blue {
  background: var(--Blue-firm);
  color: var(--color-white);
}
.button__blue:hover,
.btn__blue:hover {
  background: var(--Blue-firm-hover);
  color: var(--color-white);
}
.button__white,
.btn__white {
  background: var(--color-white);
  border: 1px solid var(--color-white);
  color: var(--Karaka-Orange);
}
.button__white:hover,
.btn__white:hover {
  background: var(--Karaka-Orange);
  color: var(--color-white);
  border: 1px solid var(--Karaka-Orange);
}
.button__sm,
.btn__sm {
  padding: 10px 20px;
  min-height: 50px;
  border-radius: 12px;
  text-transform: none;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fz-p);
}
@media screen and (max-width: 768px) {
  .button__xs100,
.btn__xs100 {
    width: 100%;
  }
}

.why_we {
  display: flex;
  flex-flow: row wrap;
}
.why_we__l {
  width: 60%;
}
@media screen and (max-width: 1024px) {
  .why_we__l {
    width: 100%;
  }
}
.why_we__r {
  width: 40%;
  display: flex;
  flex-flow: column wrap;
  gap: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .why_we__r {
    width: 100%;
    gap: 20px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 768px) {
  .why_we__r {
    width: 100%;
    gap: 30px;
  }
}

.why {
  display: flex;
  flex-flow: row nowrap;
  gap: 28px;
  align-items: center;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #40709C;
  font-size: 17px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .why {
    gap: 20px;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .why {
    align-items: flex-start;
  }
}
.why__number {
  color: #174D7E;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  flex-shrink: 0;
  margin-bottom: 16px;
  font-size: var(--fz-h1);
}
@media screen and (min-width: 768px) {
  .why__number {
    min-width: 70px;
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .why__number {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .why__number {
    font-size: 50px;
    line-height: 1;
    margin: 0;
  }
}
.why__title {
  color: var(--color-white);
  font-size: 26px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .why__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .why__title {
    margin-bottom: 10px;
    font-size: 22px;
  }
}
.why__text {
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .why__text {
    max-width: unset;
  }
}

.popular {
  border-radius: 16px;
  border: 1px solid #E7E7EF;
  display: flex;
  flex-flow: column nowrap;
  padding: 20px;
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h4);
  position: relative;
  color: var(--Blue-firm, #134C80);
}
.popular:nth-child(odd) {
  background: #F6F7F9;
}
.swiper-slide .popular {
  background: #fff;
  min-height: 170px;
}
.popular__icon {
  margin-top: auto;
  margin-left: auto;
  color: #D0D6E3;
  transition: all 0.2s ease-in-out;
}
.popular__col {
  gap: 10px;
  display: flex;
  flex-flow: column nowrap;
}
.popular__col .popular {
  height: calc(50% - 5px);
}
.popular__hit {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #F4CBBF;
  background: #FBE7E1;
  color: var(--Karaka-Orange, #DD5A35);
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  padding: 3px 10px 6px 10px;
}
.popular:hover {
  background: var(--color-white);
  border-color: var(--Karaka-Orange);
}
.popular:hover .popular__icon {
  color: var(--Karaka-Orange);
}
.popular__all {
  color: #F98F71;
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
}
.popular__all .popular__icon {
  color: var(--color-white);
}
.popular__all:hover {
  color: var(--color-white);
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
}
.popular__all:hover .popular__icon {
  color: var(--color-white);
}
.popular__white {
  background: #fff;
  border-bottom: 4px solid var(--Karaka-Orange);
}
.popular__white:nth-child(odd) {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .popular__title {
    max-width: 80%;
  }
}

.populars {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .populars {
    display: none;
  }
}
.populars > .popular__col,
.populars > .popular {
  width: calc(25% - 8px);
}
@media screen and (max-width: 1024px) {
  .populars > .popular__col,
.populars > .popular {
    width: calc(33.3333% - 14px);
  }
}
.populars > .popular {
  min-height: 300px;
}
@media screen and (max-width: 1024px) {
  .populars > .popular {
    min-height: 200px;
  }
}

.biglink {
  border-radius: 16px;
  border: 1px solid #E7E7EF;
  border-bottom: 4px solid var(--Karaka-Orange);
  display: flex;
  flex-flow: column nowrap;
  padding: 20px;
  text-decoration: none;
  position: relative;
  color: #8C9CAA;
  font-size: 17px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  aspect-ratio: 4/3;
}
@media screen and (max-width: 768px) {
  .biglink:not(.biglink__formlink) {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #E7E7EF;
    background: var(--White, #FFF);
    aspect-ratio: unset;
    flex-direction: row;
    padding: 29px 0;
    gap: 18px;
    align-items: center;
  }
}
.biglink__icon {
  margin-top: auto;
  margin-left: auto;
  color: var(--Karaka-Orange);
}
@media screen and (max-width: 768px) {
  .biglink__icon {
    flex-shrink: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .biglink__icon svg {
    width: 33px;
    height: auto;
    display: block;
  }
}
.biglink__title {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h4);
  color: var(--Blue-firm, #134C80);
  margin-bottom: 16px;
  transition: all 0.2s ease-in-out;
}
.service__main .biglink__title {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .biglink__title {
    font-weight: 700;
    margin: 0;
  }
}
.biglink__text {
  line-height: 150%;
  margin-bottom: 16px;
  max-width: 76%;
}
@media screen and (max-width: 768px) {
  .biglink__text {
    display: none;
  }
}
.biglink__formlink {
  background-color: var(--Blue-firm);
  border-color: var(--Blue-firm);
  color: var(--color-white);
  background-image: url("../images/biglink_bg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .biglink__formlink {
    aspect-ratio: unset;
  }
  .biglink__formlink .biglink__title {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .biglink__formlink .biglink__text {
    display: block;
    margin-bottom: 60px;
    max-width: 100%;
  }
}
.biglink__formlink__btn {
  margin-top: auto;
}
.biglink__formlink .biglink__title {
  color: var(--color-white);
}
.biglink:hover .biglink__title {
  color: var(--Karaka-Orange);
}

.biglinks {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.biglinks + .biglinks {
  margin-top: 10px;
}
.biglinks.visible {
  opacity: 1;
  max-height: unset;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .biglinks {
    flex-direction: column;
    gap: 0;
  }
}
.biglinks > .biglink {
  width: calc(33.33333333% - 10px);
}
@media screen and (max-width: 1024px) {
  .biglinks > .biglink {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 768px) {
  .biglinks > .biglink {
    width: 100%;
  }
}

.show__more {
  display: inline-flex;
  gap: 16px;
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--Blue-firm);
  font-size: var(--fz-h4);
  border: none;
  background: transparent;
  cursor: pointer;
}
.show__more:hover {
  color: var(--Karaka-Orange);
}
.show__more__icon {
  display: flex;
  align-items: center;
  gap: 2px;
}
.show__more__icon span {
  display: block;
  width: 6px;
  height: 6px;
  aspect-ratio: 1/1;
  border-radius: 2px;
  background: var(--Karaka-Orange, #DD5A35);
}

.swiper-pagination {
  position: unset;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  margin-top: 20px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}

.swiper-pagination-bullet {
  background: var(--Blue-firm, #134C80);
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: var(--Karaka-Orange);
}

.swiper__populars {
  width: 70%;
  margin-left: 0;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .swiper__populars {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .swiper__populars .swiper-pagination {
    width: calc(100dvw - 32px);
  }
}

.swiper-slide__client {
  padding: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  border-radius: 16px;
  border: 1px solid #DBE3E9;
  height: auto;
}
.swiper-slide__client img {
  display: block;
  max-width: 100%;
  height: auto;
}

.swiper__clients {
  overflow: visible;
}

.footer {
  border-radius: 24px 24px 0px 0px;
  background: #0D3962;
  color: #6F96B9;
  padding-top: calc(var(--gap) * 2);
}
@media screen and (max-width: 768px) {
  .footer {
    border-radius: 16px 16px 0 0;
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .footer .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.footer a {
  color: #6F96B9;
  text-decoration: none;
}
.footer a:hover {
  color: var(--color-white);
}
.footer__bottom {
  margin-top: calc(var(--gap) * 1.5);
  font-size: var(--fz-xs);
  border-top: 1px solid #124574;
  padding: calc(var(--gap) / 2) 0;
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    font-size: 14px;
    padding: 30px;
  }
}
.footer__bottom__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .footer__bottom__content {
    gap: 30px;
    flex-direction: column;
    text-align: center;
  }
}
.footer__content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: var(--gap);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__content {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .footer__content {
    flex-direction: column;
  }
}
.footer__col {
  flex-shrink: 0;
  width: 30%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__col {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 768px) {
  .footer__col {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__mcol {
    width: calc(50% - 15px);
  }
}
.footer__title {
  color: var(--color-white);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #124574;
}
@media screen and (max-width: 768px) {
  .footer__title {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.footer__logo {
  width: 100px;
  margin-bottom: 40px;
}
.footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.footer__text {
  margin-bottom: 40px;
  font-size: var(--fz-16);
}
.footer__menu {
  display: flex;
  flex-flow: column wrap;
  gap: 16px;
}
.footer__menu__item {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #6F96B9;
  white-space: nowrap;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.footer__contact {
  display: flex;
  flex-direction: row;
  gap: 13px;
}
.footer__contact__icon {
  color: var(--color-white);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.footer__contact__text {
  color: var(--White, #FFF);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-p);
}
.footer__contact__text a {
  display: block;
  color: var(--White, #FFF);
  margin-bottom: 6px;
}
.footer__contact__text a:last-child {
  margin-bottom: 0;
}
.footer__contact__text a:hover {
  opacity: 0.8;
}
.footer__copy {
  color: var(--color-white);
}
.footer .btn:hover {
  background: var(--color-white);
  color: var(--Karaka-Orange);
}

.totop {
  opacity: 0;
  pointer-events: none;
  display: flex;
  width: 58px;
  height: auto;
  aspect-ratio: 1/1;
  padding: 15px;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 100%;
  right: 10%;
  bottom: 10%;
  color: var(--color-white);
  background-color: var(--Blue-firm);
  position: fixed;
  z-index: 3;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .totop {
    right: 16px;
    bottom: 16px;
  }
}
.totop.show {
  opacity: 1;
  pointer-events: auto;
}
.totop:hover {
  background-color: var(--Karaka-Orange);
}

.tabs__head {
  margin-bottom: 40px;
  display: flex;
  flex-flow: row wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .tabs__head {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 30px;
  }
}
.tabs__head__right {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .tabs__main .tabs__head {
    gap: 6px;
  }
}
.tabs__tab {
  display: none;
}
.tabs__btn {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--Blue-firm);
  font-size: var(--fz-p);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
}
.tabs__btn__icon {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background-color: #E3E7F0;
  display: inline-flex;
  transition: all 0.2s ease-in-out;
}
.tabs__btn:hover, .tabs__btn.active {
  color: var(--Karaka-Orange);
}
.tabs__btn:hover .tabs__btn__icon, .tabs__btn.active .tabs__btn__icon {
  background-color: var(--Karaka-Orange);
}
.tabs__btn__bordered {
  padding-bottom: 4px;
  border-bottom: 2px solid #DEE8EF;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.tabs__btn__bordered:hover, .tabs__btn__bordered.active {
  border-color: var(--Blue-firm);
  color: var(--Blue-firm);
}
@media screen and (max-width: 768px) {
  .tabs__main .tabs__btn {
    border-radius: 100px;
    border: 1px solid #E7E7EF;
    height: 40px;
    padding: 5px 14px;
  }
  .tabs__main .tabs__btn:hover, .tabs__main .tabs__btn.active {
    border-color: var(--Karaka-Orange);
  }
}

.tabs_vertical {
  display: flex;
  flex-flow: row wrap;
  gap: 6.8%;
}
.tabs_vertical__head {
  order: 2;
  width: 41.2%;
  display: flex;
  flex-flow: column;
  counter-reset: ordered-counter;
  font-size: var(--fz-p);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .tabs_vertical__head__nophone {
    display: none;
  }
}
.tabs_vertical__body {
  width: 52%;
}
@media screen and (min-width: 768px) {
  .tabs_vertical__body .tabs_vertical__btn {
    display: none;
  }
}
.tabs_vertical__btn {
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 5px 0;
  border-bottom: 1px solid;
  color: var(--Blue-sub);
  width: 100%;
  counter-increment: ordered-counter;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .tabs_vertical__btn {
    font-weight: 700;
  }
}
.tabs_vertical__btn::before {
  content: counter(ordered-counter);
  display: inline-block;
  min-width: 30px;
}
.tabs_vertical__btn:hover, .tabs_vertical__btn.active {
  color: var(--Blue-firm);
}
.tabs_vertical.tabs_vertical__about {
  gap: 9.35%;
}
@media screen and (max-width: 768px) {
  .tabs_vertical.tabs_vertical__about {
    gap: 16px;
  }
}
.tabs_vertical.tabs_vertical__about .tabs_vertical__head {
  order: -1;
  width: 32.86%;
}
.tabs_vertical.tabs_vertical__about .tabs_vertical__body {
  width: 57.79%;
  border-radius: 16px;
  background: #124069;
  padding: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--White, #FFF);
  font-size: var(--fz-h4);
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .tabs_vertical.tabs_vertical__about .tabs_vertical__body {
    padding: 16px;
    font-size: 18px;
  }
}
.tabs_vertical.tabs_vertical__about .tabs_vertical__btn {
  display: flex;
  align-items: center;
  padding: 25px 0;
  border-bottom: 3px solid transparent;
  color: #6688A7;
  width: 100%;
  min-height: 0;
  font-size: var(--fz-h4);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .tabs_vertical.tabs_vertical__about .tabs_vertical__btn {
    padding: 8px 0;
    font-size: 16px;
  }
}
.tabs_vertical.tabs_vertical__about .tabs_vertical__btn::before {
  display: none;
}
.tabs_vertical.tabs_vertical__about .tabs_vertical__btn.active, .tabs_vertical.tabs_vertical__about .tabs_vertical__btn:hover {
  color: var(--color-white);
  border-bottom-color: var(--Karaka-Orange);
}
@media screen and (max-width: 768px) {
  .tabs_vertical__specphone {
    gap: 20px;
  }
  .tabs_vertical__specphone .tabs_vertical__body {
    width: 100%;
  }
  .tabs_vertical__specphone .tabs_vertical__tab h3 {
    display: none;
  }
}

.bigtabs {
  width: 100%;
  overflow: hidden;
}
.bigtabs__head {
  display: flex;
  background: var(--color-white);
  border-bottom: 2px solid var(--Karaka-Orange);
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .bigtabs__head {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .bigtabs__head {
    overflow-x: auto;
    margin-bottom: 40px;
    height: 62px;
    border-bottom: none;
  }
}
.bigtabs__btn {
  padding: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  transition: all 0.3s ease;
  color: var(--Blue-firm);
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 12px 12px 0 0;
  border: 2px solid #DEE8EF;
  margin-bottom: -2px;
  margin-right: -2px;
  border-bottom-color: var(--color-white);
  min-height: 74px;
}
@media screen and (max-width: 1024px) {
  .bigtabs__btn {
    padding: 10px 20px;
    min-height: 50px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .bigtabs__btn {
    min-height: 60px;
    height: 60px;
    padding: 20px;
    white-space: nowrap;
  }
}
.bigtabs__btn__icon {
  width: 8px;
  height: 8px;
  background: #DEE8EF;
  border-radius: 3px;
}
.bigtabs__btn:hover {
  color: var(--Karaka-Orange);
}
.bigtabs__btn.active {
  color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
  border-bottom-color: var(--color-white);
  z-index: 2;
}
.bigtabs__btn.active .bigtabs__btn__icon {
  background: var(--Karaka-Orange);
}
.bigtabs__btn.active + .bigtabs__btn {
  border-bottom-color: var(--Karaka-Orange);
}
.bigtabs__btn.active + .bigtabs__btn + .bigtabs__btn {
  border-bottom-color: var(--Karaka-Orange);
}
.bigtabs__btn.active + .bigtabs__btn + .bigtabs__btn + .bigtabs__btn {
  border-bottom-color: var(--Karaka-Orange);
}
.bigtabs__btn.active + .bigtabs__btn + .bigtabs__btn + .bigtabs__btn + .bigtabs__btn {
  border-bottom-color: var(--Karaka-Orange);
}
.bigtabs__btn.active + .bigtabs__btn + .bigtabs__btn + .bigtabs__btn + .bigtabs__btn + .bigtabs__btn {
  border-bottom-color: var(--Karaka-Orange);
}
.bigtabs__tab {
  display: none;
  animation: fadeIn 0.3s ease;
}
.bigtabs__tab.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.accordeons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 30px;
}

.accordeon__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 12px;
  background: var(--Blue-firm, #134C80);
  color: var(--color-white);
  padding: 25px 30px;
}
.accordeon__head:hover {
  background: var(--Karaka-Orange);
}
.accordeon__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.accordeon__icon {
  transition: transform 0.3s ease;
}
.accordeon__icon svg {
  transition: transform 0.3s ease;
}
.accordeon__body {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.accordeon.active .accordeon__head {
  background: var(--Karaka-Orange);
}
.accordeon.active .accordeon__icon svg {
  transform: rotate(180deg);
}
.accordeon.active .accordeon__body {
  padding-top: 8px;
  max-height: 2000px;
}

.blue_form {
  display: flex;
  flex-flow: row wrap;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .blue_form {
    flex-direction: column;
  }
}
.blue_form .section__title {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .blue_form .section__title {
    margin-bottom: 20px;
  }
}
.blue_form .section__title:after {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .blue_form .section__title:after {
    margin-top: 20px;
  }
}
.blue_form__col {
  width: calc(50% - 16px);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .blue_form__col {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .blue_form__col {
    width: 100%;
  }
}
.blue_form__form {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .blue_form__form {
    gap: 8px;
  }
}
.blue_form__form__item {
  width: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .blue_form__form__item {
    width: 100%;
  }
}
.blue_form__form__item__full {
  width: 100%;
}
.blue_form__check {
  color: #5B84AA;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.blue_form__check input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.blue_form__check a {
  text-decoration: underline;
}
.blue_form__check .icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #326EA5;
  background: transparent;
  content: "";
  display: block;
}
.blue_form__check input:checked + .icon {
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.54102 0.585938L3.95898 6.62695L1.25 3.91992L0 5.16992L4.16602 9.33594L10 1.83594L8.54102 0.585938Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% auto;
}
.blue_form__check.error {
  color: var(--Karaka-Orange);
}
@media screen and (max-width: 768px) {
  .blue_form .btn__white {
    width: 100%;
  }
}

.contacts_page__form {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-content: flex-start;
}
@media screen and (max-width: 768px) {
  .contacts_page__form {
    gap: 8px;
    flex-direction: column;
  }
}
.contacts_page__form__item {
  width: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .contacts_page__form__item {
    width: 100%;
  }
}
.contacts_page__form__item__full {
  width: 100%;
}
.contacts_page__form__check {
  color: #90A2AE;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.contacts_page__form__check input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.contacts_page__form__check a {
  text-decoration: underline;
}
.contacts_page__form__check .icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #90A2AE;
  background: transparent;
  content: "";
  display: block;
}
.contacts_page__form__check input:checked + .icon {
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.54102 0.585938L3.95898 6.62695L1.25 3.91992L0 5.16992L4.16602 9.33594L10 1.83594L8.54102 0.585938Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% auto;
}
.contacts_page__form__check.error {
  color: var(--Karaka-Orange);
}

.form_item__file {
  width: 100%;
}
.form_item__file__label {
  width: 100%;
  height: 70px;
  border-radius: 16px;
  background-color: transparent;
  color: var(--Blue-firm);
  font-size: var(--fz-p);
  border: 1px dashed #B8C2D8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.form_item__file__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.form_item__labeled {
  position: relative;
}
.form_item__labeled label {
  position: absolute;
  left: 20px;
  top: 50%;
  height: 22px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #ADC7DE;
  font-size: 16px;
  margin-top: -11px;
  transition: all 0.2s ease-in-out;
}
.hhform__form .form_item__labeled label, .block_grey_form__form .form_item__labeled label, .contacts_page__form .form_item__labeled label {
  color: var(--Blue-firm);
}
@media screen and (max-width: 1550px) {
  .contacts_page__form .form_item__labeled label {
    font-size: 14px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .contacts_page__form .form_item__labeled label {
    font-size: 13px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    left: 10px;
  }
}
.form_item__labeled label .required {
  color: var(--Karaka-Orange);
}
.form_item__labeled input {
  width: 100%;
  height: 70px;
  border-radius: 16px;
  border: 1px solid #326EA5;
  background-color: transparent;
  color: var(--color-white);
  font-size: var(--fz-p);
  padding: 25px 20px 5px 20px;
}
@media screen and (max-width: 768px) {
  .form_item__labeled input {
    height: 60px;
    padding: 20px 20px 0 20px;
    border-radius: 12px;
  }
}
.form_item__labeled input:focus {
  border-color: var(--color-white);
  outline: none;
}
.hhform__form .form_item__labeled input, .block_grey_form__form .form_item__labeled input, .contacts_page__form .form_item__labeled input {
  border-color: #D1D8E7;
  color: var(--Blue-firm);
}
.hhform__form .form_item__labeled input:focus, .block_grey_form__form .form_item__labeled input:focus, .contacts_page__form .form_item__labeled input:focus {
  border-color: var(--Blue-firm);
  outline: none;
}
.form_item__labeled input:focus + label, .form_item__labeled input:active + label, .form_item__labeled input:not(:placeholder-shown) + label {
  font-size: 13px;
  top: 20px;
}
.form_item__labeled input.error {
  border-color: var(--Karaka-Orange) !important;
  color: var(--Karaka-Orange) !important;
}
.form_item__labeled textarea {
  width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid #326EA5;
  background-color: transparent;
  color: var(--color-white);
  font-size: var(--fz-p);
  padding: 20px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.form_item__labeled textarea:focus {
  border-color: var(--color-white);
  outline: none;
}
.hhform__form .form_item__labeled textarea, .block_grey_form__form .form_item__labeled textarea, .contacts_page__form .form_item__labeled textarea {
  border-color: #D1D8E7;
  color: var(--Blue-firm);
}
.hhform__form .form_item__labeled textarea:focus, .block_grey_form__form .form_item__labeled textarea:focus, .contacts_page__form .form_item__labeled textarea:focus {
  border-color: var(--Blue-firm);
  outline: none;
}
.form_item__labeled textarea:focus + label, .form_item__labeled textarea:active + label, .form_item__labeled textarea:not(:placeholder-shown) + label {
  font-size: 13px;
  top: 20px;
}
.form_item__labeled textarea.error {
  border-color: var(--Karaka-Orange) !important;
  color: var(--Karaka-Orange) !important;
}
.form_item__labeled select {
  appearance: none;
}
@supports (appearance: base-select) {
  .form_item__labeled select, .form_item__labeled select::picker(select) {
    appearance: base-select;
  }
}
.form_item__labeled select {
  width: 100%;
  height: 70px;
  border-radius: 16px;
  border: 1px solid #326EA5;
  background-color: transparent;
  color: var(--color-white);
  font-size: var(--fz-p);
  padding: 20px;
  padding-block: 20px;
  padding-inline: 20px;
}
.form_item__labeled select:focus {
  border-color: var(--color-white);
  outline: none;
}
.hhform__form .form_item__labeled select, .block_grey_form__form .form_item__labeled select, .contacts_page__form .form_item__labeled select {
  border-color: #D1D8E7;
  color: var(--Blue-firm);
}
.hhform__form .form_item__labeled select:focus, .block_grey_form__form .form_item__labeled select:focus, .contacts_page__form .form_item__labeled select:focus {
  border-color: var(--Blue-firm);
  outline: none;
}
.form_item__labeled select.error {
  border-color: var(--Karaka-Orange) !important;
  color: var(--Karaka-Orange) !important;
}
@supports (appearance: base-select) {
  .form_item__labeled select {
    padding-inline: 20px;
    background-image: none;
  }
  .form_item__labeled select::picker-icon {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23DD5A35' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
    transition: rotate 0.2s ease-out;
  }
  .form_item__labeled select:open::picker-icon {
    rotate: 180deg;
  }
  .form_item__labeled select::picker(select) {
    padding: 0;
    margin-top: 5px;
    border: 2px solid #DBE3E9;
    background: white;
    border-radius: 5px;
    font-weight: 400;
    opacity: 0;
    height: 0;
    overflow: clip;
    transition: height 0.5s ease-out, opacity 0.5s ease-out, overlay 0.5s, display 0.5s;
    transition-behavior: allow-discrete;
  }
  .form_item__labeled select:open::picker(select) {
    opacity: 1;
    height: calc-size(auto, size);
    overflow: auto;
  }
  @starting-style {
    .form_item__labeled select:open::picker(select) {
      opacity: 0;
      height: 0;
    }
  }
  .form_item__labeled select option {
    padding: 10px 20px;
    border-top: 1px solid #DBE3E9;
    cursor: pointer;
    transition-property: color, background;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
  }
  .form_item__labeled select option:where(:hover, :focus, :active) {
    background: var(--color-white);
    color: var(--Blue-firm);
  }
  .form_item__labeled select option:checked {
    background: var(--Blue-firm);
    color: white;
  }
  .form_item__labeled select option::checkmark {
    display: none;
  }
  .form_item__labeled select option:first-child {
    border: 0;
  }
}
.form_item__labeled ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--Blue-firm);
}
.form_item__labeled ::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--Blue-firm);
}
.form_item__labeled :-ms-input-placeholder {
  /* IE 10+ */
  color: var(--Blue-firm);
}
.form_item__labeled :-moz-placeholder {
  /* Firefox 18- */
  color: var(--Blue-firm);
}
.form_item__labeled.error input, .form_item__labeled.error textarea, .form_item__labeled.error select {
  border-color: var(--Karaka-Orange) !important;
  color: var(--Karaka-Orange) !important;
}

.block_grey_form {
  padding: calc(var(--gap) * 1.5);
  display: flex;
  flex-flow: row wrap;
  border-radius: 24px;
  background-color: #F6F7F9;
  background-image: url("../images/greyform_bg.svg");
  background-repeat: no-repeat;
  background-position: 6% bottom;
  background-size: auto 54%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_grey_form {
    background-image: none;
  }
}
@media screen and (max-width: 768px) {
  .block_grey_form {
    flex-direction: column;
    background-position: center bottom;
    background-size: 60% auto;
    padding: 50px 16px 200px;
  }
}
.block_grey_form__reviews {
  background-size: auto 45%;
}
@media screen and (max-width: 768px) {
  .block_grey_form__reviews {
    background-size: 60% auto;
  }
}
.block_grey_form__l {
  width: 44%;
  padding-right: var(--gap);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_grey_form__l {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .block_grey_form__l {
    width: 100%;
    padding-right: 0;
  }
}
.block_grey_form__r {
  width: 56%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_grey_form__r {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .block_grey_form__r {
    width: 100%;
  }
}
.block_grey_form__title {
  color: var(--Blue-firm, #134C80);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
}
.block_grey_form__text {
  font-size: var(--fz-18);
  color: var(--Blue-firm, #134C80);
  font-weight: 400;
  margin-bottom: 20px;
}
.block_grey_form__form {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-content: flex-start;
}
@media screen and (max-width: 768px) {
  .block_grey_form__form {
    gap: 8px;
  }
}
.block_grey_form__form__item {
  width: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .block_grey_form__form__item {
    width: 100%;
  }
}
.block_grey_form__form__item__full {
  width: 100%;
}
.block_grey_form__form__check {
  color: #90A2AE;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.block_grey_form__form__check input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.block_grey_form__form__check a {
  text-decoration: underline;
}
.block_grey_form__form__check .icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #90A2AE;
  background: transparent;
  content: "";
  display: block;
}
.block_grey_form__form__check input:checked + .icon {
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.54102 0.585938L3.95898 6.62695L1.25 3.91992L0 5.16992L4.16602 9.33594L10 1.83594L8.54102 0.585938Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% auto;
}
.block_grey_form__form__check.error {
  color: var(--Karaka-Orange);
}

.hhform {
  padding: calc(var(--gap) * 1.5);
  display: flex;
  flex-flow: row wrap;
  border-radius: 24px;
  background-color: #F6F7F9;
  background-image: url("../images/greyform_bg.svg");
  background-repeat: no-repeat;
  background-position: 6% bottom;
  background-size: auto 54%;
}
.hhform__form {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-content: flex-start;
}
@media screen and (max-width: 768px) {
  .hhform__form {
    gap: 8px;
  }
}
.hhform__form__item {
  width: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .hhform__form__item {
    width: 100%;
  }
}
.hhform__form__item__full {
  width: 100%;
}
.hhform__form__check {
  color: #90A2AE;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.hhform__form__check input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.hhform__form__check a {
  text-decoration: underline;
}
.hhform__form__check .icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #90A2AE;
  background: transparent;
  content: "";
  display: block;
}
.hhform__form__check input:checked + .icon {
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.54102 0.585938L3.95898 6.62695L1.25 3.91992L0 5.16992L4.16602 9.33594L10 1.83594L8.54102 0.585938Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% auto;
}
.hhform__form__check.error {
  color: var(--Karaka-Orange);
}

.triggers {
  display: flex;
  flex-flow: row wrap;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .triggers {
    gap: 8px;
    flex-wrap: nowrap;
  }
  .triggers > .trigger {
    flex-shrink: 1;
  }
}
.blue_form .triggers {
  color: var(--color-white);
}

.trigger {
  font-size: var(--fz-p);
  flex-shrink: 0;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .trigger {
    font-size: 13px;
  }
}
.trigger__title {
  font-size: 38px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .trigger__title {
    font-size: 32px;
  }
}
.trigger__text {
  margin-top: 5px;
  max-width: 150px;
}
@media screen and (max-width: 768px) {
  .trigger__text {
    font-size: 13px;
    max-width: 100%;
  }
}

.project {
  border-radius: 16px;
  border: 1px solid var(--Line, #DBE3E9);
  display: flex;
  flex-flow: row wrap;
  padding: 10px;
  gap: 8%;
}
@media screen and (max-width: 768px) {
  .project {
    flex-direction: column;
    gap: 0;
  }
}
.project__img {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .project__img {
    width: 100%;
  }
}
.project__img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.project__content {
  width: 62%;
  padding: 10px 30px;
}
@media screen and (max-width: 768px) {
  .project__content {
    width: 100%;
    padding: 8px;
  }
}
.project__icon {
  width: 86px;
  height: 86px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}
.project__icon img {
  width: 100%;
  height: auto;
  display: block;
}
.project__title {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 10px;
  font-size: var(--fz-h4);
  color: var(--Blue-firm);
}
.project__text {
  font-size: var(--fz-p);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--Blue-sub);
  margin-bottom: 20px;
}
.project__table {
  margin-bottom: 20px;
  gap: 14px;
  text-align: left;
  font-size: var(--fz-p);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.project__table th, .project__table td {
  padding: 7px 0;
}
@media screen and (max-width: 768px) {
  .project__table th, .project__table td {
    display: block;
    padding: 1px 0;
  }
}
.project__table th {
  color: var(--Blue-sub);
}
.project__table td {
  color: var(--Blue-firm);
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .project__table td {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .project tr {
    display: block;
    margin-bottom: 19px;
  }
  .project tr:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .project__btns {
    display: none;
  }
}

.swiper__topnav {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin-bottom: 20px;
}
.swiper__topnav .swiper-button {
  position: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background-color: var(--Karaka-Orange);
  border: 1px solid;
  border-color: var(--Karaka-Orange);
  color: var(--color-white);
  transition: all 0.2s ease-in-out;
  margin: 0;
}
.swiper__topnav .swiper-button svg {
  width: 24px;
  display: block;
  height: auto;
}
.swiper__topnav .swiper-button:after {
  display: none;
}
.swiper__topnav .swiper-button:hover {
  background-color: var(--Karaka-Orange-hover);
  border-color: var(--Karaka-Orange-hover);
  color: var(--color-white);
}
.swiper__topnav .swiper-button.swiper-button-disabled {
  border-color: #D3DAE6 !important;
  color: #D3DAE6;
  opacity: 1;
  background-color: transparent;
}
.swiper__topnav .swiper-button.swiper-button-disabled:hover {
  border-color: #D3DAE6;
  color: #D3DAE6;
}
@media screen and (max-width: 768px) {
  .swiper__projects .swiper__topnav {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .swiper__projects .swiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .swiper__projects .swiper-pagination {
    margin-bottom: 20px;
  }
}

.case {
  border-radius: 16px;
  background: var(--Bg);
  padding: 20px;
  display: flex;
  flex-direction: column;
  color: var(--Blue-firm);
  font-size: var(--fz-16);
}
.case__logo {
  margin-bottom: 20px;
  padding: 20px 0;
}
.case__logo img {
  height: 55px;
  width: auto;
  display: block;
}
.case__title {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: var(--fz-24);
  margin-bottom: 20px;
}
.case__text {
  font-size: 16px;
  color: var(--Blue-sub);
  margin-bottom: 20px;
}
.case__list {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 20px;
}
.case__list__title {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 10px;
}
.case__list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  gap: 6px;
  list-style: none;
  min-height: 120px;
}
.case__list ul li {
  position: relative;
  padding-left: 16px;
}
.case__list ul li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 2px;
  background: var(--Karaka-Orange, #DD5A35);
  position: absolute;
  left: 0;
  top: 8px;
}
.case__more {
  margin-top: auto;
  border: 2px solid;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .case__more {
    width: 100%;
  }
}

.cases {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.cases + .cases {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .cases + .cases {
    margin-top: 8px;
  }
}
.cases.visible {
  opacity: 1;
  max-height: unset;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .cases {
    gap: 8px;
  }
}
.cases > .case {
  width: calc(33.3333333% - 13.3333333333px);
}
@media screen and (max-width: 1024px) {
  .cases > .case {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .cases > .case {
    width: 100%;
  }
}

.case_full {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .case_full {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .case_full {
    flex-direction: column;
  }
}
.case_full__col {
  width: 30%;
  border-radius: 12px;
  border: 1px solid var(--Line, #DBE3E9);
  padding: 40px 30px;
}
@media screen and (max-width: 1024px) {
  .case_full__col {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  .case_full__col {
    width: 100%;
    order: -1;
    padding: 30px 20px;
  }
}
.case_full__col__title {
  margin-bottom: 30px;
  color: var(--Blue-firm, #134C80);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .case_full__col__title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .case_full__col__title {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.case_full__body {
  width: calc(70% - 40px);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .case_full__body {
    width: calc(70% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .case_full__body {
    width: 100%;
  }
}

.error_page {
  max-width: 650px;
  margin: 0 auto;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .error_page {
    gap: 30px;
    flex-direction: column;
    align-items: center;
  }
}
.error_page__img {
  width: 30%;
}
.error_page__img img {
  width: 100%;
  height: auto;
  display: block;
}
.error_page__text {
  width: calc(70% - 40px);
}
@media screen and (max-width: 768px) {
  .error_page__text {
    width: 100%;
    text-align: center;
  }
}
.error_page__title {
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 120%;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .error_page__title br {
    display: none;
  }
}

.pager__items {
  padding-left: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  list-style: none;
  margin: 0;
}
.pager__item, .js-pager__items .pager__item {
  padding: 3px;
}
@media screen and (max-width: 768px) {
  .pager__item, .js-pager__items .pager__item {
    padding: 1px;
  }
}
.pager__item a:not(.button), .js-pager__items .pager__item a:not(.button) {
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 100%;
  display: inline-flex;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fz-p);
  align-items: center;
  justify-content: center;
  color: var(--Blue-firm);
  text-decoration: none;
  text-align: center;
}
.pager__item a:not(.button):hover, .js-pager__items .pager__item a:not(.button):hover {
  border-color: var(--Karaka-Orange);
  background: transparent;
  color: var(--Karaka-Orange);
}
.pager__item.is-active a, .js-pager__items .pager__item.is-active a {
  border-color: var(--Karaka-Orange);
  background: transparent;
  color: var(--Karaka-Orange);
}
.pager__item.pager__item--previous a:not(.button),
.pager__item.pager__item--previous a, .pager__item.pager__item--next a:not(.button),
.pager__item.pager__item--next a {
  border-color: #849CB3;
  background: transparent;
  color: var(--Blue-firm);
}
.pager__item.pager__item--disabled a:not(.button), .pager__item.pager__item--disabled a:not(.button):hover,
.pager__item.pager__item--disabled a,
.pager__item.pager__item--disabled a:hover {
  color: #849CB3;
}

.pagination {
  padding: 40px 0;
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pagination {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .pagination {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .pagination {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .pagination:last-child {
    padding-bottom: 0;
  }
}
.pagination__col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 1024px) {
  .pagination__col {
    width: auto;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .pagination__col {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.pagination__col .pager__items {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .pagination__col .pager__items {
    justify-content: center;
  }
}

.filter__name {
  font-size: var(--fz-16);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  display: block;
  margin-bottom: 14px;
  color: var(--Blue-firm);
}
.filter select {
  appearance: none;
}
@supports (appearance: base-select) {
  .filter select, .filter select::picker(select) {
    appearance: base-select;
  }
}
.filter select {
  display: flex;
  justify-content: space-between;
  min-width: 300px;
  width: 100%;
  align-items: center;
  color: var(--Blue-firm);
  padding-block: 20px;
  padding-inline: 20px;
  border-radius: 16px;
  border: 1px solid var(--Line, #DBE3E9);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236F96B9' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A") right 10px center/20px no-repeat;
  height: 70px;
}
@supports (appearance: base-select) {
  .filter select {
    padding-inline: 20px;
    background-image: none;
  }
  .filter select::picker-icon {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236F96B9' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
    transition: rotate 0.2s ease-out;
  }
  .filter select:open::picker-icon {
    rotate: 180deg;
  }
  .filter select::picker(select) {
    padding: 0;
    margin-top: 5px;
    border: 2px solid #DBE3E9;
    background: white;
    border-radius: 5px;
    font-weight: 400;
    opacity: 0;
    height: 0;
    overflow: clip;
    transition: height 0.5s ease-out, opacity 0.5s ease-out, overlay 0.5s, display 0.5s;
    transition-behavior: allow-discrete;
  }
  .filter select:open::picker(select) {
    opacity: 1;
    height: calc-size(auto, size);
    overflow: auto;
  }
  @starting-style {
    .filter select:open::picker(select) {
      opacity: 0;
      height: 0;
    }
  }
  .filter select option {
    padding: 10px 20px;
    border-top: 1px solid #DBE3E9;
    cursor: pointer;
    transition-property: color, background;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
  }
  .filter select option:where(:hover, :focus, :active) {
    background: var(--color-white);
    color: var(--Blue-firm);
  }
  .filter select option:checked {
    background: var(--Blue-firm);
    color: white;
  }
  .filter select option::checkmark {
    display: none;
  }
  .filter select option:first-child {
    border: 0;
  }
}

.filters {
  border-bottom: 1px solid var(--Line, #DBE3E9);
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  padding-bottom: var(--gap);
  margin-bottom: var(--gap);
}
@media screen and (max-width: 768px) {
  .filters {
    margin-bottom: 30px;
    padding-bottom: 50px;
    gap: 30px;
  }
}
.filters > .filter {
  width: calc(33.3333333% - 13.3333333333px);
}
@media screen and (max-width: 1024px) {
  .filters > .filter {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .filters > .filter {
    width: 100%;
  }
}

.text_rimg {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  max-width: 1160px;
  margin-bottom: 40px;
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .text_rimg {
    flex-direction: column;
    font-size: 16px;
  }
}
.text_rimg__img {
  width: 11%;
}
@media screen and (max-width: 768px) {
  .text_rimg__img {
    width: 80px;
  }
}
.text_rimg__img img {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 100%;
}
.text_rimg__text {
  width: calc(89% - 20px);
}
@media screen and (max-width: 768px) {
  .text_rimg__text {
    width: 100%;
  }
}

.table {
  min-width: 100%;
  color: var(--Blue-firm);
  text-align: left;
  font-size: var(--fz-p);
  border-spacing: 0;
  border-collapse: collapse;
}
.table tr th, .table tr td {
  padding: 20px;
  border-bottom: 1px dashed #C7D5DF;
  vertical-align: center;
}
.table tr th:first-child, .table tr td:first-child {
  padding-left: 0;
}
.table tr th:last-child, .table tr td:last-child {
  padding-right: 0;
}
.table tr:last-child th, .table tr:last-child td {
  border-bottom: none;
}
.table__responsive {
  border-radius: 16px;
  border: 1px solid var(--Line, #DBE3E9);
  padding: 0 20px;
  margin-bottom: 20px;
  max-width: 100%;
  overflow: auto;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .table__responsive {
    border-radius: 0;
    border: none;
    padding: 0;
    overflow: hidden;
  }
}
.table__responsive:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .table__responsive tr {
    display: block;
  }
  .table__responsive tr th, .table__responsive tr td {
    padding: 20px 0;
    display: block;
    border: none;
    vertical-align: center;
  }
  .table__responsive tr th:last-child, .table__responsive tr td:last-child {
    border-bottom: 1px dashed #C7D5DF;
  }
  .table__responsive tr th + td {
    padding-top: 0;
  }
  .table__responsive tr th:first-child {
    padding-bottom: 8px;
  }
}
.table th {
  font-weight: 700;
}
.table__striped tr th, .table__striped tr td {
  padding: 20px;
  border: 1px solid #D8DDEC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .table__striped tr th, .table__striped tr td {
    font-size: 16px;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .table__striped tr th, .table__striped tr td {
    padding: 16px;
    font-size: 16px;
  }
}
.table__striped tr th:last-child, .table__striped tr th:first-child, .table__striped tr td:last-child, .table__striped tr td:first-child {
  padding: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .table__striped tr th:last-child, .table__striped tr th:first-child, .table__striped tr td:last-child, .table__striped tr td:first-child {
    padding: 10px;
  }
}
.table__striped tr th:first-child, .table__striped tr td:first-child {
  border-left: none !important;
}
.table__striped tr th:last-child, .table__striped tr td:last-child {
  border-right: none !important;
}
.table__striped tr th.tc, .table__striped tr td.tc {
  text-align: center;
  font-weight: 600;
}
.table__striped tr th {
  color: var(--Karaka-Orange);
}
.table__striped tr:nth-child(even) th, .table__striped tr:nth-child(even) td {
  background: #F5F6F9;
}
.table__striped tr:last-child th, .table__striped tr:last-child td {
  border: 1px solid #D8DDEC;
}

.career {
  max-width: 1150px;
  color: var(--Blue-firm);
}
.career .btn__bordered {
  padding-left: 40px;
  padding-right: 40px;
}
.career__img {
  width: 135px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .career__img {
    width: 80px;
  }
}
.career__img img {
  width: 100%;
  height: auto;
  display: block;
}
.career h2 {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 20px;
  font-size: var(--fz-h3);
}
@media screen and (max-width: 768px) {
  .career h2 {
    font-size: 24px;
  }
}
.career p {
  font-size: var(--fz-20);
}
@media screen and (max-width: 768px) {
  .career p {
    font-size: 16px;
  }
}

.plus {
  display: flex;
  flex-direction: column;
  color: var(--Blue-firm);
  font-size: 16px;
}
.plus__icon {
  display: flex;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--Bg, #F6F7F9);
  color: var(--Karaka-Orange);
  margin-bottom: 14px;
}
.plus__icon img, .plus__icon svg {
  width: 34px;
  height: auto;
  display: block;
}
.plus__title {
  font-size: var(--fz-h5);
  margin-bottom: 4px;
  font-weight: 700;
}

.pluses {
  margin: 40px 0 var(--gap) 0;
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap);
}
@media screen and (max-width: 768px) {
  .pluses {
    gap: 30px;
    margin-top: 30px;
  }
}
.pluses .plus {
  width: calc(25% - var(--gap) * 3 / 4);
}
@media screen and (max-width: 768px) {
  .pluses .plus {
    width: calc(50% - 15px);
  }
}

.block_about {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px;
}
.block_about__img {
  width: 38%;
}
@media screen and (max-width: 768px) {
  .block_about__img {
    display: none;
  }
}
.block_about__img img {
  width: 100%;
  height: auto;
  display: block;
}
.block_about__pluses {
  width: 50%;
  gap: 60px 40px;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .block_about__pluses {
    width: 100%;
    gap: 30px 16px;
  }
}
.block_about__pluses .btn__bordered {
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .block_about__pluses .btn__bordered {
    width: 100%;
  }
}
.block_about__plus {
  width: calc(50% - 30px);
  color: var(--Blue-firm, #134C80);
  font-size: var(--fz-16);
}
@media screen and (max-width: 768px) {
  .block_about__plus {
    width: calc(50% - 8px);
  }
}
.block_about__plus__icon img, .block_about__plus__icon svg {
  height: 32px;
  width: auto;
  display: block;
}
.block_about__plus__title {
  margin: 10px 0;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h5);
}
.block_about__about {
  gap: var(--gap);
}
.block_about__about .block_about__img {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .block_about__about .block_about__img {
    display: none;
  }
}
.block_about__about .block_about__pluses {
  width: calc(77% - var(--gap));
  gap: 40px 30px;
}
@media screen and (max-width: 768px) {
  .block_about__about .block_about__pluses {
    width: 100%;
    gap: 20px;
  }
}
.block_about__about .block_about__pluses .block_about__plus {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .block_about__about .block_about__pluses .block_about__plus {
    width: calc(50% - 10px);
  }
}

.quote {
  border-radius: 16px;
  background-color: var(--Bg, #F6F7F9);
  padding: var(--gap) var(--gap) calc(var(--gap) * 2.2) var(--gap);
  position: relative;
  overflow: hidden;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h4);
  color: var(--Blue-firm, #134C80);
  background-image: url("../images/quote_bg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .quote {
    padding: 20px 20px 80px 20px;
    margin-bottom: 20px;
    background-size: 22% auto;
  }
}
.quote:last-child {
  margin-bottom: 0;
}
.quote::before {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  left: -614px;
  top: -670px;
  content: "";
  display: block;
}
.text_content .quote {
  padding: 40px 100px 80px 40px;
  font-size: var(--fz-h5);
}
@media screen and (max-width: 768px) {
  .text_content .quote {
    padding: 20px 20px 80px 20px;
    margin-bottom: 20px;
    background-size: 22% auto;
  }
}
.quote__about {
  padding-bottom: var(--gap);
  padding-right: 16%;
}

.quote_orange {
  border-radius: 16px;
  background-color: #FAEFEC;
  padding: 90px 40px 30px;
  position: relative;
  overflow: hidden;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h5);
  color: var(--Karaka-Orange);
  background-image: url("../images/content/quote_orange_bg.svg");
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 40px;
}
.quote_orange:last-child {
  margin-bottom: 0;
}
.quote_orange__about {
  padding-bottom: var(--gap);
  padding-right: 16%;
}

.quote_big {
  border-radius: 16px;
  background-color: var(--Bg, #F6F7F9);
  padding: calc(var(--gap) * 2) 80px calc(var(--gap) * 2) 50%;
  position: relative;
  overflow: hidden;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h4);
  color: var(--Blue-firm, #134C80);
  background-image: url("../images/quote_big_bg.svg");
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 40px;
  background-size: 30% auto;
}
@media screen and (max-width: 768px) {
  .quote_big {
    padding: 30px 30px 30px 140px;
    background-size: 120px auto;
  }
}
.quote_big:last-child {
  margin-bottom: 0;
}
.quote_big::before {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  left: -614px;
  top: -670px;
  content: "";
  display: block;
}
.quote_big__about {
  padding: var(--gap) calc(var(--gap) * 2) var(--gap) 34%;
}
@media screen and (max-width: 768px) {
  .quote_big__about {
    padding: 30px 30px 30px 100px;
    background-size: 80px auto;
  }
}

.quote_big_full {
  position: relative;
  overflow: hidden;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: var(--fz-h4);
  color: var(--Blue-firm, #134C80);
  background-color: var(--Bg, #F6F7F9);
  background-image: url("../images/quote_big_bg.svg");
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 40px;
  border-radius: 24px;
  padding: 80px 0;
}
@media screen and (max-width: 1024px) {
  .quote_big_full {
    background-size: 30% auto;
  }
}
@media screen and (max-width: 768px) {
  .quote_big_full {
    background-image: url("../images/quote_bg.svg");
    padding: 20px 20px 80px 20px;
    margin-bottom: 20px;
    background-size: 22% auto;
    background-position: bottom right;
  }
}
.quote_big_full::before {
  width: 961px;
  height: 961px;
  border-radius: 100%;
  background: rgba(221, 90, 53, 0.15);
  filter: blur(200px);
  position: absolute;
  left: -614px;
  top: -670px;
  content: "";
  display: block;
}
.quote_big_full__l {
  width: 55%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .quote_big_full__l {
    width: 100%;
  }
}
.quote_big_full__title {
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fz-36);
  line-height: 110%;
  padding: 0;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .quote_big_full__title {
    margin-bottom: 20px;
    font-weight: 700;
  }
}
.quote_big_full__title:after {
  content: "";
  margin-top: 40px;
  width: 40px;
  height: 4px;
  display: block;
  border-radius: 5px;
  background: var(--Karaka-Orange, #DD5A35);
  margin-top: 20px;
}
.quote_big_full__text {
  font-size: var(--fz-p);
}

.quote_ic {
  font-weight: 500;
  color: var(--Blue-firm, #134C80);
}
.quote_ic__body {
  font-size: var(--fz-h4);
  max-width: 1000px;
}
.quote_ic__icon {
  margin-bottom: 20px;
}
.quote_ic__icon svg {
  height: 30px;
  width: auto;
  display: block;
}
.quote_ic .btn__bordered {
  border: 2px solid var(--Karaka-Orange);
  padding-left: 40px;
  padding-right: 40px;
}

.block_ypath {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .block_ypath {
    gap: 40px;
    flex-direction: column;
  }
}
.block_ypath__img {
  width: 30%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_ypath__img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .block_ypath__img {
    width: 100%;
  }
}
.block_ypath__img img {
  width: 100%;
  height: auto;
  display: block;
}
.block_ypath__content {
  width: calc(70% - 30px);
  padding-right: 112px;
  display: flex;
  flex-flow: row wrap;
  gap: 65px 10%;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_ypath__content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .block_ypath__content {
    width: 100%;
    padding: 0;
    flex-direction: column;
    gap: 40px;
  }
}
.block_ypath__content__round {
  position: absolute;
  height: 100%;
  width: 112px;
  top: 17px;
  right: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .block_ypath__content__round {
    display: none;
  }
}
.block_ypath__content__round::before {
  content: "";
  width: 200%;
  position: absolute;
  border-radius: 100%;
  border: 6px solid #F4CBBF;
  right: 0;
  top: 0;
  aspect-ratio: 1/1;
}
.block_ypath__item {
  width: 45%;
  padding-right: 3%;
  color: var(--Blue-firm);
  position: relative;
  height: 164px;
  /*    &::before {
        position: absolute;
        height: 6px;
        width: 123%;
        content: '';
        left: 0;
        top: 17px;
        background: #F4CBBF;
        display: block;
        z-index: 1;
        @include phone {
          display: none;
        }
      }*/
}
@media screen and (max-width: 768px) {
  .block_ypath__item {
    width: 100%;
    height: auto;
  }
}
.block_ypath__item__pos2::before, .block_ypath__item__pos3::before {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .block_ypath__item__pos3 {
    order: 2;
  }
}
.block_ypath__item__label {
  margin-bottom: 20px;
  display: inline-flex;
  padding: 5px 9px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--Karaka-Orange, #DD5A35);
  color: var(--White, #FFF);
  font-size: var(--fz-16);
  font-weight: 500;
  border: 3px solid var(--color-white);
  z-index: 2;
  position: relative;
}
.block_ypath__item__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: var(--fz-h5);
}
.block_ypath__item__bg {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  height: 233px;
  border-radius: 0 122px 122px 0;
  border: 6px solid #F4CBBF;
  border-left: none;
}
@media screen and (max-width: 768px) {
  .block_ypath__item__bg {
    display: none;
  }
}

.states {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .states {
    gap: 20px;
  }
}

.state {
  border-radius: 16px;
  outline: 4px solid #F2F9FF;
  border: 1px solid #D5E7F5;
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap);
  text-decoration: none;
  padding: 40px;
  color: var(--Blue-firm);
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .state {
    padding: 30px 20px;
    gap: 30px;
    flex-direction: column;
  }
}
.state__logo {
  width: 16%;
}
@media screen and (max-width: 768px) {
  .state__logo {
    width: 110px;
  }
}
.state__logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
.state__content {
  width: calc(84% - var(--gap));
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .state__content {
    width: 100%;
  }
}
.state__title {
  color: var(--Blue-firm, #134C80);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .state__title {
    margin-bottom: 10px;
  }
}
.state__text {
  font-weight: 500;
  max-width: 920px;
}
@media screen and (max-width: 768px) {
  .state__text {
    font-size: 16px;
  }
}

.block_top_txt {
  max-width: 900px;
}
.block_top_txt h4 {
  font-weight: 500;
}

.block_sotr {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .block_sotr {
    flex-direction: column;
    padding: 0 16px;
  }
}
.block_sotr__content {
  width: 55%;
  color: var(--color-white);
  font-weight: 500;
  line-height: 160%;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .block_sotr__content {
    width: 100%;
    line-height: 140%;
  }
}
.block_sotr__content .section__title {
  font-weight: 500;
  font-size: 48px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .block_sotr__content .section__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .block_sotr__content .section__title {
    font-size: 26px;
  }
}
.block_sotr__content .section__title::after {
  margin-top: 40px;
}
.block_sotr__content .section__title .orange {
  color: var(--Karaka-Orange);
}
.block_sotr__img {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .block_sotr__img {
    width: 100%;
    padding-top: 30px;
  }
}
.block_sotr__img img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .principles {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
  }
}
.principles .principle:not(.swiper-slide) {
  width: calc(33.333333% - 7px);
}
.principles .principle.swiper-slide {
  height: auto;
}
.principles.swiper-initialized {
  width: 80%;
  margin-left: 0;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .principles.swiper-initialized .swiper-pagination {
    width: calc(100dvw - 32px);
  }
}

.principle {
  border-radius: 16px;
  border: 1px solid var(--Line);
  padding: 20px;
  border-bottom: 4px solid var(--Karaka-Orange);
  color: var(--Blue-firm, #134C80);
}
.principle__icon {
  margin-bottom: 110px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .principle__icon {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .principle__icon {
    margin-bottom: 30px;
  }
}
.principle__icon svg, .principle__icon img {
  width: 60px;
  height: auto;
  display: block;
}
@media screen and (max-width: 1024px) {
  .principle__icon svg, .principle__icon img {
    width: 40px;
  }
}
.principle__title {
  margin-bottom: 20px;
  font-size: var(--fz-h4);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .principle__title {
    margin-bottom: 14px;
  }
}
.principle__text {
  padding-bottom: 14px;
}

.megalist {
  display: flex;
  flex-direction: column;
}
.megalist__item {
  padding: 40px 70px;
  border-bottom: 1px solid var(--Line, #DBE3E9);
  position: relative;
}
@media screen and (max-width: 768px) {
  .megalist__item {
    padding: 30px 0 30px 30px;
  }
}
.megalist__item::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--Karaka-Orange, #DD5A35);
  left: 0;
  top: 50px;
}
@media screen and (max-width: 768px) {
  .megalist__item::before {
    top: 40px;
  }
}
.megalist__item__title, .megalist__item__text {
  max-width: 700px;
}
.megalist__item__title {
  color: var(--Blue-firm);
  font-size: var(--fz-h4);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 10px;
}
.megalist__item__text {
  font-size: var(--fz-p);
  color: #6F96B9;
}
@media screen and (max-width: 768px) {
  .megalist__item__text {
    font-size: 15px;
  }
}

.download {
  border-radius: 12px;
  border: 1px solid var(--Line, #DBE3E9);
  padding: 14px 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px;
  text-decoration: none;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .download {
    flex-wrap: nowrap;
    gap: 10px;
  }
}
.download__icon {
  display: inline-flex;
  gap: 8px;
  color: var(--Karaka-Orange);
  align-items: center;
  text-decoration: underline;
  text-decoration-color: #F3DBD4;
  text-underline-offset: 5px;
}
@media screen and (max-width: 768px) {
  .download__icon {
    font-size: 0;
    gap: 0;
  }
}
.download__info {
  display: inline-flex;
  flex-direction: column;
}
.download__filename {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: var(--Blue-firm);
}
.download__fileinfo {
  color: #6F96B9;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}
.download:hover {
  border-color: var(--Karaka-Orange);
}

.downloads {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .downloads {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .downloads {
    gap: 8px;
    margin-bottom: 40px;
  }
}
.downloads .download {
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .downloads .download {
    width: 100%;
  }
}

.priceinfo {
  margin-bottom: 10px;
  padding: 30px;
  border-radius: 12px;
  background: #F5F6F9;
  color: var(--Blue-firm, #134C80);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 60px;
  position: relative;
}
.priceinfo::before {
  width: 17px;
  height: 20px;
  content: "";
  position: absolute;
  left: 30px;
  top: 30px;
  background-image: url(../images/icons/star.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.prices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.prices__item {
  border-radius: 12px;
  border: 1px solid var(--Line, #DBE3E9);
  padding: 15px 30px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .prices__item {
    padding: 16px 20px;
    flex-wrap: wrap;
  }
}
.prices__item__text {
  margin-right: auto;
  color: var(--Blue-firm, #134C80);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .prices__item__text {
    width: 100%;
    margin-bottom: 25px;
  }
}
.prices__item__text span {
  display: block;
  margin-top: 8px;
  color: #849CB3;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fz-p);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.prices__item__price {
  flex-shrink: 0;
  padding: 0 30px;
  color: var(--Blue-firm, #134C80);
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .prices__item__price {
    padding-left: 0;
    text-align: left;
  }
}
.prices__item__btn {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .prices__item__btn {
    padding-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .prices__item__btn {
    margin-left: auto;
  }
}
.prices__item__btn .btn__bordered {
  border: 2px solid;
  padding: 10px 20px;
  min-height: 50px;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .prices__item__btn .btn__bordered {
    min-height: 45px;
  }
}
.prices__item:hover {
  background-color: #F6F7F9;
}
.prices__item:hover .prices__item__text {
  color: var(--Karaka-Orange);
}

.block_w_col {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .block_w_col {
    flex-direction: column;
    gap: 50px;
  }
}
.block_w_col__main {
  width: calc(75% - 10px);
}
@media screen and (max-width: 768px) {
  .block_w_col__main {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .block_w_col__main .btn__bordered {
    width: 100%;
  }
}
.block_w_col__col {
  width: calc(25% - 10px);
}
@media screen and (max-width: 768px) {
  .block_w_col__col {
    width: 100%;
  }
}

.block_orange {
  border-radius: 16px;
  background: #FDF3F0;
  padding: 50px 30px;
  border-bottom: 4px solid var(--Karaka-Orange);
}
@media screen and (max-width: 1024px) {
  .block_orange {
    padding: 20px;
  }
  .block_orange .btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .block_orange {
    padding: 30px;
  }
}

.remark {
  border-radius: 12px;
  background: #F5F6F9;
  border-left: 4px solid var(--Karaka-Orange);
  padding: 20px 30px;
  color: var(--Blue-sub, #6F96B9);
  font-size: var(--fz-p);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-top: 30px;
  margin-bottom: var(--gap);
}
@media screen and (max-width: 768px) {
  .remark {
    padding: 20px;
  }
}
.remark:first-child {
  margin-top: 0;
}
.remark:last-child {
  margin-bottom: 0;
}

.akcia {
  border-radius: 12px;
  background: #F5F6F9;
  border-left: 4px solid var(--Karaka-Orange);
  padding: 40px 30px;
  color: var(--Blue-sub, #6F96B9);
  font-size: var(--fz-p);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-top: 30px;
  margin-bottom: 60px;
  background-image: url(../images/Sale.svg);
  background-repeat: no-repeat;
  background-position: top right;
}
.akcia:first-child {
  margin-top: 0;
}
.akcia:last-child {
  margin-bottom: 0;
}
.akcia__title {
  color: var(--Karaka-Orange);
  margin-bottom: 20px;
  font-size: var(--fz-h5);
  font-weight: 700;
}
.akcia__subtitle {
  margin-bottom: 10px;
  color: var(--Blue-firm);
  font-weight: 500;
}

.block_etaps {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.etap {
  border-radius: 16px;
  border: 1px solid var(--Line, #DBE3E9);
  padding: 30px 30px 68px 30px;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .etap {
    padding: 20px 20px 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .etap {
    padding: 20px 20px 65px;
    color: var(--Blue-sub, #6F96B9);
  }
}
.etap__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #F4CBBF;
  background: #FBE7E1;
  color: var(--Karaka-Orange, #DD5A35);
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  padding: 3px 10px 6px 10px;
  margin-bottom: 18px;
}
.etap__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--Blue-firm, #134C80);
}
@media screen and (max-width: 768px) {
  .etap__title {
    margin-bottom: 10px;
  }
}

.why_checks {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.why_checks .why_check {
  width: calc(25% - 15px);
  background: #fff;
  padding: 30px;
  border-radius: 16px;
  background: var(--White, #FFF);
  border-bottom: 4px solid var(--Karaka-Orange);
}
@media screen and (max-width: 1024px) {
  .why_checks .why_check {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .why_checks .why_check {
    width: 100%;
  }
}
.why_checks .why_check__icon {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .why_checks .why_check__icon {
    margin-bottom: 40px;
  }
}
.why_checks .why_check__icon img, .why_checks .why_check__icon svg {
  width: auto;
  height: 26px;
  display: block;
}
.why_checks .why_check__title {
  color: var(--Blue-firm, #134C80);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 15px;
}
.why_checks .why_check__text {
  color: #8C9CAA;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.block_about_top {
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_about_top {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .block_about_top {
    margin-bottom: 40px;
  }
}
.block_about_top__img {
  border-radius: 100%;
  margin-bottom: 30px;
  width: 140px;
  background: var(--Bg, #F6F7F9);
}
@media screen and (max-width: 768px) {
  .block_about_top__img {
    width: 80px;
    margin-bottom: 20px;
  }
}
.block_about_top__img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 100%;
}
.block_about_top__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .block_about_top__content {
    flex-direction: column;
    gap: 30px;
  }
}
.block_about_top__content__main {
  width: 66.2%;
}
@media screen and (max-width: 1024px) {
  .block_about_top__content__main {
    width: 100%;
  }
}
.block_about_top__content__main h4 {
  font-size: var(--fz-32);
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .block_about_top__content__main h4 {
    font-size: 18px;
  }
}
.block_about_top__content__main p {
  font-size: 20px;
  font-weight: 500;
}
.block_about_top__content__col {
  width: 23.8%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block_about_top__content__col {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .block_about_top__content__col {
    width: 100%;
  }
}

.metric {
  padding: 50px 30px;
  border-radius: 16px;
  border: 1px solid var(--Line, #DBE3E9);
}
@media screen and (max-width: 768px) {
  .metric {
    padding: 20px;
  }
}
.metric__top {
  border-bottom: 1px solid var(--Line, #DBE3E9);
  padding-bottom: 14px;
  color: var(--Karaka-Orange, #DD5A35);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.metric__bottom {
  padding-top: 14px;
  color: var(--Blue-firm, #134C80);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.target {
  border-radius: 16px;
  border: 1px solid #DBE3E9;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .target {
    padding: 20px;
  }
}
.target__number {
  margin-bottom: 18px;
  border-radius: 8px;
  border: 1px solid #F4CBBF;
  background: #FBE7E1;
  display: inline-flex;
  padding: 3px 10px;
  justify-content: center;
  align-items: center;
  color: var(--Karaka-Orange);
}
.target__title {
  color: var(--Blue-firm, #134C80);
  font-size: 18px;
  font-style: normal;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 160%;
}
.target + .target {
  margin-top: 6px;
}

.targets {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .targets {
    gap: 8px;
  }
}
.targets .target {
  width: 100%;
  padding: 20px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .targets .target {
    padding: 16px;
  }
}
.targets .target__half {
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .targets .target__half {
    width: 100%;
  }
}
.targets .target__quoter {
  width: calc(25% - 15px);
}
@media screen and (max-width: 768px) {
  .targets .target__quoter {
    width: 100%;
  }
}

.faqs {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .faqs {
    gap: 8px;
  }
}

.faq {
  border-radius: 16px;
  border: 1px solid var(--Line, #DBE3E9);
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 10px 30px;
  color: var(--Blue-firm);
}
@media screen and (max-width: 768px) {
  .faq {
    padding: 10px 20px;
  }
}
.faq__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .faq__head {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .faq__head {
    padding: 10px 0;
  }
}
.faq__head:hover {
  color: var(--Karaka-Orange);
}
.faq__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.faq__icon {
  transition: transform 0.3s ease;
}
.faq__icon svg {
  transition: transform 0.3s ease;
}
.faq__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq__body .btn {
    width: 100%;
  }
}
.faq__body__less {
  position: absolute;
  right: 30px;
  bottom: 40px;
  display: inline-flex;
  cursor: pointer;
  gap: 4px;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fz-16);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .faq__body__less {
    left: 30px;
    bottom: 20px;
    justify-content: center;
  }
}
.faq__body__less:hover {
  color: var(--Karaka-Orange);
}
.faq.active .faq__icon svg {
  transform: rotate(180deg);
}
.faq.active .faq__head {
  color: var(--Karaka-Orange);
}
.faq.active .faq__body {
  padding-bottom: 30px;
  max-height: 1000px;
}
@media screen and (max-width: 768px) {
  .faq.active .faq__body {
    max-height: 10000px;
    padding-bottom: 67px;
  }
}
.faq__plus {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--Line, #DBE3E9);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.faq__plus .faq__body {
  padding: 0;
}
.faq__plus.active .faq__icon svg {
  transform: rotate(135deg);
}
.faq__plus.active .faq__body {
  padding-bottom: 30px;
}

.reviews {
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .reviews {
    gap: 8px;
  }
}
.reviews + .reviews {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .reviews + .reviews {
    margin-top: 8px;
  }
}
.reviews.visible {
  opacity: 1;
  max-height: unset;
  pointer-events: auto;
}

.review {
  padding: 40px;
  border: 1px solid var(--Line, #DBE3E9);
  border-radius: 16px;
  color: var(--Blue-firm);
  font-size: 18px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .review {
    padding: 40px 30px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .review {
    padding: 20px;
  }
}
.review__label {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  padding: 3px 10px 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #F4CBBF;
  background: #FBE7E1;
  color: var(--Karaka-Orange);
  font-weight: 600;
  font-size: var(--fz-16);
}
.review.teaser {
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .review.teaser {
    flex-direction: column;
  }
}
.review.teaser .review__logo {
  width: 16%;
}
@media screen and (max-width: 768px) {
  .review.teaser .review__logo {
    width: 200px;
  }
}
.review.teaser .review__logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
.review.teaser .review__content {
  width: calc(84% - var(--gap));
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .review.teaser .review__content {
    width: 100%;
  }
}
.review.teaser .review__title {
  color: var(--Blue-firm, #134C80);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.review.teaser .review__text {
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .review.teaser .review__text {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .review.teaser .review__text {
    margin-bottom: 30px;
  }
}
.review.teaser .review__btn {
  display: inline-flex;
  height: 50px;
  background: transparent;
  border: 2px solid var(--Karaka-Orange);
  padding: 5px 40px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  color: var(--Karaka-Orange);
  font-weight: 600;
}
.review.teaser:hover .review__title {
  color: var(--Karaka-Orange);
}
.review.teaser:hover .review__btn {
  color: var(--color-white);
  background: var(--Karaka-Orange);
}
.review.full {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .review.full {
    padding-top: 60px;
  }
}
.review.full .btn__bordered {
  padding-left: 30px;
  padding-right: 30px;
}
.review.full .review__text {
  max-width: 1000px;
  margin-bottom: 30px;
}
.review.full .review__date {
  color: #849CB3;
  font-weight: 500;
  font-size: var(--fz-16);
  margin-bottom: 40px;
}
.review.full .review__lb {
  margin-top: 40px;
  max-width: 530px;
  transition: all 0.2s ease-in-out;
  display: block;
}
.review.full .review__lb img {
  width: 100%;
  height: auto;
  display: block;
}
.review.full .review__lb:hover {
  opacity: 0.8;
}
.review.full + .btn__bordered {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .review.full + .btn__bordered {
    width: 100%;
  }
}

.filter_tab {
  display: inline-flex;
  padding: 5px 18px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  height: 50px;
  border-radius: 100px;
  border: 1px solid var(--Line, #DBE3E9);
  color: var(--Blue-firm);
  background-color: transparent;
  font-weight: 500;
  font-size: var(--fz-p);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .filter_tab {
    white-space: nowrap;
  }
}
.filter_tab:hover, .filter_tab.active {
  background-color: var(--Karaka-Orange);
  border-color: var(--Karaka-Orange);
  color: var(--color-white);
}

.filter_tabs {
  margin-bottom: 40px;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .filter_tabs {
    flex-wrap: nowrap;
    overflow: auto;
    margin-bottom: 30px;
  }
}

.news__filters {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #E7E7EF;
  margin-bottom: 60px;
  gap: 40px;
  overflow: auto;
  padding-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .news__filters {
    gap: 26px;
    margin-bottom: 16px;
  }
}
.news__filter {
  color: var(--Blue-firm, #134C80);
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  flex-shrink: 0;
  text-decoration: none;
}
.news__filter.active, .news__filter:hover {
  color: var(--Karaka-Orange);
}
.news__list {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.news__list + .news__list {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .news__list + .news__list {
    margin-top: 16px;
  }
}
.news__list.visible {
  opacity: 1;
  max-height: unset;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .news__list {
    gap: 16px;
  }
}
.news.teaser_big {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background: var(--color-white);
  text-decoration: none;
  color: var(--Blue-firm, #134C80);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .news.teaser_big {
    width: calc(66.66666% - 14px);
  }
}
@media screen and (max-width: 768px) {
  .news.teaser_big {
    width: 100%;
    min-height: 400px;
  }
}
.news.teaser_big .news__content {
  margin-top: auto;
  height: 70%;
  width: 100%;
  background: linear-gradient(180deg, rgba(19, 76, 128, 0) 0%, #134C80 100%);
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.news.teaser_big .news__title {
  font-size: var(--fz-h4);
  font-weight: 500;
  color: var(--color-white);
  margin-bottom: 10px;
}
.news.teaser_big .news__date {
  color: rgba(255, 255, 255, 0.4);
  font-size: var(--fz-xs);
  font-weight: 500;
}
.news.teaser {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #E7E7EF;
  background: var(--color-white);
  padding: 6px;
  width: calc(25% - 15px);
  text-decoration: none;
  color: var(--Blue-firm, #134C80);
}
@media screen and (max-width: 1024px) {
  .news.teaser {
    width: calc(33.3333333% - 14px);
  }
}
@media screen and (max-width: 768px) {
  .news.teaser {
    width: 100%;
  }
}
.news.teaser .news__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.news.teaser .news__title {
  padding: 20px 14px;
  font-weight: 700;
  font-size: var(--fz-p);
}
.news.teaser .news__date {
  margin-top: auto;
  color: #6F96B9;
  font-size: 15px;
  font-weight: 500;
  padding: 14px;
}

.partners {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.partner {
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #D9E1F1;
  background: var(--White, #FFF);
  display: flex;
  flex-flow: row wrap;
  color: var(--Blue-firm);
  font-size: var(--fz-p);
}
@media screen and (max-width: 1024px) {
  .partner {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  .partner {
    flex-direction: column;
    gap: 20px;
  }
}
.partner__logo {
  padding: 10px;
  width: 18%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partner__logo {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .partner__logo {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.partner__logo img {
  width: auto;
  max-width: min(100%, 135px);
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .partner__logo img {
    max-width: 100%;
    width: auto;
    height: 60px;
  }
}
.partner__link {
  width: 18%;
  border-left: 1px solid var(--Line, #DBE3E9);
  padding-left: 40px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partner__link {
    width: 100%;
    padding-left: 30%;
  }
}
@media screen and (max-width: 768px) {
  .partner__link {
    width: 100%;
    border: none;
    padding-left: 0;
  }
}
.partner__content {
  width: 64%;
  padding-right: 10%;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partner__content {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .partner__content {
    padding: 0;
    width: 100%;
  }
}
.partner__title {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: var(--fz-24);
}
@media screen and (max-width: 768px) {
  .partner__title {
    margin-bottom: 10px;
  }
}
.partner__text {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .partner__text {
    margin-bottom: 0;
  }
}

.map {
  border-radius: 24px;
  background: #F6F7F9;
  height: 500px;
  width: 100%;
  background: url(../images/content/map.jpg);
  background-size: cover;
  background-position: center;
}

.contacts_page {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .contacts_page {
    gap: 50px;
    flex-direction: column;
  }
}
.contacts_page__col, .contacts_page__form {
  width: calc(50% - 10px);
  border-radius: 24px;
  padding: 80px 50px 50px 50px;
}
@media screen and (max-width: 1024px) {
  .contacts_page__col, .contacts_page__form {
    width: 100%;
    padding: 40px 20px;
  }
}
.contacts_page__col {
  border-radius: 24px;
  border: 1px solid #DBE3E9;
}
@media screen and (max-width: 768px) {
  .contacts_page__col {
    border-radius: 12px;
  }
}
.contacts_page__col__footer {
  margin-top: 100px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .contacts_page__col__footer {
    margin-top: 40px;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.contacts_page__social {
  width: 60px;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--color-vk);
  color: var(--color-vk);
}
.contacts_page__social:hover {
  background: var(--color-vk);
  color: var(--color-white);
}
.contacts_page__social__inst {
  border: 1px solid var(--color-inst);
  color: var(--color-inst);
}
.contacts_page__social__inst:hover {
  background: var(--color-inst);
  color: var(--color-white);
}
.contacts_page__socials {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.contacts_page__rekv_link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--Blue-firm);
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
}
.contacts_page__form {
  background-color: #F6F7F9;
  background-image: url(../images/contacts_form_bg.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contacts_page__form {
    background-image: none;
  }
}
@media screen and (max-width: 768px) {
  .contacts_page__form {
    padding-bottom: 220px;
    background-position: bottom center;
  }
}
.contacts_page__form__nobg {
  background-image: none;
}
@media screen and (max-width: 768px) {
  .contacts_page__form__nobg {
    padding-bottom: 50px;
  }
}
.contacts_page__form__title {
  color: var(--Blue-firm, #134C80);
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contacts_page__form__title {
    margin-bottom: 10px;
  }
}
.contacts_page__form__subtitle {
  color: var(--Blue-firm, #134C80);
  font-weight: 400;
  font-size: var(--fz-p);
  margin-bottom: 30px;
}
.contacts_page__title {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Karaka-Orange);
  font-size: var(--fz-16);
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .contacts_page__title {
    margin-top: 30px;
  }
}
.contacts_page__title svg {
  width: 24px;
  height: auto;
  display: block;
  margin-left: -4px;
  margin-right: 4px;
}
.contacts_page__title__adress svg {
  margin-right: 2px;
}
.contacts_page__title:first-child {
  margin-top: 0;
}
.contacts_page__title:last-child {
  margin-bottom: 0;
}
.contacts_page__value {
  color: var(--Blue-firm);
  font-size: var(--fz-h4);
  font-style: normal;
  font-weight: 600;
}
.contacts_page__value a {
  display: block;
  text-decoration: none;
  color: var(--Blue-firm);
}
.contacts_page__value a:hover {
  color: var(--Karaka-Orange);
}

.gets {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 10px;
}
.gets__item {
  display: flex;
  gap: 20px;
}
.gets__item__icon {
  width: 34px;
  flex-shrink: 0;
}
.gets__item__icon svg {
  width: 100%;
  display: block;
  height: auto;
}
.gets__item__title {
  margin-bottom: 10px;
  color: var(--Blue-firm, #134C80);
  font-size: var(--fz-18);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
}
.gets__item__text {
  color: var(--Blue-firm, #134C80);
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 150%;
}

.product__price {
  color: var(--Blue-firm, #134C80);
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .product__price {
    margin-bottom: 20px;
  }
}
.product__price__label {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.product__price__value {
  font-size: var(--fz-34);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .product__price__value {
    font-size: 32px;
  }
}
.product__price__btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.service__top {
  border-radius: 16px;
  background: #FAEFEC;
  padding: 20px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  color: var(--Blue-firm, #134C80);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .service__top {
    padding: 16px;
    flex-direction: column;
    font-size: 16px;
    align-items: flex-start;
    line-height: 140%;
    margin-bottom: 10px;
  }
}
.service__top__img {
  width: 7.5%;
}
@media screen and (max-width: 768px) {
  .service__top__img {
    width: 80px;
    margin-bottom: 10px;
  }
}
.service__top__img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 100%;
  background: #fff;
}
.service__top__text {
  width: 55%;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .service__top__text {
    width: 100%;
    padding: 0;
  }
}
.service__top__btns {
  margin-left: auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .service__top__btns {
    padding: 0;
    margin-left: 0;
    margin-top: 30px;
  }
}
.service__top__btns .btn {
  padding-left: 40px;
  padding-right: 40px;
}
.service__main {
  display: flex;
  gap: 8%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .service__main {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .service__main {
    flex-direction: column;
  }
}
.service__main__col {
  width: 24%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .service__main__col {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .service__main__col {
    width: 100%;
    order: -1;
    padding: 30px 0 60px;
  }
}
.service__main__col__title {
  margin-bottom: 20px;
  color: var(--Blue-firm, #134C80);
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .service__main__col__title {
    font-size: 22px;
  }
}
.service__main__body {
  width: 68%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .service__main__body {
    width: calc(70% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .service__main__body {
    width: 100%;
  }
}
.service__main__body h3 {
  font-size: var(--fz-34);
}
.service__main__body .populars {
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .service__main__body .populars {
    margin-bottom: 50px;
  }
}
.service__main__body .populars .popular {
  width: calc(33.3333333% - 7px);
  text-decoration: none;
  color: inherit;
  min-height: 250px;
  font-size: 20px;
  padding-top: 30px;
}
.service__main__body .populars .popular__icon {
  color: var(--Karaka-Orange);
}
.service__main__body .download {
  text-decoration: none;
  margin-bottom: 6px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.rmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: transparent;
  overflow: hidden;
}
.rmenu li {
  position: relative;
  border-bottom: 1px solid #DBE3E9;
}
.rmenu li:last-child {
  border-bottom: none;
}
.rmenu li > a {
  display: block;
  padding: 20px 0;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  color: var(--Blue-firm, #134C80);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rmenu li > a {
    padding: 10px 0;
    font-size: 16px;
  }
}
.rmenu li > a:hover, .rmenu li > a.active {
  color: var(--Karaka-Orange);
}
.rmenu li.has_children > a {
  padding-right: 30px;
}
.rmenu li.has_children > a::before {
  content: "";
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
  background-image: url(../images/content/arrow_d.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rmenu li.has_children.opened > a::before {
  transform: translateY(-50%) rotate(180deg);
}
.rmenu li.has_children.opened > ul {
  max-height: 500px;
  opacity: 1;
  padding: 5px 0;
}
.rmenu li ul {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
  transition: all 0.4s ease;
}
.rmenu li ul li {
  border-bottom: none;
}
.rmenu li ul li a {
  padding: 9px 10px;
  color: var(--Blue-firm);
  font-size: var(--fz-p);
  font-weight: 500;
}
.rmenu li ul li a:hover {
  color: var(--Karaka-Orange);
  background: #fff;
}
.rmenu__case {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rmenu__case > li {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rmenu__case > li {
    margin-bottom: 20px;
  }
}
.rmenu__case > li > a {
  color: var(--Blue-firm, #134C80);
  text-decoration: none;
  font-size: var(--fz-18);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.rmenu__case > li > a:hover {
  color: var(--Karaka-Orange);
}
.rmenu__case > li ul {
  list-style: none;
  padding: 0;
  padding-top: 14px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rmenu__case > li ul {
    padding-top: 10px;
  }
}
.rmenu__case > li ul li {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
}
.rmenu__case > li ul li:before {
  border-radius: 2px;
  background: var(--Karaka-Orange, #DD5A35);
  content: "";
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  margin-top: 10px;
}
.rmenu__case > li ul li a {
  text-decoration: none;
  color: var(--Blue-firm, #134C80);
  font-size: var(--fz-18);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rmenu__case > li ul li a {
    font-size: 14px;
  }
}
.rmenu__case > li ul li a:hover {
  color: var(--Karaka-Orange);
}
.rmenu__case > li:last-child {
  margin-bottom: 0;
}

.to_page, .text_content .to_page, .text_content .to_page:not(.btn) {
  padding: 20px 30px;
  border-radius: 16px;
  border: 1px solid #DBE3E9;
  min-height: 100px;
  display: flex;
  width: 100%;
  text-decoration: none;
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 160%;
  margin-bottom: 6px;
  gap: var(--gap);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .to_page, .text_content .to_page, .text_content .to_page:not(.btn) {
    padding: 10px 40px 35px 20px;
    position: relative;
    align-items: flex-start;
  }
}
.to_page .to_page__icon, .text_content .to_page .to_page__icon, .text_content .to_page:not(.btn) .to_page__icon {
  margin-left: auto;
  flex-shrink: 0;
  color: #D0D6E3;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .to_page .to_page__icon, .text_content .to_page .to_page__icon, .text_content .to_page:not(.btn) .to_page__icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .to_page .to_page__icon svg, .text_content .to_page .to_page__icon svg, .text_content .to_page:not(.btn) .to_page__icon svg {
    width: 47px;
    height: auto;
    display: block;
  }
}
.to_page:hover, .text_content .to_page:hover, .text_content .to_page:not(.btn):hover {
  border-color: var(--Blue-firm);
}
.to_page:hover .to_page__icon, .text_content .to_page:hover .to_page__icon, .text_content .to_page:not(.btn):hover .to_page__icon {
  color: var(--Karaka-Orange);
}

.tarifs {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .tarifs {
    gap: 8px;
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.tarifs .tarif,
.tarifs .tarif__head {
  width: calc(25% - 15px);
}
@media screen and (max-width: 768px) {
  .tarifs .tarif,
.tarifs .tarif__head {
    width: 200px;
    flex-shrink: 0;
  }
}

.tarif__header {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--White, #FFF);
  color: #223576;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
  .tarif__header {
    padding: 16px;
    font-size: 16px;
  }
}
.tarif__body {
  border-radius: 10px;
  background: var(--White, #FFF);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .tarif__body {
    padding: 20px 8px;
  }
}
.tarif__oldprice {
  color: #6F96B9;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-style: normal;
  line-height: 120%;
  text-decoration-line: line-through;
  text-align: center;
  margin-bottom: 8px;
}
.tarif__price {
  color: var(--Blue-firm, #134C80);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
  padding-bottom: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .tarif__price {
    font-size: 17px;
  }
}
.tarif__sale {
  display: inline-flex;
  margin-left: 10px;
  border-radius: 8px;
  border: 1px solid #F4CBBF;
  background: #FBE7E1;
  color: var(--Karaka-Orange, #DD5A35);
  font-size: var(--fz-16);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
  padding: 4px 10px;
}
.tarif__item {
  border-top: 1px solid #EAF0F4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Blue-firm, #134C80);
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 120%;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .tarif__item {
    height: 60px;
  }
}
.tarif__btns {
  padding-top: 30px;
  border-top: 1px solid #EAF0F4;
}
@media screen and (max-width: 768px) {
  .tarif__btns {
    padding-top: 20px;
  }
}
.tarif__btns .btn__bordered {
  border: 2px solid;
  font-weight: 700;
}

.tarif__head__item {
  border-bottom: 1px solid var(--Line, #DBE3E9);
  min-height: 80px;
  display: flex;
  color: var(--Blue-firm, #134C80);
  font-size: var(--fz-16);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  align-items: center;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .tarif__head__item {
    min-height: 60px;
  }
}
.tarif__head__item__first {
  padding-top: 195px;
}
@media screen and (max-width: 768px) {
  .tarif__head__item__first {
    padding-top: 144px;
    padding-bottom: 18px;
  }
}

.bubble-link {
  position: relative;
  color: var(--Blue-firm, #134C80);
  font-weight: 700;
  white-space: nowrap;
  cursor: default;
  display: inline-flex;
  vertical-align: middle;
}
.bubble-link span {
  visibility: hidden;
  position: absolute;
  bottom: 35px;
  left: 50%;
  width: 360px;
  max-width: max-content;
  padding: 15px 20px;
  margin-left: -180px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(51, 65, 92, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05);
  text-align: justify;
  white-space: normal;
  opacity: 0;
  transition: 0.2s 0.2s;
  z-index: 100;
  color: var(--grey-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.bubble-link span:after, .bubble-link span:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border: solid transparent;
}
.bubble-link span:before {
  bottom: -10px;
  border-width: 10px 5px 0;
  border-top-color: #eee;
}
.bubble-link span:after {
  bottom: -7px;
  border-width: 8px 5px 0;
  border-top-color: #fff;
}
.bubble-link.down-right span {
  bottom: auto;
  top: 30px;
  left: auto;
  right: -57px;
}
.bubble-link.down-right span:before {
  bottom: auto;
  top: -10px;
  left: auto;
  right: 60px;
  border-width: 0 5px 10px;
  border-bottom-color: #eee;
}
.bubble-link.down-right span:after {
  bottom: auto;
  top: -7px;
  left: auto;
  right: 60px;
  border-width: 0 5px 8px;
  border-bottom-color: #fff;
}
.bubble-link.down-left span {
  bottom: auto;
  top: 30px;
  left: -52px;
  margin-left: 0;
}
.bubble-link.down-left span:before {
  bottom: auto;
  top: -10px;
  left: 60px;
  border-width: 0 5px 10px;
  border-bottom-color: #eee;
}
.bubble-link.down-left span:after {
  bottom: auto;
  top: -7px;
  left: 60px;
  border-width: 0 5px 8px;
  border-bottom-color: #fff;
}
.bubble-link:hover span {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 991px) {
  .bubble-link {
    position: static;
  }
  .bubble-link span {
    position: fixed;
    z-index: 100;
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    right: auto !important;
    width: 300px;
    margin-left: 0 !important;
    transform: translate(-50%, -50%);
  }
  .bubble-link span::after, .bubble-link span::before {
    content: none;
  }
  .bubble-link.active {
    z-index: 1001;
  }
  .bubble-link.active span {
    display: block;
  }
}
.bubble-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-size: 12px;
  text-align: center;
  font-style: normal;
  background: transparent;
  font-weight: 700;
  border: 2px solid #6F96B9;
  color: #6F96B9;
}

:root {
  --modal-width: 770px;
  --modal-radius: 16px;
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.modal__closer {
  position: fixed;
  top: 0;
  bottom: 0;
  display: block;
}
@media screen and (max-width: 768px) {
  .modal__closer {
    display: none;
  }
}
.modal_content {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  width: var(--modal-width);
  border-radius: var(--modal-radius);
  background-color: var(--color-white);
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
  padding: var(--gap);
}
@media screen and (max-width: 768px) {
  .modal_content {
    width: calc(100% - 32px);
    background-image: none;
    padding: var(--gap) 16px;
  }
}
.modal.opened {
  display: flex;
  opacity: 1;
  align-items: center;
  justify-content: center;
}
.modal.opened .modal__closer {
  width: 100%;
  left: 0;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .modal.opened .modal__closer {
    display: none;
  }
}
.modal .close {
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  color: #6F96B9;
  z-index: 1;
}
.modal .close svg {
  transition: all 0.2s ease-in-out;
  width: 32px;
}
@media screen and (max-width: 768px) {
  .modal .close svg {
    width: 20px;
    height: auto;
  }
}
.modal .close:hover, .modal .close:focus {
  color: var(--Blue-firm);
}
.modal__title {
  color: var(--Blue-firm, #134C80);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
}
.modal__text {
  color: var(--Blue-firm, #134C80);
  font-size: var(--fz-18);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 40px;
}
.modal__confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0;
}
.modal__confirmation__img {
  margin-bottom: var(--gap);
  width: 135px;
  display: block;
}
.modal__confirmation__img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 100%;
}
.modal__confirmation__title {
  margin-bottom: 20px;
  color: var(--Blue-firm, #134C80);
  text-align: center;
  font-size: var(--fz-34);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.modal__confirmation__text {
  color: var(--Blue-firm, #134C80);
  text-align: center;
  font-size: var(--fz-18);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin-bottom: var(--gap);
}

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