@charset "UTF-8";
/* =============================================================================
Media queries for different screen sizes
========================================================================== */
header, .header {
  position: fixed;
  background-color: #FFFFFF;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  width: 100%;
  padding: 20px 0;
  z-index: 10;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
header > .container, .header > .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
header__logo, .header__logo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header__logo img, .header__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
header__menu__desk, .header__menu__desk {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
header__menu__desk a, .header__menu__desk a {
  font-size: 1.1rem;
  line-height: 1.1rem;
  color: #040f16;
  text-decoration: none;
}
header__menu__desk a:hover, .header__menu__desk a:hover {
  color: #921210;
}
header__contacts, .header__contacts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
header__contacts__item, .header__contacts__item {
  display: flex;
  font-size: 0.95rem;
  line-height: 0.95rem;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in;
  color: #0B4F6C;
}
header__contacts__item svg path, .header__contacts__item svg path {
  transition: all 0.3s ease-in;
}
header__contacts__item:hover svg path, .header__contacts__item:hover svg path {
  fill: #EF1003;
}
header__contacts__item:hover, .header__contacts__item:hover {
  color: #EF1003;
}
header__user__link, .header__user__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 1.1rem;
  line-height: 1.1rem;
  text-decoration: none;
  color: #921210;
}
header__user__link:hover svg path, .header__user__link:hover svg path {
  fill: #EF1003;
}
header__user__link:hover, .header__user__link:hover {
  color: #EF1003;
}
header__mob, .header__mob {
  display: none;
}
header__mob__menu, .header__mob__menu {
  display: none;
}
header__spacer, .header__spacer {
  position: relative;
  height: 50px;
  background-color: #FFFFFF;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 5px;
}

.noUi-horizontal .noUi-handle {
  width: 22px;
  height: 22px;
  right: -11px;
  top: -8px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 22px;
  height: 22px;
  right: -11px;
  top: -8px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #e6e6e6;
  border-radius: 4px;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #01baef;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  background-color: rgba(1, 186, 239, 0.2);
  border-radius: 50%;
  cursor: pointer;
}
.noUi-handle::before {
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  background: #01baef;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 150ms;
}
.noUi-handle:hover::before {
  transform: translate(-50%, -50%) scale(1.5);
}

.noUi-active::before {
  transform: translate(-50%, -50%) scale(1.5);
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.calculator {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.calculator__wrapper {
  max-width: 576px;
  width: 100%;
  display: flex;
  margin: auto;
  flex-direction: column;
  gap: 30px;
  border-radius: 12px;
  background-color: #FFFFFF;
  padding: 30px 40px;
  box-shadow: 0 4px 10px rgba(130, 130, 130, 0.25);
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 40px;
  margin-top: 20px;
  z-index: 4;
}
.calculator__wrapper h1, .calculator__wrapper h2 {
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
  color: #0B4F6C;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
.calculator__wrapper .button {
  width: 100%;
  font-weight: 600;
}
.calculator__block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.calculator__block__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.calculator__block__header p {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
}
.calculator__block__header p:nth-child(2) {
  color: #0B4F6C;
}
.calculator__block__result {
  position: relative;
  box-sizing: border-box;
}
.calculator__block__result input[type=tel] {
  box-sizing: border-box;
  pointer-events: all;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  max-width: 150px;
  border: 1px solid #0B4F6C;
  padding: 14px 20px;
  padding-right: 40px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 22px;
  color: #4f4e4e;
}
.calculator__block__result input[type=tel]::-webkit-outer-spin-button, .calculator__block__result input[type=tel]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.calculator__block__result::after {
  content: "₽";
  position: absolute;
  height: 100%;
  padding: 14px 20px;
  padding-left: 0;
  top: 0;
  right: 0;
  font-size: 18px;
  line-height: 22px;
}
.calculator__block__under {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.calculator__block__under p {
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  color: #8a8a8a;
}
.calculator__info {
  display: flex;
  flex-direction: column;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 10px;
}
.calculator__info__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.calculator__info__item__label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  color: #8a8a8a;
}
.calculator__info__item__value {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.hero {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
  background: linear-gradient(287.16deg, #1F6380 47.41%, #014562 60.97%);
  /*&::before {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -130px;
    right: 350px;
    background: radial-gradient(52.53% 52.53% at 49.95% 47.47%,#FFFFFF 0%,rgba(255,255,255,0) 100%);
  }*/
  /*&::before {
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 200%;
    background: #003B58;
    border-top-right-radius: 100% 80%;
    border-bottom-right-radius: 100% 80%;
    z-index: 0;
    top: -50%;
    opacity: 0.95;
  }*/
}
.hero > .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  z-index: 4;
  align-items: center;
}
.hero__image {
  display: flex;
  align-self: stretch;
  width: 40%;
  flex-wrap: nowrap;
  overflow: hidden;
}
.hero__image img {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-self: flex-end;
  width: 95%;
  height: 95%;
  overflow: visible;
}
.hero__left {
  display: grid;
  gap: 20px;
  color: #FFFFFF;
  max-width: 600px;
  padding: 7rem 0;
}
.hero__left h1 {
  font-size: 64px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.02em;
}
.hero__left__subtext {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 300;
}
.hero__left__note {
  font-size: 1rem;
  line-height: 1.875rem;
  font-weight: 800;
  border-radius: 10px;
  border: 2px solid #EF1003;
  background: rgba(239, 16, 3, 0.6509803922);
  display: grid;
  grid-template-columns: 1fr 74px;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.hero__left__conditions {
  display: grid;
  grid-template-columns: 160px 250px;
  gap: 3rem;
}
.hero__left__condition-item {
  display: flex;
  flex-direction: column;
}
.hero__left__condition-label {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 800;
}
.hero__left__condition-value {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.steps {
  padding: 80px 0;
}
.steps__wrapper {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-content: center;
  align-items: stretch;
}
.steps__item {
  display: grid;
  max-width: 280px;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  gap: 20px;
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
  padding: 25px;
}
.steps__item img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.steps__item__title {
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  color: #040f16;
  text-align: center;
  margin-bottom: 10px;
}
.steps__item__text {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #8a8a8a;
  text-align: center;
}

.advantages {
  padding: 0 0 60px 0;
}
.advantages__wrapper {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  width: 80%;
  align-items: stretch;
  justify-content: space-between;
  gap: 30px;
  margin: 0 auto;
}
.advantages__left {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 30px;
}
.advantages__item {
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
  padding: 19px 30px;
  display: grid;
  grid-template-columns: 78px 2fr;
  align-items: center;
  overflow: hidden;
}
.advantages__item h3 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  color: #040f16;
  margin-bottom: 10px;
}
.advantages__item p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #8a8a8a;
}
.advantages__item svg {
  position: relative;
  left: -45px;
}
.advantages__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px 30px;
  background: linear-gradient(124.07deg, #014562 1.42%, #1F6380 93.94%);
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
}
.advantages__right h3 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.advantages__right p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.products {
  padding: 0 0 60px 0;
}
.products__carousel {
  padding: 10px !important;
}
.products__carousel .swiper-wrapper {
  align-items: stretch;
}
.products__item {
  display: flex !important;
  flex-direction: column;
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
  height: auto !important;
}
.products__item__header {
  background: linear-gradient(124.07deg, #014562 1.42%, #1F6380 93.94%);
  border-radius: 12px 12px 0px 0px;
  display: grid;
  padding: 15px;
  gap: 10px;
  grid-template-columns: 30px 1fr;
  align-items: center;
  min-height: 70px;
}
.products__item__header h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: #FFFFFF;
}
.products__item__body {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.products__item__body p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #5A5A5A;
}
.products__item__body__sum {
  position: relative;
  padding-left: 1.75rem;
  font-weight: 700;
  color: #5A5A5A;
  font-size: 1rem;
  line-height: 1.5;
}
.products__item__body__sum::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.81562 13.0869V13.2401V1.81563V13.0869ZM1.81562 15.0557C1.31279 15.0557 0.884479 14.8788 0.530688 14.525C0.176896 14.1712 0 13.7429 0 13.2401V1.81563C0 1.31279 0.176896 0.884479 0.530688 0.530688C0.884479 0.176896 1.31279 0 1.81562 0H13.2401C13.7429 0 14.1712 0.176896 14.525 0.530688C14.8788 0.884479 15.0557 1.31279 15.0557 1.81563V3.89659H13.2401V1.81563H1.81562V13.2401H13.2401V11.1372H15.0557V13.2401C15.0557 13.7429 14.8788 14.1712 14.525 14.525C14.1712 14.8788 13.7429 15.0557 13.2401 15.0557H1.81562ZM8.06334 11.7278C7.6273 11.7278 7.25404 11.5745 6.94356 11.2678C6.63308 10.9611 6.47784 10.5895 6.47784 10.1528V4.91334C6.47784 4.4773 6.63308 4.10404 6.94356 3.79356C7.25404 3.48308 7.6273 3.32784 8.06334 3.32784H14.5254C14.9621 3.32784 15.3346 3.48308 15.643 3.79356C15.9515 4.10404 16.1057 4.4773 16.1057 4.91334V10.1555C16.1057 10.5879 15.9515 10.9581 15.643 11.2661C15.3346 11.5739 14.9621 11.7278 14.5254 11.7278H8.06334ZM14.5359 10.1528V4.90284H8.05284V10.1528H14.5359ZM12.1325 8.45753C12.3877 8.20232 12.5153 7.89243 12.5153 7.52784C12.5153 7.16326 12.3877 6.85336 12.1325 6.59816C11.8773 6.34295 11.5674 6.21534 11.2028 6.21534C10.8383 6.21534 10.5284 6.34295 10.2732 6.59816C10.0179 6.85336 9.89034 7.16326 9.89034 7.52784C9.89034 7.89243 10.0179 8.20232 10.2732 8.45753C10.5284 8.71274 10.8383 8.84034 11.2028 8.84034C11.5674 8.84034 11.8773 8.71274 12.1325 8.45753Z' fill='%235A5A5A'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.products__item__body__term {
  position: relative;
  padding-left: 1.75rem;
  font-weight: 700;
  color: #5A5A5A;
  font-size: 1rem;
  line-height: 1.5;
}
.products__item__body__term::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.81563 17.1557C1.323 17.1557 0.89724 16.9762 0.538344 16.6173C0.179448 16.2584 0 15.8327 0 15.3401V3.91563C0 3.41279 0.179448 2.98448 0.538344 2.63069C0.89724 2.2769 1.323 2.1 1.81563 2.1H3.32784V0H5.02316V2.1H10.0325V0H11.7278V2.1H13.2401C13.7327 2.1 14.1584 2.2769 14.5173 2.63069C14.8762 2.98448 15.0557 3.41279 15.0557 3.91563V8.86069L13.2401 10.6763V7.52784H1.81563V15.3401H6.46647L8.27684 17.1557H1.81563ZM1.81563 5.95284H13.2401V3.91563H1.81563V5.95284ZM11.0278 17.6807L7.88025 14.5278L9.16322 13.2449L11.0331 15.1148L14.7676 11.3803L16.0558 12.658L11.0278 17.6807Z' fill='%235A5A5A'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.products__item__body button {
  width: 100%;
  background-color: #FFFFFF;
  border: 2px solid #EF1003;
  color: #EF1003;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 700;
  margin-top: auto;
}
.products__item__body button:hover {
  background-color: #EF1003;
  color: #FFFFFF;
}
.products__item__body a.button {
  width: 100%;
  color: #EF1003;
  font-size: 16px;
  padding: 2px 0;
  background-color: unset;
  text-decoration: underline;
  font-weight: 700;
}
.products__item__body a.button:hover {
  color: #4f4e4e;
}

.info__carousel {
  width: 100%;
  margin-bottom: 20px;
}
.info__carousel .swiper-wrapper {
  align-items: stretch;
}
.info__carousel .swiper-slide {
  height: auto !important;
}
.info__item {
  display: flex !important;
  flex-direction: column;
  cursor: pointer;
  height: auto !important;
  width: 100%;
}
.info__item .active {
  background-color: #0B4F6C;
  color: #FFFFFF;
  font-weight: 700;
}
.info__item__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  background-color: #E8EAEB;
  text-align: center;
  color: #717678;
}
.info__item__link:hover {
  opacity: 0.8;
  transition: ease 0.3s;
}
.info__content {
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
  padding: 30px 40px;
}
.info__content .faq__wrapper {
  margin-top: 0;
}
.info__content__block:not(.active) {
  display: none;
}
.info__content__block p {
  font-size: 16px;
  line-height: 1.5;
  color: #5A5A5A;
}
.info__content__block h3 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  color: #4f4e4e;
}
.info__content__block__documents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-around;
  align-items: flex-start;
  padding: 15px 0;
  gap: 5px;
}
.info__content__block__documents a {
  display: block;
  width: 100%;
  max-width: 250px;
  justify-self: center;
}
.info__content__block__documents a img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.info__content .check-list {
  list-style: none;
  padding-left: 0;
}
.info__content .check-list li {
  position: relative;
  padding-left: 18px;
}
.info__content .check-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  font-weight: bold;
}
.info__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.info__content ul li {
  padding: 10px 0;
  padding-left: 18px;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  color: #5A5A5A;
}
.info__content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #EF1003;
  flex-shrink: 0;
}
.info__content ol {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: step;
}
.info__content ol li {
  padding: 12px 0;
  padding-left: 36px;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  counter-increment: step;
}
.info__content ol li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #EF1003;
  border: 2px solid #EF1003;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.about__wrapper {
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 1.2fr 3fr;
  gap: 40px;
  align-items: stretch;
}
.about__block {
  display: flex;
  flex-direction: column;
}
.about__block__title {
  font-size: 46px;
  line-height: 50px;
  color: #0B4F6C;
  margin-bottom: 20px;
}
.about__block__items {
  box-shadow: 0px 1px 5px 0px rgba(110, 110, 110, 0.2509803922);
  border-radius: 12px;
  padding: 20px;
}
.about__block-item {
  border-left: 2px solid #EF1003;
  padding: 0 0 0 10px;
  display: flex;
  flex-direction: column;
}
.about__block-item:nth-child(1) {
  margin-bottom: 20px;
}
.about__block-label {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.about__block-value {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: #5A5A5A;
}
.about__block p {
  font-size: 18px;
  line-height: 26px;
  color: #5A5A5A;
  margin-bottom: 15px;
}

.reviews {
  padding: 80px 0;
}
.reviews > .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.reviews > .container .swiper-pagination {
  position: static;
  z-index: 0;
}
.reviews > .container .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border: 1px solid #8a8a8a;
  background: #FFFFFF;
  opacity: 1;
}
.reviews > .container .swiper-pagination-bullet-active {
  background: linear-gradient(270deg, #EF1003 0%, #EF1003 100%);
}
.reviews__carousel {
  width: 100%;
}
.reviews__carousel .swiper-wrapper {
  align-items: stretch;
}
.reviews__item {
  display: flex !important;
  height: auto !important;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 20px 30px;
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #8a8a8a;
}
.reviews__item__title {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
.reviews__item__text {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
}
.reviews__item__date {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
}

.offer {
  margin: 80px 0;
  background: linear-gradient(287.16deg, #1F6380 47.41%, #014562 60.97%);
  position: relative;
  overflow: hidden;
}
.offer > .container {
  position: relative;
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 5rem;
  padding: 60px 10px;
  align-items: center;
}
.offer__block__title {
  font-size: 48px;
  line-height: 58px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 20px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

.faq {
  padding: 0 0 80px 0;
}
.faq__wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.faq__block {
  padding: 25px 0 15px 0;
  border-bottom: 1px solid #8a8a8a;
}
.faq__block:nth-child(1) {
  border-top: 1px solid #8a8a8a;
}
.faq__block__header {
  --width: 0;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.faq__block__header h1 {
  position: relative;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  margin: 0;
}
.faq__block__header h1::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: var(--width);
  height: 2px;
  background: #EF1003;
  transition: all 0.3s ease-in-out;
}
.faq__block__header__open {
  position: relative;
  width: 40px;
  height: 40px;
  background: linear-gradient(#EF1003, #EF1003), linear-gradient(#EF1003, #EF1003);
  background-position: center;
  background-size: 80% 2px, 2px 80%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in;
}
.faq__block .rotate {
  transform: rotate(-45deg);
}
.faq__block__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.faq__block__body a {
  color: #0080d1;
}
.faq__block__body a:hover {
  color: rgba(0, 128, 209, 0.8);
}

footer, .footer {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #f5f7f9;
}
footer__contacts, .footer__contacts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 30px;
}
footer__contacts__que a, .footer__contacts__que a {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  color: #0B4F6C;
}
footer__contacts__que a:hover, .footer__contacts__que a:hover {
  color: #EF1003;
}
footer__contacts__item, .footer__contacts__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 310px;
}
footer__contacts__item__head, .footer__contacts__item__head {
  display: flex;
  font-size: 1.15rem;
  line-height: 1.15rem;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in;
  color: #0B4F6C;
}
footer__contacts__item__head svg path, .footer__contacts__item__head svg path {
  transition: all 0.3s ease-in;
}
footer__contacts__item__head:hover svg path, .footer__contacts__item__head:hover svg path {
  fill: #EF1003;
}
footer__contacts__item__head:hover, .footer__contacts__item__head:hover {
  color: #EF1003;
}
footer__contacts__item p, .footer__contacts__item p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #8a8a8a;
}
footer__menu, .footer__menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px 0;
  border-top: 1px solid #dadada;
  gap: 30px;
}
footer__menu__column, .footer__menu__column {
  display: flex;
  flex-direction: column;
}
footer__menu__column .mb, .footer__menu__column .mb {
  margin-bottom: 20px;
}
footer__menu__column .bold, .footer__menu__column .bold {
  font-weight: 600;
}
footer__menu__column p, .footer__menu__column p {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 4px;
}
footer__menu__column a, .footer__menu__column a {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 4px;
}
footer__copyright, .footer__copyright {
  border-top: 1px solid #dadada;
  padding-top: 20px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  color: #8a8a8a;
}

@media (max-width: 71.0555555556em) {
  header__menu__desk, .header__menu__desk {
    gap: 10px;
  }
  header__menu__desk a, .header__menu__desk a {
    font-size: 1rem;
    line-height: 1rem;
  }
  header__contacts__item, .header__contacts__item {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  header__user__link, .header__user__link {
    font-size: 1rem;
    line-height: 1rem;
  }
  .hero > .container {
    gap: 10px;
  }
  .hero__image {
    display: none;
  }
  .hero__left h1 {
    font-size: 3rem;
    margin-bottom: 0;
  }
  .hero__left__note {
    font-size: 0.875rem;
  }
  .hero .calculator__wrapper h1, .hero .calculator__wrapper h2 {
    font-size: 21px;
    line-height: 26px;
  }
}
@media (max-width: 63.6111111111em) {
  body {
    font-size: 16px;
    line-height: 18px;
  }
  .title {
    font-size: 24px;
    line-height: 29px;
  }
  .button {
    font-size: 1rem;
    line-height: 1rem;
  }
  header, .header {
    padding: 15px 0;
  }
  header__logo img, .header__logo img {
    height: auto;
    width: 75%;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  header__menu__desk, .header__menu__desk {
    display: none;
  }
  header__contacts, .header__contacts {
    display: none;
  }
  header__user__link, .header__user__link {
    display: none;
  }
  header__mob, .header__mob {
    display: block;
    width: 24px;
    height: 40px;
    position: relative;
    z-index: 15;
    overflow: hidden;
  }
  header__mob.open span:nth-child(1), .header__mob.open span:nth-child(1) {
    top: 18px;
    transform: translateX(-12px) rotate(135deg);
  }
  header__mob.open span:nth-child(2), .header__mob.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  header__mob.open span:nth-child(3), .header__mob.open span:nth-child(3) {
    top: 18px;
    transform: translateX(-12px) rotate(-135deg);
  }
  header__mob span, .header__mob span {
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #4f4e4e;
    transition: all 0.5s;
    border-radius: 10px;
  }
  header__mob span:nth-of-type(2), .header__mob span:nth-of-type(2) {
    top: calc(50% - 8px);
  }
  header__mob span:nth-of-type(3), .header__mob span:nth-of-type(3) {
    top: calc(50% + 8px);
  }
  header__mob__menu, .header__mob__menu {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    padding: 60px 15px 30px 15px;
    position: absolute;
    transition: all 0.25s ease-in-out;
    transform: translateY(-120%) translateX(-120%);
  }
  header__mob__menu__desk, .header__mob__menu__desk {
    display: flex;
    padding: 15px 0;
    width: 100%;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #8a8a8a;
    border-top: 1px solid #8a8a8a;
    gap: 30px;
  }
  header__mob__menu__desk a, .header__mob__menu__desk a {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #0B4F6C;
    text-decoration: none;
  }
  header__mob__menu__desk a:hover, .header__mob__menu__desk a:hover {
    color: #921210;
  }
  header__mob__contacts, .header__mob__contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  header__mob__contacts__item, .header__mob__contacts__item {
    display: flex;
    font-size: 1.15rem;
    line-height: 1.15rem;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease-in;
    color: #0B4F6C;
  }
  header__mob__contacts__item svg path, .header__mob__contacts__item svg path {
    transition: all 0.3s ease-in;
  }
  header__mob__contacts__item:hover svg path, .header__mob__contacts__item:hover svg path {
    fill: #EF1003;
  }
  header__mob__contacts__item:hover, .header__mob__contacts__item:hover {
    color: #EF1003;
  }
  header__mob__user, .header__mob__user {
    padding-bottom: 40px;
  }
  header__mob__user__link, .header__mob__user__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: #921210;
  }
  header__mob__user__link:hover svg path, .header__mob__user__link:hover svg path {
    fill: #EF1003;
  }
  header__mob__user__link:hover, .header__mob__user__link:hover {
    color: #EF1003;
  }
  header .menu_expanded, .header .menu_expanded {
    transition: all 0.25s ease-in-out;
    transform: translateY(0) !important;
    background-color: #FFFFFF;
    z-index: 10;
    overflow-y: auto;
  }
  .hero {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .hero::before {
    display: none;
  }
  .hero__image {
    display: none;
  }
  .hero .container {
    flex-direction: column;
    gap: 10px;
  }
  .hero__left {
    gap: 10px;
    max-width: 100%;
    padding: 1rem 0;
  }
  .hero__left h1 {
    font-size: 2rem;
    margin-bottom: 0;
    text-align: center;
  }
  .hero__left__subtext {
    display: none;
  }
  .hero__left__note {
    display: none;
  }
  .hero__left__conditions {
    display: none;
  }
  .hero .calculator {
    gap: 10px;
  }
  .hero .calculator__wrapper {
    padding: 20px 20px;
    margin-bottom: 0;
    margin-top: 0;
    width: 95%;
  }
  .hero .calculator__block__header p {
    font-size: 19px;
    line-height: 24px;
  }
  .hero .calculator__block__result input[type=tel] {
    max-width: 135px;
    font-size: 16px;
    line-height: 18px;
  }
  .hero .calculator__block__result::after {
    padding: 14px 15px;
    font-size: 16px;
    line-height: 18px;
  }
  .hero .calculator__block__under p {
    font-size: 14px;
    line-height: 16px;
  }
  .hero .calculator__info__item__label {
    font-size: 14px;
    line-height: 16px;
  }
  .hero .calculator__info__item__value {
    font-size: 14px;
    line-height: 16px;
  }
  .steps {
    padding: 40px 0;
  }
  .steps__wrapper {
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 0 15px !important;
  }
  .steps__item {
    width: 100%;
    max-width: unset;
    gap: 10px;
  }
  .steps__item__title {
    font-size: 18px;
    line-height: 21px;
  }
  .advantages {
    padding: 0 0 40px 0;
  }
  .advantages__wrapper {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .advantages__left {
    gap: 15px;
  }
  .advantages__item {
    padding: 10px 30px;
    grid-template-columns: 58px 2fr;
  }
  .advantages__item h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .advantages__item p {
    font-size: 14px;
    line-height: 18px;
  }
  .advantages__right {
    padding: 15px 20px;
    align-items: flex-start;
  }
  .advantages__right h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .advantages__right p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .advantages__right button {
    width: 100%;
  }
  .info__item__link {
    padding: 8px;
  }
  .info__content {
    padding: 15px;
  }
  .info__content__block p {
    font-size: 14px;
  }
  .info__content__block__documents {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding: 15px 0;
  }
  .info__content__block__documents img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 250px;
    border-radius: 12px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }
  .info__content ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .info__content ul li {
    padding: 10px 0;
    padding-left: 18px;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
  }
  .info__content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #EF1003;
    flex-shrink: 0;
  }
  .info__content ol {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step;
  }
  .info__content ol li {
    padding: 12px 0;
    padding-left: 36px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    counter-increment: step;
  }
  .info__content ol li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #FFFFFF;
    color: #EF1003;
    border: 2px solid #EF1003;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .offer {
    margin: 40px 0;
  }
  .offer > .container {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 30px 10px;
  }
  .offer__block__title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .about__wrapper {
    box-shadow: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .about__block__title {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px;
  }
  .about__block__items {
    padding: 15px 20px;
  }
  .about__block-item:nth-child(1) {
    margin-bottom: 15px;
  }
  .about__block-label {
    font-size: 16px;
    line-height: 20px;
  }
  .about__block-value {
    font-size: 14px;
    line-height: 16px;
  }
  .about__block p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .reviews {
    padding: 40px 0;
  }
  .reviews__item__title {
    font-size: 18px;
    line-height: 24px;
  }
  .reviews__item__text {
    font-size: 16px;
    line-height: 28px;
  }
  .reviews__item__date {
    font-size: 12px;
    line-height: 14px;
  }
  .faq {
    padding: 0 0 40px 0;
  }
  .faq__wrapper {
    margin-top: 20px;
  }
  .faq__block__header h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .faq__block__body {
    font-size: 16px;
    line-height: 21px;
  }
  footer, .footer {
    padding-top: 35px;
    padding-bottom: 15px;
  }
  footer__contacts, .footer__contacts {
    flex-direction: column;
    gap: 35px;
    padding-bottom: 15px;
    text-align: center;
    align-items: center;
  }
  footer__contacts__item, .footer__contacts__item {
    align-items: center;
    gap: 10px;
  }
  footer__menu, .footer__menu {
    grid-template-columns: 1fr;
    align-items: center;
    text-align: center;
  }
  footer__copyright, .footer__copyright {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
  }
}
.hero__left__seocond {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
}
.hero__left__seocond ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hero__left__seocond ul li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
}
.hero__left__seocond ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9375 11L11.8958 6.0625L10.8333 5L6.9375 8.875L5.16667 7.125L4.10417 8.1875L6.9375 11ZM8 16C6.90278 16 5.86806 15.7917 4.89583 15.375C3.92361 14.9583 3.07292 14.3854 2.34375 13.6562C1.61458 12.9271 1.04167 12.0764 0.625 11.1042C0.208333 10.1319 0 9.09722 0 8C0 6.88889 0.208333 5.85069 0.625 4.88542C1.04167 3.92014 1.61458 3.07292 2.34375 2.34375C3.07292 1.61458 3.92361 1.04167 4.89583 0.625C5.86806 0.208333 6.90278 0 8 0C9.11111 0 10.1493 0.208333 11.1146 0.625C12.0799 1.04167 12.9271 1.61458 13.6562 2.34375C14.3854 3.07292 14.9583 3.92014 15.375 4.88542C15.7917 5.85069 16 6.88889 16 8C16 9.09722 15.7917 10.1319 15.375 11.1042C14.9583 12.0764 14.3854 12.9271 13.6562 13.6562C12.9271 14.3854 12.0799 14.9583 11.1146 15.375C10.1493 15.7917 9.11111 16 8 16ZM8 14.5C9.80556 14.5 11.3403 13.8681 12.6042 12.6042C13.8681 11.3403 14.5 9.80556 14.5 8C14.5 6.19444 13.8681 4.65972 12.6042 3.39583C11.3403 2.13194 9.80556 1.5 8 1.5C6.19444 1.5 4.65972 2.13194 3.39583 3.39583C2.13194 4.65972 1.5 6.19444 1.5 8C1.5 9.80556 2.13194 11.3403 3.39583 12.6042C4.65972 13.8681 6.19444 14.5 8 14.5Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.hero__left__seocond ul li:last-child {
  margin-bottom: 0;
}

.swiper-pagination {
  position: static !important;
  margin-top: 10px !important;
}
.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #EF1003 !important;
  background: #FFFFFF !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  background: linear-gradient(270deg, #EF1003 0%, #EF1003 100%) !important;
}/*# sourceMappingURL=seopage.css.map */