@charset "UTF-8";

:root {
  --color-main: #16234c;
  --color-grey: #AAAAAA;
  --color-text: #333;
  --color-link: #0363A8;
  --color-border: #DDDDDD;
  --color-invalid: red;
  --color-white: white;
  --color-black: black;
  --color-fill: var(--color-main);
  --gutter: 15px;
  --xxl-width: 1630px;
  --font-text: "Open Sans", sans-serif;
  --font-heading: "Montserrat", sans-serif;
}

/**
	! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
  display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiBoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 600;
  display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
  display: swap;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body:not(.wp-admin) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

::-moz-selection {
  background: var(--color-main);
  color: white;
}

::selection {
  background: var(--color-main);
  color: white;
}

.no-scroll {
  overflow-y: hidden !important;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg-darck {
  background-color: #0b1124;
}

.bg-black {
  background-color: black;
}

.bg-white {
  background-color: white;
}

.bg-grey {
  background-color: #eae9e9;
}

.bg-gradient {
  position: relative;
}

.bg-gradient::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(245.91deg, #D6FBF4 0%, rgba(214, 251, 244, 0) 94.44%), #CEEAFE;
  opacity: 0.5;
  z-index: -1;
}

.page-title {
  margin-bottom: 30px;
}

.list-clear {
  margin: 0;
  padding: 0;
  list-style: none;
}

.margin-0 {
  margin: 0 !important;
}

.col-title {
  font-weight: var(--font-heading);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}

.text ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

.text ul li {
  position: relative;
  padding-left: 24px;
}

.text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: var(--color-main);
}

.checklist ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.checklist ul li {
  font-family: var(--font-heading);
  font-weight: 700;
  padding-left: 24px;
  position: relative;
}

.checklist ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background-color: white;
  background-image: url("../images/svg/check-list-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.margin-b-60 {
  margin-bottom: 30px;
}

#sb_instagram #sbi_images {
  padding: 0;
}

.sb_instagram_header {
  display: none;
}

body:not(.wp-admin),
.acf-block-preview,
.text {
  font-family: var(--font-text);
  color: var(--color-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
.acf-block-preview h1,
.acf-block-preview h2,
.acf-block-preview h3,
.acf-block-preview h4,
.acf-block-preview h5,
.acf-block-preview h6,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  font-family: var(--font-heading);
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-main);
  margin: 0 0 20px;
}

body:not(.wp-admin) ul,
body:not(.wp-admin) ol,
.acf-block-preview ul,
.acf-block-preview ol,
.text ul,
.text ol {
  margin: 0 0 20px;
}

body:not(.wp-admin) p,
.acf-block-preview p,
.text p {
  margin: 0 0 20px;
}

.text a {
  color: inherit;
}

.text a:hover {
  text-decoration: underline;
}

.heading-1,
body:not(.wp-admin) h1,
.acf-block-preview h1,
.text h1,
.heading-2,
.user-action-banner__heading,
body:not(.wp-admin) h2,
.acf-block-preview h2,
.text h2,
.heading-3,
.user-action-banner__text,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
.acf-block-preview h3,
.acf-block-preview h4,
.acf-block-preview h5,
.acf-block-preview h6,
.text h3,
.text h4,
.text h5,
.text h6 {
  font-family: var(--font-heading);
  line-height: 1.2;
  margin: 0 0 20px;
  font-weight: 700;
  color: var(--color-main);
}

.heading-1,
body:not(.wp-admin) h1,
.acf-block-preview h1,
.text h1 {
  font-size: 20px;
}

.heading-2,
.user-action-banner__heading,
body:not(.wp-admin) h2,
.acf-block-preview h2,
.text h2 {
  font-size: 16px;
}

.heading-3,
.user-action-banner__text,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
.acf-block-preview h3,
.acf-block-preview h4,
.acf-block-preview h5,
.acf-block-preview h6,
.text h3,
.text h4,
.text h5,
.text h6 {
  font-size: 14px;
}

.up-title {
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.6em 1.4em;
  background-color: var(--color-main);
  font-family: var(--font-heading);
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  font-size: 8px;
}

.text-bolder {
  font-weight: 900;
}

.text-main {
  color: var(--color-main);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.uppercase {
  text-transform: uppercase;
}

.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.fw-bold {
  font-weight: 700;
}

.fw-normal {
  font-weight: 400;
}

.text-black {
  color: black;
}

.text-white {
  color: white;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.flex-gow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.content-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.content-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.lh-1 {
  line-height: 1;
}

.lh-1\.2 {
  line-height: 1.2;
}

.lh-1\.6 {
  line-height: 1.6;
}

.w-auto {
  width: auto;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-full {
  width: 100%;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.m-0 {
  margin: 0;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none {
  -o-object-fit: none;
     object-fit: none;
}

.p-0 {
  padding: 0;
}

.p-5 {
  padding: 5px;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

.resize-none {
  resize: none;
}

.h-auto {
  height: auto;
}

.gap-5 {
  gap: 5px;
}

.gap-20 {
  gap: 20px;
}

.gap-50 {
  gap: 50px;
}

.gap-60 {
  gap: 60px;
}

.h-full {
  height: 100%;
}

.mt-0 {
  margin-top: 0;
}

.mt-5 {
  margin-top: 5;
}

.mt-10 {
  margin-top: 10;
}

.mt-15 {
  margin-top: 15;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

.no-scroll {
  overflow-y: hidden;
}

.header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
  padding: 10px 0;
}

.header__logo {
  height: 40px;
  display: block;
  width: auto;
}

.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.header__nav,
.header__user {
  display: none;
}

.header__actions {
  display: none;
}

.header .menu {
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--font-heading);
  gap: 20px;
  margin-bottom: 0;
}

.header .menu a {
  text-decoration: none;
  color: var(--color-main);
  font-size: 12px;
}

.header .menu .current-menu-item a::after {
  width: 100%;
}

.header.fixed {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.header.sticky {
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  -webkit-animation: headerSlide 600ms linear;
          animation: headerSlide 600ms linear;
  z-index: 999;
}

.header.sticky .header__wrap {
  padding: 10px 0;
  min-height: 70px;
}

.header.sticky__logo {
  height: 50px;
}

body.header-sticky {
  padding-top: 80px;
}

@-webkit-keyframes headerSlide {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes headerSlide {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

.footer {
  padding-top: 110px;
}

.footer a {
  color: white;
}

.footer__logo img {
  display: block;
  margin-right: 30px;
}

.footer__title {
  font-family: var(--font-heading);
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 16px;
}

.footer__copy {
  margin-top: 30px;
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #3C4150;
  color: var(--color-grey);
  font-size: 12px;
}

.footer__copy a {
  text-decoration: none;
}

.footer__copy a:hover {
  text-decoration: underline;
}

.footer__socials {
  margin-top: 20px;
}

.footer__top-grid {
  gap: 50px;
}

.footer__contact {
  line-height: 1.8;
}

.footer .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin: 0;
}

.menu-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  background-image: url("../images/svg/menu.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.mobile-navigation {
  position: fixed;
  left: 100%;
  top: 0;
  opacity: 0;
  width: 100vw;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: all;
  z-index: 999;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mobile-navigation .menu li {
  margin-left: 0;
  display: block;
}

.mobile-navigation.active {
  opacity: 1;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.mobile-navigation__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  height: 100%;
  width: 320px;
  padding: 20px 20px 20px 30px;
  background-color: #fff;
}

.mobile-navigation__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 30px 0;
}

.mobile-navigation__nav .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.mobile-navigation__nav .menu a {
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
}

.mobile-navigation__nav .menu .menu-item-has-children .sub-menu {
  padding-left: 12px;
  margin: 6px 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

.mobile-navigation__nav .menu .menu-item-has-children .sub-menu a {
  font-size: 14px;
  text-transform: none;
}

.mobile-navigation__nav .menu .menu-item-has-children .sub-menu li {
  padding-left: 14px;
  position: relative;
}

.mobile-navigation__nav .menu .menu-item-has-children .sub-menu li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #FFCE00;
}

.mobile-navigation__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.mobile-navigation__footer {
  font-size: 14px;
}

.mobile-navigation__footer a {
  color: inherit;
}

.mobile-navigation__footer p :last-child {
  margin-bottom: 0;
}

.mobile-navigation__footer .address {
  font-weight: 700;
}

.mobile-navigation__socials {
  margin-top: 30px;
}

.mobile-navigation__close {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  top: 22px;
  right: 30px;
  cursor: pointer;
  background-image: url("../images/svg/close-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.btn {
  --size: 10px;
  text-align: center;
  background-color: var(--color-main);
  color: var(--color-white);
  line-height: 1.2;
  padding: 0.7em 2em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-size: var(--size);
  font-family: var(--font-heading);
  font-weight: 700;
  border: 0;
  text-decoration: none;
}

.btn:hover {
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  text-decoration: none;
}

.btn-outline {
  z-index: 2;
  background-color: transparent;
  color: var(--color-main);
  border: 2px solid var(--color-main);
  position: relative;
}

.btn-outline:hover {
  color: var(--color-white);
  border-color: var(--color-main);
}

.btn-outline::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: var(--color-main);
  position: absolute;
  -webkit-transition: height 200ms linear;
  transition: height 200ms linear;
  z-index: -1;
}

.btn-outline:hover::after {
  height: 100%;
  -webkit-transition: height 200ms linear;
  transition: height 200ms linear;
}

.btn-outline.white {
  --color-main: white;
}

.btn-outline[type=submit]:hover {
  background-color: var(--color-main);
}

.btn-icon,
.btn-icon-lg {
  --color-fill: var(--color-main);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.btn-icon .icon,
.btn-icon-lg .icon {
  padding: 0;
  width: 9px;
  height: 9px;
}

.btn-icon:hover,
.btn-icon-lg:hover {
  --color-fill: var(--color-white);
}

.btn-icon-lg .icon {
  width: 16px;
  height: 16px;
}

.btn.btn-lg {
  --size: 12px;
  padding: 1.1em 4.6em;
}

.divider-sm {
  padding-top: 50px;
  padding-bottom: 50px;
}

.divider-sm-b {
  padding-bottom: 50px;
}

.divider-sm-50 {
  padding-top: 25px;
  padding-bottom: 50px;
}

.divider-md {
  padding-top: 70px;
  padding-bottom: 70px;
}

.divider-md-b {
  padding-bottom: 60px;
}

.divider-md-50 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.divider-lg {
  padding-top: 90px;
  padding-bottom: 90px;
}

.divider-lg-50 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.fancybox-content {
  padding: 0 !important;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.image_block img {
  display: block;
  width: 100%;
  height: auto;
}

.image_inline {
  display: inline-block;
  max-width: 100%;
}

.image_square {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}

.image_square img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.image_wide {
  position: relative;
  padding-bottom: 64%;
  overflow: hidden;
}

.image_wide img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.image_auto {
  height: 100%;
}

.image_auto img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.desktop-image {
  display: none !important;
}

.mobile-image {
  display: block !important;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.menu a {
  text-decoration: none;
}

.menu .current-menu-item a::after {
  width: 100%;
}

.dropdown-menu.lang .sub-menu {
  left: auto;
  right: 0;
  min-width: 170px;
}

.dropdown-menu.lang .sub-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.dropdown-menu.lang .sub-menu span {
  margin: 0;
}

.dropdown-menu.lang .sub-menu li {
  padding: 0;
}

.dropdown-menu.lang .sub-menu li::before {
  display: none;
}

.dropdown-menu .menu-item-has-children {
  padding-right: 16px;
  position: relative;
}

.dropdown-menu .menu-item-has-children:hover .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-menu .menu-item-has-children .sub-menu {
  display: none;
}

.dropdown-menu .menu-item-has-children a:hover::after {
  display: none;
}

.dropdown-menu .menu-item-has-children::after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/svg/dropdown-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.dropdown-menu .sub-menu {
  position: absolute;
  z-index: 110;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 100%;
  left: 0;
  width: auto;
  padding: 20px 24px;
  list-style: none;
  margin: 0;
  border-top: 5px solid #FFCE00;
  background-color: #16234C;
  gap: 4px;
}

.dropdown-menu .sub-menu li {
  padding-left: 14px;
  position: relative;
}

.dropdown-menu .sub-menu li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #FFCE00;
}

.dropdown-menu .sub-menu a {
  color: white !important;
  text-transform: none !important;
  font-size: 14px;
  white-space: nowrap;
}

.dropdown-menu .sub-menu a:hover {
  color: #FFCE00 !important;
}

.dropdown-menu .sub-menu a::after {
  display: none;
}

.text > *:last-child {
  margin-bottom: 0;
}

.text_size_lg {
  font-size: 18px;
}

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12px;
}

.socials__icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  position: relative;
  background-position: center;
  background-size: contain;
}

.slick-slider {
  --gap: 6px;
  --margin: -6px;
  position: relative;
  opacity: 0;
  margin-left: var(--margin);
  margin-right: var(--margin);
}

.slick-slider .slick-slide {
  padding-left: var(--gap);
  padding-right: var(--gap);
}

.slick-slider.slick-initialized {
  opacity: 1;
}

.slick-slider .slick-arrow {
  --size: 20px;
  position: absolute;
  width: var(--size);
  height: var(--size);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  background-size: contain;
  background-position: center;
  font-size: 0;
  border: none;
  z-index: 100;
  cursor: pointer;
  background-repeat: no-repeat;
  opacity: 1;
  outline: none;
  margin: 0;
}

.slick-slider .slick-arrow::before {
  display: none;
}

.slick-slider .slick-arrow::after {
  display: none;
}

.slick-slider .slick-next {
  right: 0;
  background-image: url("../images/svg/slick-next.svg");
}

.slick-slider .slick-prev {
  left: 0;
  background-image: url("../images/svg/slick-prev.svg");
}

.slick-slider .slick-disabled {
  display: none !important;
}

.slick-slider .slick-dots {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -30px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
  gap: 6px;
}

.slick-slider .slick-dots li {
  width: auto;
  height: auto;
}

.slick-slider .slick-dots button {
  border: none;
  font-size: 0px;
  width: 15px;
  height: 4px;
  padding: 0;
  background-color: var(--color-main);
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  opacity: 0.5;
  -webkit-transition: opacity 50ms linear;
  transition: opacity 50ms linear;
}

.slick-slider .slick-dots button::before {
  display: none;
}

.slick-slider .slick-dots .slick-active button {
  width: 30px;
  background-color: #000;
  opacity: 1;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.page-content__hero-image {
  position: relative;
  padding-bottom: 65%;
  margin-bottom: 40px;
}

.page-content__hero-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.page-content ul,
.page-content ol {
  padding-left: 26px;
}

.form-input,
.form-textarea {
  width: 100%;
  border: none;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--color-border);
  padding: 0;
  background-color: transparent;
  color: var(--color-text);
  margin-bottom: 20px;
}

.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
  color: var(--color-text);
  opacity: 0.8;
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: var(--color-text);
  opacity: 0.8;
}

.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
  color: var(--color-text);
  opacity: 0.8;
}

.form-input::-ms-input-placeholder, .form-textarea::-ms-input-placeholder {
  color: var(--color-text);
  opacity: 0.8;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--color-text);
  opacity: 0.8;
}

.form-input:focus,
.form-textarea:focus {
  outline: none;
  border-color: var(--color-main);
}

.form-input.wpcf7-not-valid,
.form-textarea.wpcf7-not-valid {
  border-bottom: 2px solid var(--color-invalid) !important;
}

.form-input {
  height: 40px;
}

.form-textarea {
  height: 120px;
  resize: none;
}

.file-input {
  visibility: hidden;
  display: none;
}

.file-label {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.file-label::before {
  content: "Upload photos and documents";
  display: block;
  background: #F8F8F8;
  line-height: 60px;
  height: 60px;
  outline: none;
  white-space: nowrap;
  padding-left: 10px;
}

.file-label::after {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 40px;
  padding-inline: 20px;
  content: "Add";
  color: var(--color-white);
  background-color: var(--color-main);
  cursor: pointer;
}

.file-label__files ol {
  background-color: var(--color-main);
  color: var(--color-white);
  padding: 15px 10px 15px 40px;
  margin: 0 !important;
}

[lang=uk] .file-label::before {
  content: "Завантаження фото та документів";
}

[lang=uk] .file-label::after {
  content: "Додати";
}

.wpcf7-form br {
  display: none;
}

.wpcf7-form p {
  margin: 0;
}

.wpcf7-form .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-list-item {
  margin: 0;
}

.icon {
  width: 60px;
  height: 60px;
  padding: 18px;
}

.icon img,
.icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.icon_round {
  border-radius: 50%;
}

.icon_color {
  background-color: var(--color-main);
}

.link {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  color: var(--color-fill);
}

.link:hover {
  text-decoration: none;
}

.link_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link_icon .icon {
  padding: 0;
  width: 9px;
  height: 9px;
}

.hero-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  clip-path: polygon(8.23% 3.43%, 97.47% 0.94%, 94.23% 99.48%, 1.49% 97.46%);
}

.hero-grid__item {
  display: block;
  width: 100%;
  position: relative;
  height: 180px;
  overflow: hidden;
}

.hero-grid__item:nth-child(1) .hero-grid__content {
  padding-bottom: 20px;
  padding-left: 40px;
}

.hero-grid__item:nth-child(2) {
  height: 180px;
}

.hero-grid__item:nth-child(2) .hero-grid__content {
  padding-left: 35px;
  padding-bottom: 30px;
}

.hero-grid__item:nth-child(3) .hero-grid__content {
  padding-bottom: 30px;
  padding-left: 30px;
}

.hero-grid__item:hover .link {
  opacity: 1;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

.hero-grid__item:hover .hero-grid__heading {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.hero-grid__link {
  text-decoration: none;
}

.hero-grid .scale-image {
  background-color: transparent;
}

.hero-grid__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  padding: 20px 50px 50px;
}

.hero-grid__heading {
  color: var(--color-fill);
  margin-bottom: 0;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.hero-grid__item_half {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.hero-grid .link {
  font-size: 12px;
  pointer-events: none;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

#map {
  height: 320px;
  width: 100%;
}

.decor-image {
  position: relative;
  padding-bottom: 10%;
  padding-right: 10%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.decor-image img {
  z-index: 2;
  position: relative;
  clip-path: polygon(0.08% -0.17%, 92.89% 5.4%, 98.27% 96.19%, 0.25% 99.97%);
}

.decor-image__shape {
  position: absolute;
  top: 15%;
  right: 0;
  bottom: 0;
  width: 90%;
  background: linear-gradient(237.87deg, #d6fbf4 9.4%, rgba(214, 251, 244, 0) 101.36%), #ceeafe;
  opacity: 0.5;
  z-index: 1;
  clip-path: polygon(7.3% 6.64%, 97.47% 0.94%, 99.5% 98.77%, 0.25% 96.21%);
}

.decor-image_right {
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 12%;
}

.decor-image_right img {
  clip-path: polygon(1.17% 3.29%, 99.89% 0.66%, 99.13% 98.77%, 0.99% 93.98%);
}

.decor-image_right .decor-image__shape {
  right: auto;
  left: 0;
  clip-path: polygon(1.24% 5.77%, 88.65% 12.6%, 94.9% 94.11%, 0.25% 95.04%);
}

.user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-family: "Montserrat", sans-serif;
}

.user-info__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: 500;
  background-color: #CB1105;
  border-radius: 50%;
  cursor: pointer;
}

.user-info__name {
  color: var(--color-main);
  font-size: 13px;
  font-weight: 700;
}

.dropdown {
  position: relative;
}

.dropdown__wrap {
  display: none;
  background-color: white;
  padding: 10px 15px;
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 4px;
  min-width: 100%;
  border: 1px solid var(--color-main);
}

.dropdown__item {
  color: var(--color-main);
  cursor: pointer;
}

.dropdown__item a {
  text-decoration: none;
  color: var(--color-text);
}

.dropdown__value {
  cursor: pointer;
  padding: 10px 12px 10px 0;
  position: relative;
}

.dropdown__value::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  width: 6px;
  height: 4px;
  background-image: url("../images/svg/dropdown-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.dropdown.active .dropdown__wrap {
  display: block;
}

.dropdown.active .dropdown__value::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.user-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.user-login__icon {
  width: 18px;
  height: 18px;
  background-image: url("../images/svg/login-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.user-login__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  gap: 3px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.user-login__divider::before {
  content: "/";
}

.user-login__link {
  text-decoration: none;
  color: var(--color-main);
}

.user-login__link:hover {
  text-decoration: underline;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 !important;
  padding: 0;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 2px;
}

.breadcrumbs__item {
  position: relative;
  padding-right: 15px;
  color: var(--color-main);
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.breadcrumbs__item::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 7px;
  background-image: url("../images/svg/breadcrumbs-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.breadcrumbs__item:last-child::after {
  display: none;
}

.breadcrumbs__link {
  text-decoration: none;
  color: var(--color-main);
}

.breadcrumbs__link:hover {
  text-decoration: underline;
}

.date {
  color: #999;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 80%;
  z-index: 999999;
  display: none;
}

.overlay.active {
  display: block;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999999;
  overflow-y: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal.active {
  display: block;
}

.modal__wrap {
  position: relative;
  margin: 8vh auto auto;
  width: 90%;
  max-width: 900px;
  background-color: white;
  padding: 40px;
}

.modal .wpcf7-form p {
  margin: 0 !important;
}

.modal__close {
  width: 20px;
  height: 20px;
  background-image: url("../images/svg/close-icon-grey.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}

.modal__heading {
  text-align: center;
}

.modal__actions {
  text-align: center;
}

.modal .form-input {
  margin-bottom: 10px;
}

.modal .form-textarea {
  margin-top: 10px;
}

.card {
  padding: 35px 30px;
  position: relative;
  background-color: white;
  height: 100%;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card:hover {
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  height: 5px;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: var(--block-color);
}

.card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card__heading {
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-heading);
  text-transform: uppercase;
  color: var(--block-color);
}

.card__icon {
  background-color: var(--block-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px !important;
  height: 60px !important;
  padding: 18px !important;
}

.card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 20px;
}

.card__body ul li::before {
  background-color: var(--block-color);
}

.card__actions {
  margin-top: 30px;
}

.card .btn {
  border-color: var(--block-color);
  color: var(--block-color);
  background-color: white;
}

.card .btn::after {
  background-color: var(--block-color);
}

.card .btn:hover {
  color: white;
  background-color: white;
}

.card .btn:hover::after {
  background-color: var(--block-color);
}

.card .btn-icon,
.card .btn-icon-lg {
  --color-fill: var(--block-color);
}

.card .btn-icon:hover,
.card .btn-icon-lg:hover {
  --color-fill: var(--color-white);
}

.auth-form {
  --gap: 15px;
  margin-inline: auto;
  background-color: white;
  padding: 30px;
  max-width: 420px;
}

.auth-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.auth-form__heading {
  margin-bottom: 0;
}

.auth-form__logo {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  background-image: url("../images/logo-small.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.auth-form__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap);
}

.auth-form .form-input {
  padding-left: 30px;
  position: relative;
  margin: 0;
}

.auth-form .user-icon {
  background-image: url("../images/svg/user.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.auth-form .user-email {
  background-image: url("../images/svg/email.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.auth-form .password-icon {
  background-image: url("../images/svg/unlock.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 30px;
}

.auth-form .password-input {
  position: relative;
}

.auth-form .password-input__show {
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/svg/view.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
  z-index: 2;
  cursor: pointer;
}

.auth-form .password-input__show.active {
  background-image: url("../images/svg/hide.svg");
}

.auth-form__form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth-form__footer {
  margin-top: var(--gap);
  text-align: center;
}

.auth-form a {
  color: var(--color-link);
  text-decoration: none;
}

.auth-form a:hover {
  text-decoration: underline;
}

.auth-form .btn {
  width: 100%;
}

.auth-form [type=checkbox] {
  visibility: hidden;
  display: none;
}

.auth-form [type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.auth-form [type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}

.auth-form [type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: var(--color-link);
}

.image-cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.section-heading {
  text-align: center;
  margin-bottom: 30px !important;
}

.about-action {
  padding: 26px 24px;
  position: relative;
}

.about-action::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.5;
  background: linear-gradient(262deg, #D6FBF4 0%, rgba(214, 251, 244, 0) 91.22%), #CEEAFE;
}

.about-action__heading {
  margin-bottom: 5px;
}

.about-action__text {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 20px;
}

.form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form-grid > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.hover-link,
.info-banner__phone,
.header .menu a {
  --color: var(--color-main);
  position: relative;
  text-decoration: none;
  color: var(--color);
}

.hover-link::after,
.info-banner__phone::after,
.header .menu a::after {
  position: absolute;
  content: "";
  width: 0;
  bottom: -5px;
  left: 50%;
  height: 1px;
  background-color: var(--color);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: width 200ms linear;
  transition: width 200ms linear;
}

.hover-link:hover::after,
.info-banner__phone:hover::after,
.header .menu a:hover::after {
  width: 100%;
  -webkit-transition: width 200ms linear;
  transition: width 200ms linear;
}

.scale-image {
  background-color: #fff;
  overflow: hidden;
}

.scale-image:hover img {
  -webkit-transition: opacity 200ms linear, -webkit-transform 200ms linear;
  transition: opacity 200ms linear, -webkit-transform 200ms linear;
  transition: transform 200ms linear, opacity 200ms linear;
  transition: transform 200ms linear, opacity 200ms linear, -webkit-transform 200ms linear;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.9;
}

.scale-image img {
  -webkit-transition: opacity 200ms linear, -webkit-transform 200ms linear;
  transition: opacity 200ms linear, -webkit-transform 200ms linear;
  transition: transform 200ms linear, opacity 200ms linear;
  transition: transform 200ms linear, opacity 200ms linear, -webkit-transform 200ms linear;
  opacity: 1;
}

.link-hover a {
  position: relative;
  text-decoration: none;
}

.link-hover a::after {
  position: absolute;
  content: "";
  width: 0;
  bottom: -5px;
  left: 50%;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: width 200ms linear;
  transition: width 200ms linear;
}

.link-hover a:hover::after {
  width: 100%;
  -webkit-transition: width 200ms linear;
  transition: width 200ms linear;
}

.link-hover_darck a::after {
  background-color: var(--color-main);
}

.section__actions {
  margin-top: 40px;
}

.instagram-feed {
  padding-top: 40px;
  margin-top: auto;
}

.instagram-feed__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
  gap: 20px;
}

.instagram-feed__header .link {
  font-family: var(--font-heading);
  font-size: 14px;
  text-decoration: none;
  color: var(--color-main);
  text-transform: none;
}

.instagram-feed__heading {
  margin: 0;
}

.instagram-feed__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -50px;
  background-color: var(--color-white);
}

.instagram-feed__item {
  width: 50%;
}

.instagram-feed__image {
  padding-bottom: 100%;
  position: relative;
}

.instagram-feed__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.steps {
  position: relative;
}

.steps_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0.2% 0.13%, 100% 0.17%, 100% 94.5%, 0.33% 100%);
  background: linear-gradient(250.3deg, #d6fbf4 6.7%, rgba(214, 251, 244, 0) 90.48%), #ceeafe;
  opacity: 0.5;
}

.steps__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 30px;
}

.steps__icon {
  width: 70px;
  margin: 0 auto 20px;
}

.steps__icon img {
  width: 100%;
  height: auto;
  display: block;
}

.steps__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  padding: 0 10px;
  position: relative;
}

.steps__col::after {
  content: "";
  position: absolute;
  top: 40px;
  right: -30px;
  width: 60px;
  height: 8px;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.steps__col:nth-child(2n)::after {
  background-image: url("../images/svg/step-up-arrow.svg");
}

.steps__col:nth-child(2n+1)::after {
  background-image: url("../images/svg/step-down-arrow.svg");
}

.steps__col:last-child::after {
  display: none;
}

.steps__text {
  font-family: var(--font-heading);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
}

.hero-section {
  overflow: hidden;
  position: relative;
  min-height: calc(100dvh - 100px);
  padding-top: 120px;
}

.hero-section .shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: polygon(39.05% 0%, 100% 0%, 100% 100%, 25.04% 87.34%);
  background: linear-gradient(245.91deg, #d6fbf4 0%, rgba(214, 251, 244, 0) 94.44%), #ceeafe;
  opacity: 0.5;
}

.hero-section__action {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.hero-section__scroll {
  display: none;
}

.hero-section__right-col {
  margin-top: 40px;
}

.hero-section__single-image img {
  clip-path: polygon(7.3% 6.64%, 97.47% 0.94%, 99.5% 98.77%, 0.25% 96.21%);
}

.scroll-dot {
  -webkit-animation: scroll 2200ms ease-in-out infinite;
          animation: scroll 2200ms ease-in-out infinite;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.contacts-map {
  overflow: hidden;
}

.contacts-map__text {
  font-family: var(--font-heading);
  color: var(--color-main);
}

.contacts-map__text a {
  color: var(--color-main);
  text-decoration: none;
}

.contacts-map__text a:hover {
  text-decoration: underline;
}

.contacts-map__text .underline {
  text-decoration: underline;
}

.contacts-map__wrap {
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}

.contacts-map__bg {
  position: absolute;
  top: 0;
  left: -7%;
  right: -7%;
  bottom: 0;
  clip-path: polygon(0.1% 0.51%, 99.6% 4%, 98.9% 99.25%, 1.98% 94.92%);
}

.contacts-map #map {
  margin-top: 30px;
}

.contacts-map__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.contacts-map__row-heading {
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--font-heading);
  font-size: 12px;
}

.contacts-map__row-text {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 16px;
}

.image-text .decor-image {
  margin-top: 40px;
}

.image-text .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.image-text .flex-row-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.left-slider {
  position: relative;
  z-index: 2;
}

.left-slider .slick-slide {
  clip-path: polygon(1.04% 0.91%, 96.26% 2.44%, 99.24% 90.47%, 1.2% 99.53%);
}

.left-slider.slick-slider .slick-arrow {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.left-slider.slick-slider .slick-prev {
  left: auto;
  right: 50px;
}

.left-slider.slick-slider .slick-next {
  right: 15px;
}

.left-slider__image {
  position: relative;
  padding-bottom: 119%;
}

.left-slider__image img {
  position: absolute;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.left-slider-section__wrap {
  position: relative;
  padding-right: 7%;
  padding-top: 5%;
  margin-bottom: 40px;
}

.left-slider-section__shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 60%;
  clip-path: polygon(0.7% 3.46%, 99.5% 1.01%, 99.8% 99.48%, 7.2% 86.27%);
  background: linear-gradient(228.31deg, #d6fbf4 9.79%, rgba(214, 251, 244, 0) 105.59%), #ceeafe;
  opacity: 0.5;
}

.left-slider-section_right .left-slider .slick-slide {
  clip-path: polygon(0.46% 5.38%, 99.73% 0.73%, 97.89% 99.75%, 1.01% 88.19%);
}

.left-slider-section_right .left-slider.slick-slider .slick-arrow {
  top: auto;
  bottom: 0;
  left: 15px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.left-slider-section_right .left-slider.slick-slider .slick-next {
  left: 50px;
}

.left-slider-section_right .left-slider-section__wrap {
  position: relative;
  padding-left: 7%;
  padding-top: 5%;
  margin-bottom: 40px;
}

.left-slider-section_right .left-slider-section__shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 60%;
  clip-path: polygon(-0.02% -0.38%, 100.21% -0.91%, 95.99% 84.68%, 0.3% 99.97%);
  background: linear-gradient(228.31deg, #d6fbf4 9.79%, rgba(214, 251, 244, 0) 105.59%), #ceeafe;
  opacity: 0.5;
}

.professions-section {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.professions-section__shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(251.77deg, #d6fbf4 6.85%, rgba(214, 251, 244, 0) 92.44%), #ceeafe;
  opacity: 0.5;
}

.professions-section .slick-slider .slick-prev {
  left: -90px;
}

.professions-section .slick-slider .slick-next {
  right: -90px;
}

.professions-slider__slide:nth-child(2n) .professions-slider__slide-wrap {
  clip-path: polygon(-0.48% 0.16%, 100% 0%, 99.28% 96.38%, -0.23% 100%);
}

.professions-slider__slide-wrap {
  padding: 12% 10% 15%;
  clip-path: polygon(-0.24% -0.86%, 100% -0.86%, 100% 100%, 0.01% 96.72%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  position: relative;
  background-color: var(--block-color);
}

.professions-slider__slide-wrap::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: white;
  z-index: 1;
}

.professions-slider__slide-wrap > * {
  position: relative;
  z-index: 2;
}

.professions-slider__slide-wrap .btn_outline {
  border-color: var(--block-color);
  color: var(--block-color);
  background-color: transparent;
}

.professions-slider__slide-wrap .btn_outline .icon path {
  fill: var(--block-color);
}

.professions-slider__slide-wrap .btn_outline:hover {
  color: white;
}

.professions-slider__slide-wrap .btn_outline::after {
  background-color: var(--block-color) !important;
}

.professions-slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-heading);
  text-transform: uppercase;
  color: var(--block-color);
}

.professions-slider .icon_color {
  background-color: var(--block-color);
}

.professions-slider .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.professions-slider__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.teachers__grid {
  row-gap: 40px;
}

.teachers__item:hover .teachers__image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all linear 220ms;
  transition: all linear 220ms;
  opacity: 0.8;
}

.teachers__image {
  display: block;
  position: relative;
  padding-bottom: 108%;
  margin-bottom: 10px;
  overflow: hidden;
}

.teachers__image img {
  position: absolute;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all linear 120ms;
  transition: all linear 120ms;
  opacity: 1;
}

.teachers__name {
  text-decoration: none;
  margin-bottom: 5px;
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-main);
  font-size: 12px;
  display: block;
}

.teachers__name:hover {
  text-decoration: underline;
}

.teachers__text {
  line-height: 1.2;
}

.call-to-action {
  margin-top: 100px;
  background-color: white;
  padding: 20% 10% 30%;
  clip-path: polygon(1.01% 0.35%, 94.98% 4.78%, 99.8% 86.99%, 0.65% 91.27%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.call-to-action__left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.call-to-action__heading {
  margin-bottom: 0;
}

.call-to-action__text {
  font-family: var(--font-heading);
  font-weight: 700;
}

.call-to-action__form,
.call-to-action__form > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
}

.call-to-action__form > *.input,
.call-to-action__form > p > *.input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.call-to-action__form .form-input,
.call-to-action__form > p .form-input {
  margin-bottom: 0 !important;
}

.call-to-action .wpcf7-spinner {
  display: none;
}

.info-banner {
  margin-top: 40px;
  padding: 10% 0 24%;
  position: relative;
}

.info-banner::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  left: -40px;
  right: -40px;
  clip-path: polygon(0.17% -0.05%, 99.9% 0.11%, 100.14% 99.48%, 1.91% 95.1%);
  background: linear-gradient(249.69deg, #d6fbf4 6.64%, rgba(214, 251, 244, 0) 89.69%), #ceeafe;
  opacity: 0.5;
  z-index: -1;
}

.info-banner__heading {
  margin-bottom: 10px;
}

.info-banner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.info-banner__phone {
  text-decoration: none;
  font-family: var(--font-text);
  font-size: 16px;
  font-weight: 600;
}

.info-banner__form {
  margin-top: 10px;
}

.info-banner__form .form-input {
  margin-bottom: 10px;
}

.info-banner__form .btn {
  margin-top: 10px;
}

.info-banner__form .btn:hover {
  color: var(--color-white);
  background-color: var(--color-main);
}

.info-banner-section {
  overflow: hidden;
}

.reviews-slider__image {
  position: relative;
  padding-bottom: 57%;
  display: block;
}

.reviews-slider__image img {
  position: absolute;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.reviews-slider__image::after {
  content: "";
  position: absolute;
  width: 20%;
  height: 20%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  background-image: url("../images/svg/play-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 3;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

.reviews-slider__image:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

.blog-posts .row {
  row-gap: 60px;
}

.blog-posts__item:hover .blog-posts__image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all linear 220ms;
  transition: all linear 220ms;
  opacity: 0.8;
}

.blog-posts__image {
  display: block;
  position: relative;
  padding-bottom: 74%;
  margin-bottom: 20px;
  overflow: hidden;
}

.blog-posts__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all linear 120ms;
  transition: all linear 120ms;
}

.blog-posts__heading {
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
}

.blog-posts__heading:hover {
  text-decoration: underline;
}

.blog-posts__date {
  margin-bottom: 10px;
}

.blog-posts__actions {
  margin-top: 40px;
}

.breadcrumbs-section {
  padding-top: 20px;
  padding-bottom: 10px;
}

.top-bg-section {
  position: relative;
}

.top-bg-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 100%;
  z-index: -1;
  opacity: 0.5;
  background: linear-gradient(262deg, #D6FBF4 0%, rgba(214, 251, 244, 0) 91.22%), #CEEAFE;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
}

.heading-section {
  padding-top: 5px;
  padding-bottom: 20px;
}

.heading-section__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.heading-section .heading-1,
.heading-section body:not(.wp-admin) h1,
body:not(.wp-admin) .heading-section h1,
.heading-section .acf-block-preview h1,
.acf-block-preview .heading-section h1,
.heading-section .text h1,
.text .heading-section h1 {
  margin: 0;
}

.heading-section .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.heading-section_icon {
  padding-bottom: 30px;
}

.paginations-section {
  padding-top: 60px;
}

.paginations-section .screen-reader-text {
  display: none;
}

.paginations-section .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}

.paginations-section .page-numbers {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: var(--color-main);
  border: 1px solid var(--color-main);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.paginations-section .page-numbers:hover:not(.dots) {
  color: white;
  background-color: var(--color-main);
}

.paginations-section .page-numbers.current {
  color: white;
  background-color: var(--color-main);
}

.paginations-section .page-numbers.dots {
  border-color: transparent;
}

.paginations-section .page-numbers.prev,
.paginations-section .page-numbers.next {
  color: transparent;
  position: relative;
}

.paginations-section .page-numbers.prev::after,
.paginations-section .page-numbers.next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  background-image: url("../images/svg/nav-links-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.paginations-section .page-numbers.prev:hover,
.paginations-section .page-numbers.next:hover {
  color: transparent;
}

.paginations-section .page-numbers.prev:hover::after,
.paginations-section .page-numbers.next:hover::after {
  background-image: url("../images/svg/nav-links-icon-white.svg");
}

.paginations-section .page-numbers.prev::after {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
          transform: translate(-50%, -50%) rotate(-180deg);
}

.advantages-section {
  position: relative;
}

.advantages-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0.2% 0.13%, 100% 0.17%, 100% 94.5%, 0.33% 100%);
  background: linear-gradient(250.3deg, #D6FBF4 6.7%, rgba(214, 251, 244, 0) 90.48%), #CEEAFE;
  opacity: 0.5;
  z-index: -1;
}

.advantages-section__grid {
  row-gap: 60px;
}

.advantages-section__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.advantages-section__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.advantages-section__text {
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-heading);
}

.auth-section {
  --size: 40px;
  padding-top: var(--size);
  padding-bottom: var(--size);
}

.gallery-slider__link {
  position: relative;
  padding-bottom: 76%;
  display: block;
  overflow: hidden;
}

.gallery-slider__image {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.post-section__header {
  position: relative;
  padding-bottom: 52%;
  margin-bottom: 15px;
}

.post-section__date {
  margin-bottom: 5px;
}

.post-section__text img {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 100%;
}

.gradient-section {
  position: relative;
  padding-bottom: 50px;
}

.gradient-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  opacity: 0.5;
  background: linear-gradient(262deg, #D6FBF4 0%, rgba(214, 251, 244, 0) 91.22%), #CEEAFE;
}

.gradient-section::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 23px;
  width: 100%;
  z-index: -1;
  background-color: white;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
}

.parts-section__grid {
  row-gap: 40px;
}

.parts-section__link {
  display: block;
  position: relative;
  padding-bottom: 76%;
  margin-bottom: 10px;
}

.parts-section__heading {
  margin-bottom: 10px;
}

.about-section__grid {
  row-gap: 40px;
}

.about-section__image-wrap {
  position: relative;
  padding-bottom: 110%;
}

.about-section__heading {
  margin-top: 15px;
}

.about-section__action {
  margin-top: 20px;
}

.notification-section__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 60px;
}

.notification-section__grid {
  row-gap: 30px;
}

.notification-section__image {
  position: relative;
  padding-bottom: 64%;
}

.notification-section__actions {
  margin-top: 30px;
}

.department-section.gradient-section {
  padding-bottom: 140px;
}

.department-section__grid {
  row-gap: 60px;
}

.program-section__grid {
  row-gap: 40px;
}

.shedule-section__grid {
  row-gap: 30px;
}

.shedule-section .shedule__text {
  line-height: 1.2;
  font-size: 14px;
}

.shedule-section .shedule__heading {
  line-height: 1.2;
  font-size: 22px;
}

.shedule-section .shedule__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.shedule-section .shedule__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.shedule-section .shedule__number {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 14px;
}

.materials-section__grid {
  row-gap: 40px;
}

.materials-section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 10px;
}

.materials-section__item {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  width: 100%;
}

.materials-section__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("../images/svg/download.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.materials-section__link {
  color: var(--color-main);
  font-weight: 700;
  font-family: var(--font-heading);
}

.user-action-banner {
  --bg-color: white;
  --text-color: var(--color-main);
}

.user-action-banner.bg-color {
  --bg-color: var(--color-main);
  --text-color: white;
  clip-path: polygon(0.31% 2.95%, 93.59% 2.61%, 93.04% 96.81%, 4.14% 95.86%);
}

.user-action-banner.bg-color .btn::after {
  background-color: var(--color-white);
}

.user-action-banner__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 30px;
  background-color: var(--bg-color);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.user-action-banner__heading {
  margin-bottom: 10px;
  color: var(--text-color);
}

.user-action-banner__text {
  color: var(--text-color);
}

.user-action-banner .btn {
  color: var(--text-color);
  border-color: var(--text-color);
}

.user-action-banner .btn:hover {
  background-color: var(--text-color);
  color: var(--bg-color);
}

.request-section__wrap {
  background-color: var(--color-white);
  padding: 6% 8%;
  -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
}

.request-section__link,
.request-section .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.move-top-half {
  margin-top: -90px;
}

.contact-gradient {
  position: relative;
  padding: 60px 40px;
  margin-left: -15px;
  margin-right: -15px;
}

.contact-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  opacity: 0.5;
  background: linear-gradient(262deg, #D6FBF4 0%, rgba(214, 251, 244, 0) 91.22%), #CEEAFE;
  clip-path: polygon(0.93% 3.84%, 99.19% 1.39%, 97.14% 95.59%, 3% 95.89%);
}

.contact-gradient__form {
  width: 100%;
  margin-inline: auto;
}

.contact-gradient .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact-section {
  margin-top: 160px;
}

.contact-section__form {
  width: 90%;
  margin-inline: auto;
}

.contact-section .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact-map {
  margin-top: 60px;
  margin-bottom: -160px;
}

.contact-info__heading {
  max-width: 380px;
  margin-bottom: 15px;
}

.contact-info__grid {
  row-gap: 60px;
}

.contact-info__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  color: var(--color-main);
}

.contact-info__title {
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--font-heading);
}

.contact-info__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.contact-info__link {
  color: var(--color-main);
  text-decoration: none;
}

.contact-info__link[href^="mailto:"] {
  text-decoration: underline;
}

.contact-info__link:hover {
  text-decoration: underline;
}

@media (min-width: 576px) {
  .heading-1,
  body:not(.wp-admin) h1,
  .acf-block-preview h1,
  .text h1 {
    font-size: 28px;
  }

  .heading-2,
  .user-action-banner__heading,
  body:not(.wp-admin) h2,
  .acf-block-preview h2,
  .text h2 {
    font-size: 20px;
  }

  .heading-3,
  .user-action-banner__text,
  body:not(.wp-admin) h3,
  body:not(.wp-admin) h4,
  body:not(.wp-admin) h5,
  body:not(.wp-admin) h6,
  .acf-block-preview h3,
  .acf-block-preview h4,
  .acf-block-preview h5,
  .acf-block-preview h6,
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    font-size: 18px;
  }

  .header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }

  .mobile-navigation__wrap {
    width: 540px;
    padding-left: 60px;
  }

  .mobile-navigation__nav .menu {
    gap: 16px;
  }

  .mobile-navigation__nav .menu a {
    font-size: 28px;
  }

  .slick-slider .slick-dots button {
    height: 5px;
  }

  .slick-slider .slick-dots .slick-active button {
    width: 60px;
  }

  .file-label::after {
    line-height: 40px;
    padding-inline: 40px;
  }

  .hero-grid {
    gap: 20px;
    clip-path: polygon(7.3% 6.64%, 97.47% 0.94%, 99.5% 98.77%, 0.25% 96.21%);
  }

  .hero-grid__item {
    height: 240px;
  }

  .hero-grid__item:nth-child(1) .hero-grid__content {
    padding-left: 60px;
  }

  .hero-grid__item:nth-child(2) {
    height: 240px;
  }

  .hero-grid__item:nth-child(2) .hero-grid__content {
    padding-left: 50px;
  }

  .hero-grid__item:nth-child(3) .hero-grid__content {
    padding-left: 50px;
  }

  .hero-grid__item_half {
    max-width: 50%;
    width: 40%;
  }

  .card__header {
    gap: 10px;
  }

  .card__heading {
    font-size: 16px;
  }

  .card__actions {
    margin-top: 50px;
  }

  .about-action {
    padding: 33px 30px;
  }

  .about-action__text {
    font-size: 14px;
  }

  .instagram-feed__header {
    margin-bottom: 40px;
  }

  .instagram-feed__header .link {
    margin-left: auto;
    font-size: 24px;
  }

  .info-banner {
    padding: 10% 15% 12%;
  }

  .info-banner::after {
    left: 0;
    width: 100%;
  }

  .about-section__action {
    margin-top: 30px;
  }

  .department-section .btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-gradient__form {
    width: 80%;
  }

  .contact-section {
    margin-top: 200px;
  }

  .contact-section__form {
    width: 80%;
  }

  .contact-map {
    margin-top: 120px;
    margin-bottom: -260px;
  }

  .contact-info__heading {
    margin-bottom: 30px;
  }

  .contact-info__body {
    gap: 20px;
  }
}

@media (min-width: 768px) {
  .page-title {
    margin-bottom: 50px;
  }

  .text ul {
    gap: 9px;
  }

  body:not(.wp-admin),
  .acf-block-preview,
  .text {
    font-size: 14px;
  }

  body:not(.wp-admin) h1,
  body:not(.wp-admin) h2,
  body:not(.wp-admin) h3,
  body:not(.wp-admin) h4,
  body:not(.wp-admin) h5,
  body:not(.wp-admin) h6,
  .acf-block-preview h1,
  .acf-block-preview h2,
  .acf-block-preview h3,
  .acf-block-preview h4,
  .acf-block-preview h5,
  .acf-block-preview h6,
  .text h1,
  .text h2,
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    margin-bottom: 30px;
  }

  body:not(.wp-admin) ul,
  body:not(.wp-admin) ol,
  .acf-block-preview ul,
  .acf-block-preview ol,
  .text ul,
  .text ol {
    margin-bottom: 24px;
  }

  body:not(.wp-admin) p,
  .acf-block-preview p,
  .text p {
    margin-bottom: 24px;
  }

  .up-title {
    font-size: 12px;
    padding: 0.4em 1.08em;
  }

  .header__wrap {
    min-height: 80px;
  }

  .footer__logo {
    margin-bottom: 40px;
  }

  .footer__copy {
    font-size: 14px;
    margin-top: 50px;
  }

  .footer__top-grid {
    gap: initial;
  }

  .divider-sm {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .divider-sm-b {
    padding-bottom: 70px;
  }

  .divider-sm-50 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .divider-md {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .divider-md-b {
    padding-bottom: 120px;
  }

  .divider-md-50 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .divider-lg {
    padding-top: 210px;
    padding-bottom: 210px;
  }

  .divider-lg-50 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .desktop-image {
    display: block !important;
  }

  .mobile-image {
    display: none !important;
  }

  .text_size_lg {
    font-size: 24px;
  }

  .socials {
    gap: 15px;
  }

  .slick-slider {
    --gap: 15px;
    --margin: -15px;
  }

  .slick-slider .slick-arrow {
    --size: 30px;
  }

  .slick-slider .slick-dots {
    gap: 10px;
    bottom: -60px;
  }

  .slick-slider .slick-dots button {
    height: 10px;
    width: 30px;
  }

  .form-input,
  .form-textarea {
    margin-bottom: 30px;
  }

  .form-input {
    height: 50px;
  }

  .file-label {
    margin-bottom: 30px;
  }

  #map {
    height: 500px;
  }

  .breadcrumbs__item {
    font-size: 14px;
  }

  .modal__wrap {
    padding: 60px 50px;
  }

  .modal__close {
    top: 30px;
    right: 30px;
  }

  .modal .form-input {
    margin-bottom: 20px;
  }

  .modal .form-textarea {
    margin-top: 20px;
  }

  .modal .btn {
    margin-top: 20px;
  }

  .auth-form {
    --gap: 30px;
  }

  .auth-form__header {
    gap: 30px;
    margin-bottom: 30px;
  }

  .auth-form__logo {
    --size: 70px;
  }

  .auth-form__form-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .right-gap {
    padding-right: 30px;
  }

  .form-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-inline: -15px;
  }

  .form-grid > * {
    margin-inline: 15px;
  }

  .instagram-feed__item {
    width: 33.33%;
  }

  .steps__icon {
    width: 80px;
    margin-bottom: 30px;
  }

  .steps__col {
    width: 33.33%;
    padding: 0 5px;
  }

  .steps__text {
    font-size: 16px;
  }

  .contacts-map__row-heading {
    font-size: 14px;
  }

  .left-slider.slick-slider .slick-prev {
    right: 60px;
  }

  .left-slider-section_right .left-slider.slick-slider .slick-next {
    left: 60px;
  }

  .teachers__grid {
    row-gap: 60px;
  }

  .teachers__image {
    margin-bottom: 20px;
  }

  .teachers__name {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .call-to-action {
    padding: 6% 10% 10%;
    clip-path: polygon(0.02% 0.13%, 99.6% 10.81%, 98.48% 84.75%, 1.31% 91.94%);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .call-to-action__form,
  .call-to-action__form > p {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .info-banner__heading {
    margin-bottom: 20px;
  }

  .info-banner__list {
    gap: 10px;
  }

  .info-banner__phone {
    font-size: 20px;
  }

  .info-banner__form {
    margin-top: 30px;
  }

  .info-banner__form .form-input {
    margin-bottom: 30px;
  }

  .breadcrumbs-section {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .top-bg-section::after {
    height: 350px;
  }

  .heading-section {
    padding-top: 15px;
    padding-bottom: 40px;
  }

  .auth-section {
    --size: 90px;
  }

  .post-section__header {
    margin-bottom: 30px;
  }

  .post-section__date {
    margin-bottom: 10px;
  }

  .gradient-section {
    padding-bottom: 70px;
  }

  .gradient-section::after {
    height: 33px;
  }

  .parts-section__grid {
    row-gap: 60px;
  }

  .parts-section__link {
    margin-bottom: 20px;
  }

  .parts-section__heading {
    margin-bottom: 15px;
  }

  .notification-section__wrap {
    row-gap: 80px;
  }

  .notification-section__wrap .row:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .notification-section__wrap .row:nth-child(2n) .right-gap {
    padding-right: 0;
    padding-left: 30px;
  }

  .department-section.gradient-section {
    padding-bottom: 180px;
  }

  .shedule-section .shedule__item {
    gap: 15px;
  }

  .shedule-section .shedule__number {
    font-size: 16px;
  }

  .materials-section__item {
    width: 50%;
  }

  .user-action-banner.bg-color {
    clip-path: polygon(0% 2.41%, 99.32% 4.77%, 99.69% 84.93%, 0.96% 86.14%);
  }

  .user-action-banner__wrap {
    padding: 40px 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}

@media (min-width: 992px) {
  .text ul li {
    padding-left: 34px;
  }

  .text ul li::before {
    width: 14px;
    height: 14px;
  }

  .checklist ul li {
    padding-left: 34px;
  }

  .checklist ul li::before {
    width: 20px;
    height: 20px;
  }

  .margin-b-60 {
    margin-bottom: 60px;
  }

  .btn.btn-lg {
    --size: 16px;
  }

  .decor-image {
    width: auto;
    margin-right: 30px;
  }

  .decor-image_right {
    margin-left: 30px;
  }

  .modal__close {
    top: 50px;
    right: 50px;
  }

  .auth-form {
    max-width: 480px;
  }

  .section-heading {
    margin-bottom: 60px !important;
  }

  .hero-section__right-col {
    margin-top: 0;
  }

  .contacts-map__wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contacts-map__bg {
    left: 0;
    width: 90%;
    right: auto;
  }

  .contacts-map #map {
    margin-top: 0;
  }

  .image-text .decor-image {
    margin-top: 0;
  }

  .image-text .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .image-text .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .left-slider-section__wrap {
    margin-bottom: 0;
  }

  .left-slider-section_right .left-slider-section__wrap {
    margin-bottom: 0;
  }

  .left-slider-section_right .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .info-banner {
    margin-top: 0;
  }

  .shedule-section .shedule__number {
    font-size: 18px;
  }

  .shedule-section .btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .materials-section__item {
    width: 33.3333333333%;
  }

  .user-action-banner__wrap {
    padding: 50px 140px;
  }

  .contact-gradient {
    padding: 100px;
    margin-inline: 0;
  }

  .contact-section {
    margin-top: 160px;
  }

  .contact-info__title {
    font-size: 14px;
  }
}

@media (min-width: 1280px) {
  .vh-section {
    min-height: 100vh;
  }

  .heading-1,
  body:not(.wp-admin) h1,
  .acf-block-preview h1,
  .text h1 {
    font-size: 34px;
  }

  .heading-2,
  .user-action-banner__heading,
  body:not(.wp-admin) h2,
  .acf-block-preview h2,
  .text h2 {
    font-size: 26px;
  }

  .heading-3,
  .user-action-banner__text,
  body:not(.wp-admin) h3,
  body:not(.wp-admin) h4,
  body:not(.wp-admin) h5,
  body:not(.wp-admin) h6,
  .acf-block-preview h3,
  .acf-block-preview h4,
  .acf-block-preview h5,
  .acf-block-preview h6,
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    font-size: 21px;
  }

  .header__wrap {
    padding: 20px 0;
  }

  .header__nav,
  .header__user {
    display: block;
  }

  .menu-btn {
    display: none;
  }

  .mobile-navigation {
    display: none;
  }

  .mobile-navigation.active {
    display: none;
  }

  .btn {
    --size: 14px;
    padding: 1.1em 3.1em;
  }

  .btn-icon-lg .icon {
    width: 20px;
    height: 20px;
  }

  .dropdown-menu.lang {
    margin-left: 40px;
  }

  .text_size_lg {
    font-size: 32px;
  }

  .socials__icon {
    width: 36px;
    height: 36px;
  }

  .form-textarea {
    height: 180px;
  }

  .icon {
    width: 80px;
    height: 80px;
    padding: 22px;
  }

  .hero-grid__heading {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }

  .hero-grid .link {
    opacity: 0;
    font-size: inherit;
  }

  .auth-form {
    --gap: 40px;
    padding: 50px;
    max-width: 600px;
  }

  .auth-form__logo {
    --size: 80px;
  }

  .instagram-feed__item {
    width: 16.666%;
  }

  .steps__wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .steps__col {
    width: 20%;
  }

  .steps__col::after {
    display: block;
  }

  .hero-section__scroll {
    display: block;
    position: absolute;
    left: 7%;
    bottom: 60px;
  }

  .professions-section__shape {
    clip-path: polygon(0.68% 5.15%, 100% 0%, 96.88% 93.31%, 1.21% 99.6%);
    left: 7%;
    right: 7%;
  }

  .professions-section__slider {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .teachers__grid {
    row-gap: 90px;
  }

  .call-to-action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 70px;
    padding: 5% 10%;
  }

  .blog-posts .row {
    row-gap: 90px;
  }

  .blog-posts__actions {
    margin-top: 60px;
  }

  .breadcrumbs-section {
    padding-top: 40px;
    padding-bottom: 25px;
  }

  .paginations-section {
    padding-top: 90px;
  }

  .paginations-section .nav-links {
    gap: 10px;
  }

  .paginations-section .page-numbers {
    width: 50px;
    height: 50px;
    border-width: 2px;
    font-size: 16px;
  }

  .paginations-section .page-numbers.prev::after,
  .paginations-section .page-numbers.next::after {
    width: 13px;
    height: 13px;
  }

  .advantages-section__item {
    gap: 30px;
  }

  .advantages-section__text {
    font-size: 18px;
  }

  .gradient-section {
    padding-bottom: 100px;
  }

  .gradient-section::after {
    height: 53px;
  }

  .parts-section__heading {
    margin-bottom: 20px;
  }
}

@media (min-width: 1400px) {
  body.header-sticky {
    padding-top: 100px;
  }
}

@media (min-width: 1480px) {
  body:not(.wp-admin),
  .acf-block-preview,
  .text {
    font-size: 16px;
  }

  .heading-1,
  body:not(.wp-admin) h1,
  .acf-block-preview h1,
  .text h1 {
    font-size: 40px;
  }

  .heading-2,
  .user-action-banner__heading,
  body:not(.wp-admin) h2,
  .acf-block-preview h2,
  .text h2 {
    font-size: 30px;
  }

  .heading-3,
  .user-action-banner__text,
  body:not(.wp-admin) h3,
  body:not(.wp-admin) h4,
  body:not(.wp-admin) h5,
  body:not(.wp-admin) h6,
  .acf-block-preview h3,
  .acf-block-preview h4,
  .acf-block-preview h5,
  .acf-block-preview h6,
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    font-size: 24px;
  }

  .up-title {
    font-size: 14px;
  }

  .header__logo {
    height: 60px;
  }

  .header__right {
    gap: 40px;
  }

  .header .menu {
    gap: 30px;
  }

  .form-input,
  .form-textarea {
    margin-bottom: 40px;
  }

  .form-textarea {
    height: 200px;
  }

  .file-label {
    margin-bottom: 40px;
  }

  .hero-grid__item {
    height: 320px;
  }

  .hero-grid__item:nth-child(1) .hero-grid__content {
    padding-bottom: 30px;
    padding-left: 90px;
  }

  .hero-grid__item:nth-child(2) {
    height: 370px;
  }

  .hero-grid__item:nth-child(2) .hero-grid__content {
    padding-bottom: 50px;
  }

  .hero-grid__item:nth-child(3) {
    height: 370px;
  }

  .hero-grid__item:nth-child(3) .hero-grid__content {
    padding-bottom: 50px;
  }

  .user-info__icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .user-info__name {
    font-size: 15px;
  }

  .user-login__icon {
    width: 24px;
    height: 24px;
  }

  .modal__wrap {
    padding: 80px 50px;
  }

  .card {
    padding: 45px 50px 60px;
  }

  .card__heading {
    font-size: 18px;
  }

  .card__icon {
    width: 70px !important;
    height: 70px !important;
  }

  .about-action__text {
    font-size: 20px;
  }

  .steps__text {
    font-size: 18px;
  }

  .contacts-map__row-text {
    font-size: 20px;
  }

  .top-bg-section::after {
    height: 450px;
  }

  .gradient-section {
    padding-bottom: 140px;
  }

  .department-section__grid {
    width: 90%;
    margin-inline: auto;
  }

  .shedule-section .shedule__text {
    font-size: 18px;
  }

  .shedule-section .shedule__heading {
    font-size: 30px;
  }

  .contact-info__text {
    font-size: 20px;
  }

  .contact-info__link {
    font-size: 20px;
  }
}

@media (min-width: 1630px) {
  .text_size_lg {
    font-size: 36px;
  }

  .professions-section__shape {
    top: 70px;
    bottom: 70px;
    clip-path: polygon(0.68% 5.15%, 100% 0%, 96.88% 93.31%, 1.21% 99.6%);
  }
}

@media (min-width: 1800px) {
  .header .menu a {
    font-size: 15px;
  }

  .user-login__actions {
    font-size: 15px;
  }
}

@media (min-width: 1930px) {
  .hero-section {
    padding-top: 10%;
  }
}

@media (max-width: 767px) {
  .teachers__grid {
    --gutter: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .notification-section__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .notification-section__image {
    margin-top: 10px;
  }
}

@media (max-width: 575px) {
  .file-label::before {
    font-size: 10px;
  }

  .teachers__text {
    font-size: 10px;
  }

  .request-section__wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px 20px;
  }
}

@media (max-width: 420px) {
  .dropdown-menu.lang .menu > li > a {
    font-size: 10px;
  }
}