@charset "UTF-8";
@font-face {
  font-family: Helvetica;
  font-display: swap;
  src: url("../fonts/Helvetica-Bold.woff2") format("woff2"), url("../fonts/Helvetica-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Promprylad;
  font-display: swap;
  src: url("../fonts/Promprylad/Promprylad.woff2") format("woff2"), url("../fonts/Promprylad.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Rubik;
  font-display: swap;
  src: url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Rubik;
  font-display: swap;
  src: url("../fonts/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Rubik;
  font-display: swap;
  src: url("../fonts/Rubik-SemiBold.woff2") format("woff2"), url("../fonts/Rubik-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

.scroll-back-to-top-wrapper{
	display:none!important;
}
/*
@include adaptiveValue("padding",50,20,$pc,$tablet);
*/
:root {
  --clr-01: #353535;
  --clr-02: #ffffff;
  --clr-03: #E36354;
  --clr-04: #C2DFEF;
  --clr-05: #457AB6;
  --clr-06: #e4e4e4;
  --clr-07: #356193;
  --font-family: "Rubik", sans-serif;
  --second-family: "Promprylad", sans-serif;
  --third-family: "Helvetica", sans-serif;
  --containerPadding: 40px;
  --header-height: 80px;
}
@media (min-width: 62em) {
  :root {
    --containerPadding: 32px;
  }
}
@media (min-width: 87.875em) {
  :root {
    --header-height: 110px;
  }
}

body {
  --container-width:100%;
}
@media (min-width: 36em) {
  body {
    --container-width:540px;
  }
}
@media (min-width: 48em) {
  body {
    --container-width: 720px;
  }
}
@media (min-width: 62em) {
  body {
    --container-width: 960px;
  }
}
@media (min-width: 75em) {
  body {
    --container-width: 1170px;
  }
}
@media (min-width: 87.875em) {
  body {
    --container-width:1406px;
  }
}

.clr-1 {
  color: var(--clr-01);
}
.clr-1 .pi:after {
  background-color: var(--clr-01);
}

.bg-clr-1 {
  background-color: var(--clr-01);
}

.clr-2 {
  color: var(--clr-02);
}
.clr-2 .pi:after {
  background-color: var(--clr-02);
}

.bg-clr-2 {
  background-color: var(--clr-02);
}

.clr-3 {
  color: var(--clr-03);
}
.clr-3 .pi:after {
  background-color: var(--clr-03);
}

.bg-clr-3 {
  background-color: var(--clr-03);
}

.clr-4 {
  color: var(--clr-04);
}
.clr-4 .pi:after {
  background-color: var(--clr-04);
}

.bg-clr-4 {
  background-color: var(--clr-04);
}

.clr-5 {
  color: var(--clr-05);
}
.clr-5 .pi:after {
  background-color: var(--clr-05);
}

.bg-clr-5 {
  background-color: var(--clr-05);
}

.clr-6 {
  color: var(--clr-06);
}
.clr-6 .pi:after {
  background-color: var(--clr-06);
}

.bg-clr-6 {
  background-color: var(--clr-06);
}

.clr-7 {
  color: var(--clr-07);
}
.clr-7 .pi:after {
  background-color: var(--clr-07);
}

.bg-clr-7 {
  background-color: var(--clr-07);
}

/* Normalize
--------------------------------------------- */
/*! 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;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  height: 100%;
}

/**
 * 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;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 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;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  transition: color 0.3s, background-color 0.3s;
  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;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 700;
}

/**
 * 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;
  font-size: 1em;
}

/**
 * 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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  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 {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * 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] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * 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;
  outline-offset: -2px;
}

/**
 * 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;
  font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
button,
input,
select,
optgroup,
textarea {
  color: #000000;
  font-weight: 400;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
  font-size: 1rem;
  line-height: 1.38;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 0.8em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: var(--clr-03);
}

a:visited {
  /*color: #800080;*/
}

a:hover {
  color: var(--clr-04);
  text-decoration: none;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
/*button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
*/
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border: 1px solid transparent;
  cursor: pointer;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border: 1px solid transparent;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  border-radius: 0;
  padding: 6px 0;
  border: none;
  border-bottom: 1px solid #808080;
  background: transparent;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
textarea::placeholder {
  color: var(--clr-01);
}

textarea {
  border: 1px solid #808080;
  padding: 10px 8px;
}
textarea::placeholder {
  color: #808080;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel] {
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #000;
  outline: none;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

body.lock {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.site {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .site {
    overflow: clip;
  }
}
.site > main {
  flex: 1 1 auto;
}
.site > * {
  min-width: 0;
}
@media (min-width: 62em) {
  .site {
    padding-top: 110px;
  }
}

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

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/*
(i) Стилі будуть застосовані до всіх класів, 
що містять *__container
Наприклад, header__container, main__container і т.п.
Сніпет (HTML): cnt
*/
.container {
  margin: 0 auto;
  width: 100%;
  max-width: var(--container-width);
  padding: 0 calc(0.5 * var(--containerPadding));
  /*@if ($maxWidthContainer > 0 ) {
        max-width: var(--container-width);
        //max-width: rem($containerWidth);
        //padding: 0 calc(0.5 * var(--containerPadding));
        @include adaptiveValue("padding-left", math.div($containerPadding, 2),15,0);
        @include adaptiveValue("padding-right", math.div($containerPadding, 2),15,0);
    } @else {
        @if ($containerPadding > 0) {
            padding: 0 calc(0.5 * var(--containerPadding));
        }
    }
  /* @media (min-width:em($maxWidth)) {
        max-width: calc($maxWidthContainer / $maxWidth * 100vw);
    }
    @media (max-width: $pcXl) {
        max-width: var(--container-width);
    }
    @media (max-width: $pc) {

        max-width: var(--container-width);
    }
    @media (max-width: $tablet) {
        max-width: var(--container-width);
    }

    max-width: var(--container-width);

    @media (max-width: $mobile) {
        max-width: none;
        @if ($containerPadding > 0 and $maxWidthContainer > 0) {
            padding: 0 math.div($containerPadding, 2)+px;
        }
    }*/
}

.site {
  color: var(--clr-01);
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  background-color: var(--clr-04);
  padding-top: var(--header-height);
  /*@include hd {
      font-size:32px;
  }*/
}
@media (min-width: 48em) {
  .site {
    font-size: 18px;
  }
}
@media (min-width: 62em) {
  .site {
    font-size: 22px;
  }
}
@media (min-width: 75em) {
  .site {
    padding-top: 110px;
  }
}
@media (min-width: 87.875em) {
  .site {
    font-size: 28px;
  }
}

section {
  position: relative;
  z-index: 1;
}

a {
  text-decoration: underline;
  color: inherit;
  text-decoration-skip-ink: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}

.admin-bar .sidebar {
  top: 46px;
}
@media (min-width: 48em) {
  .admin-bar .sidebar {
    top: 32px;
  }
}

.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  height: 0;
  padding: 0 !important;
  border: 0;
  transform: translateY(-50px);
  overflow: hidden;
  margin-bottom: 0;
}

.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}

.d-none {
  display: none !important;
}

@media (min-width: 36em) {
  .d-sm-none {
    display: none !important;
  }
}

@media (min-width: 48em) {
  .d-md-none {
    display: none !important;
  }
}

@media (min-width: 62em) {
  .d-lg-none {
    display: none !important;
  }
}

@media (min-width: 75em) {
  .d-xl-none {
    display: none !important;
  }
}

@media (min-width: 87.875em) {
  .d-xxl-none {
    display: none !important;
  }
}

.d-block {
  display: block !important;
}

@media (min-width: 36em) {
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 48em) {
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 62em) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 75em) {
  .d-xl-block {
    display: block !important;
  }
}

@media (min-width: 87.875em) {
  .d-xxl-block {
    display: block !important;
  }
}

@media (min-width: 36em) {
  .d-sm-flex {
    display: flex !important;
  }
}

@media (min-width: 48em) {
  .d-md-flex {
    display: flex !important;
  }
}

@media (min-width: 62em) {
  .d-lg-flex {
    display: flex !important;
  }
}

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

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

.text-uppercase {
  text-transform: uppercase;
}

/*------- Headdings-------*/
.h1 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 23px;
  line-height: 100%;
}
@media (min-width: 75em) {
  .h1 {
    font-size: 28px;
  }
}
@media (min-width: 87.875em) {
  .h1 {
    font-size: 37px;
  }
}

.h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 25px;
  line-height: 120%;
}
@media (min-width: 48em) {
  .h2 {
    font-size: 32px;
  }
}
@media (min-width: 62em) {
  .h2 {
    font-size: 40px;
  }
}
@media (min-width: 87.875em) {
  .h2 {
    font-size: 50px;
  }
}

.h3 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 8px;
}
@media (min-width: 48em) {
  .h3 {
    font-size: 20px;
  }
}
@media (min-width: 62em) {
  .h3 {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
@media (min-width: 87.875em) {
  .h3 {
    font-size: 38px;
    margin-bottom: 16px;
  }
}

.h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
}
@media (min-width: 48em) {
  .h4 {
    font-size: 20px;
  }
}
@media (min-width: 62em) {
  .h4 {
    font-size: 22px;
  }
}
@media (min-width: 75em) {
  .h4 {
    font-size: 24px;
  }
}
@media (min-width: 87.875em) {
  .h4 {
    font-size: 27px;
  }
}

.h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
@media (min-width: 48em) {
  .h5 {
    font-size: 20px;
  }
}
@media (min-width: 62em) {
  .h5 {
    flex: 3;
    font-size: 18px;
  }
}
@media (min-width: 75em) {
  .h5 {
    font-size: 20px;
  }
}
@media (min-width: 87.875em) {
  .h5 {
    font-size: 24px;
  }
}

.brdr {
  border: 1px solid var(--clr-01);
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 62em) {
  .brdr {
    border-width: 2px;
    border-radius: 30px;
  }
}
@media (min-width: 87.875em) {
  .brdr--40 {
    border-radius: 40px;
  }
}

.p-24 {
  padding: 24px 16px;
}
@media (min-width: 48em) {
  .p-24 {
    padding: 30px 20px;
  }
}
@media (min-width: 62em) {
  .p-24 {
    padding: 48px 32px;
  }
}
@media (min-width: 87.875em) {
  .p-24 {
    padding: 64px 48px;
  }
}

.mb-15 {
  margin-bottom: 15px;
}
@media (min-width: 62em) {
  .mb-15 {
    margin-bottom: 24px;
  }
}

.site-logo {
  display: block;
  flex-shrink: 0;
}
.site-logo img {
  display: block;
  height: 48px;
}
@media (min-width: 62em) {
  .site-logo img {
    height: 70px;
  }
}

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

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

/*------- Buttons ----------*/
.btn {
  height: 35px;
  padding: 10px 16px;
  border-radius: 8px;
  color: var(--clr-02);
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  width: fit-content;
  background-color: var(--clr-03);
  border: 1px solid var(--clr-01);
}
@media (min-width: 48em) {
  .btn {
    height: 48px;
    border-radius: 12px;
    padding: 10px 25px;
    font-size: 16px;
  }
}
@media (min-width: 75em) {
  .btn {
    height: 52px;
    border-radius: 15px;
    padding: 10px 25px;
    border: 2px solid var(--clr-01);
    font-size: 20px;
  }
}
@media (min-width: 87.875em) {
  .btn {
    height: 64px;
    padding: 15px 35px;
    font-size: 22px;
  }
}
.btn:hover {
  color: var(--clr-02);
  background-color: var(--clr-05);
}
.btn:active {
  color: var(--clr-02);
  background-color: var(--clr-07);
}

.btn-app {
  font-weight: 500;
  font-size: 18px;
  line-height: 135%;
  border-radius: 50px;
  text-align: center;
  height: 48px;
  padding: 10px 15px;
  gap: 10px;
}
.btn-app span {
  padding-top: 6px;
}
.btn-app svg {
  display: block;
  height: 28px;
  width: 28px;
}
@media (min-width: 62em) {
  .btn-app {
    height: 60px;
    gap: 16px;
  }
}

.btn-link {
  padding: 0;
  color: var(--clr-03);
  text-decoration: underline;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
  color: var(--clr-03);
  text-decoration: none;
}

/*------------------------------------*/
.row {
  margin: 0 -6px;
  display: flex;
  row-gap: 12px;
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .row {
    row-gap: 20px;
    margin: 0 -10px;
  }
}
.row > * {
  padding: 0 6px;
}
@media (min-width: 48em) {
  .row > * {
    padding: 0 10px;
  }
}

.row-center {
  justify-content: center;
  align-items: center;
}

.row-between {
  align-items: center;
  justify-content: space-between;
}

.row-full {
  margin: 0;
}
.row-full > * {
  padding: 0;
}

.main-navigation {
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  width: 100%;
  display: none;
  z-index: -1;
  top: 100%;
  left: 0;
  background-color: var(--clr-02);
  padding-top: 8px;
  padding-bottom: var(--containerPadding);
  overflow: auto;
}
@media (min-width: 75em) {
  .main-navigation {
    position: static;
    background: none;
    padding: 0 calc(0.5 * var(--containerPadding));
    height: unset;
    overflow: unset;
    display: block;
    z-index: 1;
  }
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
@media (min-width: 75em) {
  .menu {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 75em) {
  .menu-item:first-child a {
    padding-left: 0;
  }
}
.menu-item a {
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: var(--clr-01);
  font-size: 20px;
  line-height: 100%;
  text-decoration: none;
  transition: all 0.3s;
  font-weight: 700;
}
@media (min-width: 62em) {
  .menu-item a:hover {
    color: var(--clr-05);
  }
}
@media (min-width: 75em) {
  .menu-item a {
    font-size: 18px;
    margin-top: 6px;
    font-weight: 500;
    padding: 0 10px;
  }
}
@media (min-width: 87.875em) {
  .menu-item a {
    font-size: 18px;
    margin-top: 6px;
    font-weight: 500;
    padding: 0 15px;
  }
}
.menu-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 38px;
  height: 27px;
  background: none;
  position: relative;
  padding: 0;
  outline: none;
  border: none;
}
.menu-toggle:hover, .menu-toggle:active {
  border: none;
}
.menu-toggle span {
  display: block;
  width: 100%;
  height: 5px;
  background-color: var(--clr-01);
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

.menu-open .menu-toggle {
  border: none;
}
.menu-open .menu-toggle span:first-child {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
}
.menu-open .menu-toggle span:nth-child(2) {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
}
.menu-open .menu-toggle span:last-child {
  display: none;
}

.pi {
  width: 1em;
  height: 1em;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  font-style: normal;
}
.pi:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  background-color: var(--clr-01);
  transition: background-color 0.3s;
}
.pi-arrow-down:after {
  mask-image: url('data:image/svg+xml,<svg width="16" height="41" viewBox="0 0 16 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.29289 40.7071C7.68342 41.0976 8.31658 41.0976 8.70711 40.7071L15.0711 34.3431C15.4616 33.9526 15.4616 33.3195 15.0711 32.9289C14.6805 32.5384 14.0474 32.5384 13.6569 32.9289L8 38.5858L2.34315 32.9289C1.95262 32.5384 1.31946 32.5384 0.928932 32.9289C0.538408 33.3195 0.538408 33.9526 0.928932 34.3431L7.29289 40.7071ZM7 0V40H9V0H7Z" fill="%232B2BE2" /></svg>');
}
.pi-linkedin:after {
  mask-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_238_1043)"><path d="M11.8576 10.1032C12.0406 9.95066 12.1932 9.82861 12.3382 9.69893C12.6738 9.40143 13.0323 9.15732 13.4824 9.05816C15.2445 8.692 16.7854 9.89726 16.9685 11.5068C16.9838 11.6365 16.9914 11.7738 16.9914 11.9035C16.9914 13.4749 16.9914 15.0463 16.9914 16.6177C16.9914 16.9 16.8998 16.9915 16.61 16.9915C15.9082 16.9915 15.1987 16.9915 14.4969 16.9915C14.2376 16.9915 14.1308 16.8924 14.1308 16.6254C14.1308 15.5269 14.1308 14.4208 14.1308 13.3223C14.1308 12.7579 13.7951 12.3078 13.2841 12.1781C12.5517 11.9874 11.8576 12.5214 11.8499 13.2766C11.8499 14.3827 11.8499 15.4888 11.8499 16.5949C11.8499 16.9076 11.766 16.9915 11.4533 16.9915C10.7515 16.9915 10.0497 16.9915 9.35551 16.9915C9.10377 16.9915 8.99698 16.8847 8.99698 16.633C8.99698 14.2072 8.99698 11.7814 8.99698 9.34803C8.99698 9.0963 9.10377 8.9895 9.35551 8.9895C10.0726 8.9895 10.782 8.9895 11.499 8.9895C11.7508 8.9895 11.8576 9.0963 11.8576 9.34803C11.8576 9.5845 11.8576 9.82861 11.8576 10.1032Z" fill="white" /><path d="M4.99976 12.9943C4.99976 11.7891 4.99976 10.5838 4.99976 9.37854C4.99976 9.08867 5.09129 8.9895 5.38117 8.9895C6.08297 8.9895 6.78477 8.9895 7.47894 8.9895C7.75355 8.9895 7.85272 9.08867 7.85272 9.37091C7.85272 11.7814 7.85272 14.1996 7.85272 16.6101C7.85272 16.8924 7.75355 16.9915 7.47894 16.9915C6.76951 16.9915 6.06008 16.9915 5.35066 16.9915C5.09892 16.9915 4.99976 16.8924 4.99976 16.633C4.99976 15.4201 4.99976 14.2072 4.99976 12.9943Z" fill="white" /><path d="M4.99975 6.41892C4.99975 5.63321 5.64816 4.99244 6.43386 5.00007C7.21195 5.00007 7.85272 5.64084 7.85272 6.42655C7.85272 7.21226 7.20432 7.86066 6.41861 7.86066C5.6329 7.86066 4.99213 7.21226 4.99213 6.42655L4.99975 6.41892Z" fill="white" /><path d="M15.8866 22H6.11341C2.74277 22 0 19.2572 0 15.8866V6.11341C0 2.74277 2.74277 0 6.11341 0H15.8866C19.2572 0 22 2.74277 22 6.11341V15.8866C22 19.2572 19.2572 22 15.8866 22ZM6.11341 1.65227C3.65152 1.65227 1.65227 3.65152 1.65227 6.11341V15.8866C1.65227 18.3485 3.65152 20.3477 6.11341 20.3477H15.8866C18.3485 20.3477 20.3477 18.3485 20.3477 15.8866V6.11341C20.3477 3.65152 18.3485 1.65227 15.8866 1.65227H6.11341Z" fill="white" /></g><defs><clipPath id="clip0_238_1043"><rect width="22" height="22" fill="white" /></clipPath></defs></svg>');
}
.pi-instagram:after {
  mask-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 6.49626C22 9.44533 22 12.3944 22 15.3435C21.9881 15.4201 21.9731 15.4968 21.9649 15.5734C21.9186 16.0058 21.8962 16.4426 21.8238 16.8712C21.5894 18.2509 20.9982 19.4475 19.936 20.3873C18.7842 21.4061 17.3972 21.8124 15.8968 21.9136C15.3758 21.9485 14.8548 21.9716 14.333 21.9999C12.1219 21.9999 9.91086 21.9999 7.6998 21.9999C7.56469 21.988 7.43033 21.9694 7.29521 21.9657C6.41214 21.9433 5.5313 21.9084 4.66837 21.6978C2.85444 21.2543 1.50407 20.2244 0.700866 18.5284C0.200729 17.4732 0.0499413 16.3391 0.0379977 15.1872C0.0133641 12.8193 -0.00679072 10.4507 0.00216696 8.08279C0.0066458 7.00451 0.0178429 5.92029 0.251489 4.85764C0.665036 2.97717 1.69517 1.56477 3.45983 0.729834C4.50415 0.235718 5.6261 0.0891206 6.76596 0.0623312C9.80784 -0.00985144 12.8505 -0.0448265 15.8916 0.101771C16.7777 0.144188 17.6436 0.315342 18.4565 0.682209C20.4757 1.59379 21.5364 3.21083 21.8686 5.35027C21.9276 5.72978 21.9567 6.11451 22 6.49626ZM11.0104 20.0577C11.0104 20.0465 11.0112 20.0353 11.0112 20.0234C11.5927 20.0234 12.1749 20.0405 12.7557 20.0197C14.0097 19.9751 15.2735 19.9899 16.5142 19.8344C18.2102 19.6208 19.356 18.6453 19.771 16.9627C19.9375 16.2893 19.995 15.5764 20.0069 14.8806C20.0442 12.6623 20.0532 10.4432 20.0398 8.22492C20.0345 7.33938 19.9912 6.44863 19.8808 5.57053C19.6576 3.79722 18.5528 2.59989 16.7926 2.24865C16.0387 2.09833 15.2549 2.05368 14.483 2.04252C12.4302 2.01275 10.3774 2.0068 8.3246 2.03135C7.34373 2.04326 6.35167 2.06707 5.38723 2.22186C3.73006 2.48752 2.62901 3.46756 2.25502 5.12032C2.08781 5.86001 2.04153 6.63616 2.02362 7.39743C1.98331 9.17892 1.97136 10.9619 1.99077 12.7434C2.00421 13.9653 2.0378 15.1917 2.155 16.4069C2.27219 17.6243 2.84325 18.6267 3.91518 19.2875C4.62806 19.7265 5.42903 19.9044 6.25388 19.9349C7.83939 19.9922 9.4249 20.0182 11.0104 20.0577Z" fill="white" /><path d="M11.0007 16.657C7.86326 16.6377 5.32376 14.0927 5.3469 10.9896C5.37004 7.85969 7.92447 5.33255 11.0365 5.36158C14.1829 5.3906 16.7105 7.9341 16.6761 11.0365C16.6418 14.1671 14.1075 16.6764 11.0007 16.657ZM7.34297 11.0097C7.34371 13.036 8.977 14.6657 11.0104 14.6672C13.0445 14.6687 14.6793 13.0449 14.6845 11.0164C14.6898 8.98187 13.049 7.34474 11.0067 7.34771C8.97476 7.35069 7.34297 8.98261 7.34297 11.0097Z" fill="white" /><path d="M18.2212 5.14265C18.2182 5.87787 17.6248 6.45979 16.8858 6.4531C16.1639 6.4464 15.5795 5.85257 15.5824 5.12925C15.5847 4.40445 16.1707 3.82327 16.8992 3.82178C17.6397 3.82029 18.2242 4.40371 18.2212 5.14265Z" fill="white" /></svg>');
}
.pi-youtube:after {
  mask-image: url('data:image/svg+xml,<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.65074C0.0319592 8.22136 0.0528305 7.78997 0.0978342 7.36193C0.204147 6.35291 0.267414 5.33454 0.447429 4.33888C0.832895 2.20665 2.63761 0.601302 4.75279 0.39429C8.28852 0.0483789 11.8308 -0.0938586 15.3795 0.0644057C17.0525 0.139197 18.7261 0.253388 20.3932 0.417662C22.5293 0.628681 24.3046 2.43637 24.6105 4.61C24.994 7.33254 25.1114 10.0651 24.8858 12.807C24.801 13.8421 24.7149 14.8885 24.4905 15.8975C24.0405 17.9249 22.269 19.408 20.2491 19.6057C16.7297 19.9503 13.2037 20.0932 9.67124 19.9369C7.98197 19.8621 6.29205 19.7479 4.60864 19.5823C2.47195 19.3727 0.667882 17.5663 0.39525 15.3927C0.238063 14.1386 0.156535 12.8751 0.0397859 11.6157C0.031307 11.5262 0.0136968 11.4381 0 11.3493C0 10.4504 0 9.55091 0 8.65074ZM13.0987 2.00231C10.0352 2.00097 7.58346 2.13386 5.13564 2.36158C3.59573 2.50515 2.48695 3.4968 2.31345 4.98329C2.15235 6.36226 2.033 7.74991 1.97169 9.13689C1.88429 11.0962 2.04278 13.0474 2.30041 14.99C2.48629 16.389 3.51942 17.4848 4.89236 17.595C7.01602 17.7653 9.14359 17.9115 11.2718 17.979C14.1442 18.0705 17.0127 17.9089 19.874 17.6371C21.41 17.4915 22.5051 16.5199 22.6799 15.0287C22.8547 13.5342 22.9689 12.0291 23.0308 10.5259C23.1058 8.68413 22.9376 6.84907 22.7008 5.02202C22.5201 3.62702 21.4779 2.54655 20.1193 2.3983C17.5841 2.12117 15.041 2.01233 13.0987 2.00231Z" fill="white" /><path d="M8.88449 9.98764C8.88449 8.78897 8.88319 7.5903 8.88515 6.39163C8.88645 5.48746 9.65086 5.02001 10.4153 5.46342C12.4789 6.66008 14.54 7.86076 16.599 9.06543C17.3895 9.52754 17.3882 10.4491 16.5971 10.9112C14.538 12.1152 12.477 13.3159 10.414 14.5139C9.66391 14.9493 8.88775 14.4885 8.88515 13.609C8.88254 12.4017 8.88449 11.1943 8.88449 9.98764ZM14.2347 9.98764C13.0881 9.31986 11.9787 8.67345 10.8477 8.01501C10.8477 9.34857 10.8477 10.6367 10.8477 11.9629C11.9826 11.3005 13.0933 10.6528 14.2347 9.98764Z" fill="white" /></svg>');
}
.pi-fire:after {
  mask-image: url('data:image/svg+xml,<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.15911 9.97918C0.996514 13.4759 4.61513 16.3831 6.44477 17.3996C15.1458 15.7732 14.7462 7.709 13.4588 3.8802C13.4588 6.40112 11.4258 7.84454 10.4093 8.25114C11.3038 5.16099 8.61348 2.01661 7.1565 0.830688C7.80706 3.7582 5.66564 7.13297 4.51361 8.45442C5.00153 6.09614 3.22605 3.81243 2.27732 2.96536C2.78557 6.3198 1.36235 5.60825 1.15911 9.97918Z" stroke="white" stroke-width="1.19086" stroke-linejoin="round" /><path d="M5.61457 16.8418C5.32596 16.3472 5.34228 14.3194 7.7164 10.1648C8.4995 11.6074 9.8184 14.9129 8.82922 16.5945" stroke="white" stroke-width="1.19086" stroke-linejoin="round" /></svg>');
}
.pi-calendar:after {
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M16 2V6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M8 2V6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M3 10H21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.pi-curency:after {
  mask-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.46362 15.6329V0.966227C4.46362 0.598037 4.7621 0.299561 5.13029 0.299561C5.49848 0.299561 5.79696 0.598037 5.79696 0.966227V15.6329C5.79696 16.0011 5.49848 16.2996 5.13029 16.2996C4.7621 16.2996 4.46362 16.0011 4.46362 15.6329Z" fill="black" /><path d="M8.46362 10.6329C8.46362 10.1909 8.2879 9.76707 7.97534 9.45451C7.66278 9.14195 7.23898 8.96623 6.79696 8.96623H3.46362C2.66797 8.96623 1.90514 8.64993 1.34253 8.08732C0.77992 7.52471 0.463623 6.76188 0.463623 5.96623C0.463623 5.17058 0.77992 4.40774 1.34253 3.84513C1.90514 3.28252 2.66797 2.96623 3.46362 2.96623H8.46362C8.83181 2.96623 9.13029 3.2647 9.13029 3.63289C9.13029 4.00108 8.83181 4.29956 8.46362 4.29956H3.46362C3.0216 4.29956 2.5978 4.47528 2.28524 4.78784C1.97268 5.1004 1.79696 5.5242 1.79696 5.96623C1.79696 6.40825 1.97268 6.83205 2.28524 7.14461C2.5978 7.45717 3.0216 7.63289 3.46362 7.63289H6.79696C7.59261 7.63289 8.35544 7.94919 8.91805 8.5118C9.48066 9.07441 9.79696 9.83724 9.79696 10.6329C9.79696 11.4285 9.48066 12.1914 8.91805 12.754C8.35544 13.3166 7.59261 13.6329 6.79696 13.6329H1.13029C0.7621 13.6329 0.463623 13.3344 0.463623 12.9662C0.463623 12.598 0.7621 12.2996 1.13029 12.2996H6.79696C7.23898 12.2996 7.66278 12.1238 7.97534 11.8113C8.2879 11.4987 8.46362 11.0749 8.46362 10.6329Z" fill="black" /></svg>');
}
.pi-cert:after {
  mask-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9.06879" cy="6.72663" r="5.26546" stroke="white" stroke-width="1.00413" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.06836 4.22314L9.6872 6.20597H11.6898L10.0697 7.43143L10.6885 9.41425L9.06836 8.1888L7.44822 9.41425L8.06706 7.43143L6.44692 6.20597H8.44952L9.06836 4.22314Z" stroke="white" stroke-width="1.00413" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.24621 9.59083L0.655762 13.8222H3.58531V16.7517L7.63363 12.0626" stroke="white" stroke-width="1.00413" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.9694 9.33302L17.5598 13.5644H14.6303V16.4939L10.5819 11.8048" stroke="white" stroke-width="1.00413" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.pi-check:after {
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C13.268 3 14.3904 3.62977 15.0684 4.59277C15.661 4.48919 16.2702 4.5304 16.8438 4.71191C17.4173 4.89348 17.9391 5.21002 18.3643 5.63574C18.79 6.06088 19.1065 6.58265 19.2881 7.15625C19.4696 7.72985 19.5108 8.339 19.4072 8.93164C19.8997 9.27743 20.3018 9.73744 20.5791 10.2715C20.8563 10.8054 21.0005 11.3984 21 12C21 13.268 20.3702 14.3904 19.4072 15.0684C19.5109 15.661 19.4706 16.2701 19.2891 16.8438C19.1075 17.4175 18.7901 17.9391 18.3643 18.3643C17.9391 18.7901 17.4175 19.1075 16.8438 19.2891C16.2701 19.4706 15.661 19.5109 15.0684 19.4072C14.7226 19.8997 14.2626 20.3018 13.7285 20.5791C13.1946 20.8563 12.6016 21.0005 12 21C10.732 21 9.60964 20.3702 8.93164 19.4072C8.339 19.5108 7.72985 19.4696 7.15625 19.2881C6.58265 19.1065 6.06088 18.79 5.63574 18.3643C5.20988 17.9391 4.8925 17.4175 4.71094 16.8438C4.52942 16.2701 4.4891 15.661 4.59277 15.0684C4.1003 14.7226 3.69819 14.2626 3.4209 13.7285C3.14374 13.1946 2.99951 12.6016 3 12C3 10.732 3.62977 9.60964 4.59277 8.93164C4.48911 8.33899 4.52942 7.72987 4.71094 7.15625C4.8925 6.58253 5.20988 6.0609 5.63574 5.63574C6.06088 5.21002 6.58265 4.89348 7.15625 4.71191C7.72985 4.5304 8.339 4.48919 8.93164 4.59277C9.27749 4.10036 9.73745 3.69916 10.2715 3.42188C10.8055 3.14459 11.3983 2.99959 12 3ZM15.4355 9.13965C15.0985 8.89913 14.6303 8.97749 14.3896 9.31445L11.1543 13.8438L9.53027 12.2197L9.47363 12.168C9.17905 11.9277 8.74433 11.9451 8.46973 12.2197C8.17683 12.5126 8.17683 12.9874 8.46973 13.2803L10.7197 15.5303C10.8755 15.6861 11.0919 15.7652 11.3115 15.7471C11.5312 15.7289 11.7322 15.6149 11.8604 15.4355L15.6104 10.1855C15.8509 9.84851 15.7725 9.38034 15.4355 9.13965Z" fill="white" /></svg>');
}
.pi-phone:after {
  mask-image: url('data:image/svg+xml,<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_381_1969)"><path d="M16.9949 25.533C15.3718 25.533 13.4979 25.1612 11.4371 24.1202C11.042 23.9183 10.8872 23.4403 11.0848 23.0473C11.2876 22.6542 11.7681 22.5002 12.1632 22.6967C18.1641 25.7295 22.243 22.2293 22.4138 22.0806L22.606 21.9C23.0224 21.507 23.0384 20.843 22.6434 20.4288L19.6963 17.3428C19.2906 16.9179 18.5645 16.8595 17.9078 17.1888L15.2864 19.6692C15.0836 19.8604 14.8006 19.9295 14.5336 19.8657C14.4269 19.8392 11.8429 19.154 9.32293 16.5143C6.37054 13.423 6.40792 10.5496 6.41326 10.4274C6.41859 10.215 6.50936 10.0184 6.66418 9.86973L8.95455 7.70269C9.1681 7.50085 9.2909 7.22466 9.30157 6.93254C9.30691 6.64041 9.20014 6.35891 8.99726 6.14645L5.67115 2.6675C5.4843 2.47098 5.23337 2.35944 4.96643 2.35413C4.69948 2.34882 4.43788 2.44442 4.24034 2.63032L4.03747 2.82684C3.6157 3.31549 -1.56299 9.74226 7.00053 18.7079C7.8761 19.6267 8.76769 20.4341 9.65394 21.1086C10.0063 21.3742 10.0704 21.8788 9.79809 22.224C9.52581 22.5746 9.02395 22.6383 8.67693 22.3674C7.72661 21.6397 6.77096 20.774 5.83666 19.802C-3.93344 9.5776 2.78818 1.82299 2.85758 1.74332C2.8736 1.72739 2.88961 1.71145 2.90563 1.69552L3.14054 1.47244C3.64239 0.999726 4.30975 0.74478 5.0038 0.760714C5.70319 0.776648 6.34919 1.06346 6.82969 1.56804L10.1505 5.04169C11.1809 6.1199 11.1381 7.83016 10.0544 8.85526L8.03093 10.7674C8.11101 11.4791 8.51142 13.3487 10.4815 15.4095C12.1152 17.1198 13.7809 17.8952 14.5283 18.1767L16.8774 15.9566C16.9255 15.9088 16.9788 15.8716 17.0376 15.8397C18.3563 15.1067 19.9259 15.2767 20.8495 16.2487L23.7966 19.3346C24.2824 19.8445 24.544 20.5137 24.5226 21.2148C24.5066 21.9159 24.213 22.5692 23.7005 23.0579L23.4922 23.2544C23.3481 23.3925 20.8922 25.533 16.9949 25.533Z" fill="white" /><path d="M23.0422 11.3196C22.599 11.3196 22.2413 10.9637 22.2413 10.5229C22.2413 6.71461 19.1288 3.61807 15.3008 3.61807C14.8577 3.61807 14.5 3.26221 14.5 2.82136C14.5 2.38052 14.8577 2.02466 15.3008 2.02466C20.0097 2.02466 23.843 5.83823 23.843 10.5229C23.843 10.9637 23.4853 11.3196 23.0422 11.3196Z" fill="white" /><path d="M19.8376 11.8509C19.3945 11.8509 19.0368 11.495 19.0368 11.0542C19.0368 8.71187 17.1201 6.80508 14.7657 6.80508C14.3225 6.80508 13.9648 6.44922 13.9648 6.00838C13.9648 5.56753 14.3225 5.21167 14.7657 5.21167C18.0064 5.21167 20.6384 7.83018 20.6384 11.0542C20.6384 11.495 20.2807 11.8509 19.8376 11.8509Z" fill="white" /><path d="M16.633 12.382C16.1899 12.382 15.8322 12.0261 15.8322 11.5853C15.8322 10.7089 15.1114 9.99185 14.2305 9.99185C13.7874 9.99185 13.4297 9.63599 13.4297 9.19514C13.4297 8.7543 13.7874 8.39844 14.2305 8.39844C15.9977 8.39844 17.4338 9.8272 17.4338 11.5853C17.4338 12.0261 17.0761 12.382 16.633 12.382Z" fill="white" /></g><defs><clipPath id="clip0_381_1969"><rect width="23.9981" height="24.7723" fill="white" transform="translate(0.542969 0.760742)" /></clipPath></defs></svg>');
}
.pi-email:after {
  mask-image: url('data:image/svg+xml,<svg width="41" height="32" viewBox="0 0 41 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.40625" y="2" width="37.4336" height="28.1106" stroke="%23111010" stroke-width="2.5" stroke-linejoin="round" /><path d="M2.1156 2.47461L20.1368 16.6884L38.456 2.47461" stroke="%23111010" stroke-width="2.5" stroke-linejoin="round" /><path d="M14.7859 13.1035L1.96143 29.7313M25.4885 13.1035L38.61 29.7313" stroke="%23111010" stroke-width="2.5" stroke-linejoin="round" /></svg>');
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.site-header .row {
  justify-content: space-between;
  align-items: center;
}
.site-header__wrapper {
  position: relative;
  background-color: var(--clr-02);
  min-height: 80px;
  z-index: 0;
  padding: 22px 0;
  border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 75em) {
  .site-header__wrapper {
    display: flex;
    align-items: center;
  }
  .site-header__wrapper .row {
    align-items: center;
    gap: 0;
    flex-wrap: nowrap;
  }
}
@media (min-width: 87.875em) {
  .site-header__wrapper {
    min-height: 110px;
  }
}
.site-header .logo img {
  display: block;
  height: 50px;
}
.site-header .logo + div {
  margin-right: auto;
  padding-right: calc(0.5 * var(--containerPadding));
}
.site-header__btn {
  flex-shrink: 0;
}

.footer {
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 1;
  padding: 40px 0;
}
.footer .h2 {
  margin-bottom: 16px;
}
.footer__text {
  font-weight: 400;
  margin-bottom: 24px;
}
.footer__link {
  display: block;
  width: fit-content;
  font-size: 16px;
  margin-bottom: 8px;
  text-decoration: none;
  font-weight: 400;
}
.footer__link:hover {
  text-decoration: underline;
}
.footer .row {
  gap: 32px;
}

.media__btns {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
}
.media__btn {
  display: flex;
  width: 41px;
  height: 41px;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-02);
  transition: background-color 0.3s;
}
.media__btn:hover {
  background-color: var(--clr-04);
}
.media__btn svg {
  display: block;
  max-width: 28px;
  height: auto;
  fill: var(--clr-01);
}

@media (min-width: 48em) {
  .footer__text {
    margin-bottom: 30px;
  }
  .footer__link {
    font-size: 20px;
  }
  .media__btns {
    gap: 24px;
  }
  .media__btn {
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 62em) {
  .footer__text {
    margin-bottom: 36px;
  }
  .footer__link {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .footer .row {
    padding-left: 8%;
    padding-right: 8%;
    justify-content: space-between;
  }
}
@media (min-width: 75em) {
  .footer {
    padding: 60px 0 48px;
  }
  .footer__link {
    font-size: 27px;
  }
  .footer .col-left {
    width: 75%;
  }
}
@media (min-width: 87.875em) {
  .footer {
    padding: 72px 0 56px;
  }
  .footer__text {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .footer__link {
    font-size: 30px;
    margin-bottom: 16px;
  }
  .footer .col-left {
    width: 62%;
  }
  .media__btns {
    gap: 30px;
  }
  .media__btn {
    width: 50px;
    height: 50px;
  }
  .media__btn svg {
    min-width: 28px;
    max-width: 31px;
  }
}
/*----------- /main.min.css ----------*/
.banner {
  padding: 20px 0;
}
.banner__bg {
  display: block;
  margin: 0 0 0 -10px;
  max-width: unset;
  width: calc(100vw + 60px);
}
.banner__wrapper {
  position: relative;
}
.banner__inner {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding-top: 43vw;
}
.banner__title {
  text-align: center;
}
.banner__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
}

@media (min-width: 36em) {
  .banner__bg {
    display: block;
    margin: 0;
    max-width: unset;
    width: 100%;
  }
  .banner__inner {
    padding-top: 190px;
    padding-right: 100px;
  }
}
@media (min-width: 48em) {
  .banner__inner {
    padding: 120px 35px 0 0;
    width: 50%;
  }
}
@media (min-width: 62em) {
  .banner__inner {
    padding: 160px 70px 0 0;
  }
}
@media (min-width: 75em) {
  .banner__inner {
    padding: 200px 80px 0 0;
  }
  .banner__subtitle {
    font-size: 20px;
    padding-bottom: 8px;
  }
}
@media (min-width: 87.875em) {
  .banner__inner {
    padding: 230px 100px 0 0;
  }
  .banner__subtitle {
    font-size: 24px;
  }
}
.about {
  padding: 24px 0 36px;
}
@media (min-width: 62em) {
  .about {
    padding: 32px 0 60px;
  }
}
.about .row {
  row-gap: 15px;
}
.about__img img {
  display: block;
  width: 100%;
  aspect-ratio: 335/200;
  object-fit: cover;
}
.about .subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 110%;
}
@media (min-width: 48em) {
  .about .subtitle {
    font-size: 18px;
  }
}
@media (min-width: 62em) {
  .about .subtitle {
    font-size: 24px;
  }
}
@media (min-width: 87.875em) {
  .about .subtitle {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

@media (min-width: 48em) {
  .about .row {
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .about .col {
    padding: 0 8px;
  }
  .about .col-left {
    width: 40%;
  }
  .about .col-right {
    width: 60%;
  }
  .about__img {
    height: 100%;
    position: relative;
  }
  .about__img img {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    position: absolute;
  }
}
.results {
  padding: 48px 0;
}
@media (min-width: 48em) {
  .results {
    padding: 56px 0;
  }
}
@media (min-width: 62em) {
  .results {
    padding: 64px 0;
  }
}
@media (min-width: 87.875em) {
  .results {
    padding: 72px 0;
  }
}
.results .h2 {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .results .h2 {
    margin-bottom: 24px;
  }
}
@media (min-width: 62em) {
  .results .h2 {
    margin-bottom: 36px;
  }
}
@media (min-width: 87.875em) {
  .results .h2 {
    margin-bottom: 48px;
  }
}
.results .row {
  row-gap: 8px;
}
.results .col {
  width: 100%;
}
@media (min-width: 48em) {
  .results .col {
    flex: 1;
    width: auto;
  }
}
.results__item {
  padding: 16px 20px;
  font-weight: 400;
  line-height: 110%;
  color: var(--clr-02);
  text-align: center;
  border-color: var(--clr-02);
  border-radius: 14px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 48em) {
  .results__item {
    padding: 20px 28px;
    border-color: var(--clr-01);
    color: var(--clr-01);
    background-color: var(--clr-02);
  }
}
@media (min-width: 62em) {
  .results__item {
    padding: 24px 36px;
  }
}
@media (min-width: 75em) {
  .results__item {
    padding: 36px 48px;
  }
}
@media (min-width: 87.875em) {
  .results__item {
    padding: 48px 32px;
  }
}

.who {
  position: relative;
  z-index: 2;
}
.who__wrapper {
  padding: 64px 0 16px;
  position: relative;
  z-index: 0;
}
.who__bg-1 {
  position: absolute;
  right: 35px;
  top: -32px;
  right: -16px;
  top: -40px;
  width: 114px;
  height: 123px;
  z-index: -1;
  max-width: unset;
}
@media (min-width: 48em) {
  .who__bg-1 {
    right: 0;
  }
}
@media (min-width: 75em) {
  .who__bg-1 {
    right: 35px;
    width: 169px;
    height: 182px;
  }
}
.who__bg-2 {
  position: absolute;
  left: 50px;
  bottom: -52px;
  width: 478px;
  height: 538px;
  z-index: -1;
  max-width: unset;
}
@media (min-width: 36em) {
  .who__bg-2 {
    left: unset;
    right: -32vw;
  }
}
@media (min-width: 62em) {
  .who__bg-2 {
    bottom: 50px;
    right: -15vw;
  }
}
@media (min-width: 75em) {
  .who__bg-2 {
    bottom: 60px;
    right: -220px;
    width: 568px;
    height: 640px;
  }
}
@media (min-width: 87.875em) {
  .who__bg-2 {
    bottom: 85px;
    right: -170px;
  }
}
.who__title {
  width: fit-content;
  padding: 52px 20px 100px 30px;
  position: relative;
  z-index: -1;
  margin-left: -30px;
  margin-bottom: -60px;
}
@media (min-width: 48em) {
  .who__title {
    padding: 65px 40px 120px 50px;
    margin-left: -50px;
    margin-bottom: -80px;
  }
}
@media (min-width: 62em) {
  .who__title {
    padding: 80px 50px 170px 55px;
    margin-left: -55px;
    margin-bottom: -255px;
  }
}
@media (min-width: 75em) {
  .who__title {
    margin-left: 10px;
  }
}
@media (min-width: 87.875em) {
  .who__title {
    padding: 105px 65px 210px;
    margin-left: 15px;
    margin-bottom: -318px;
  }
}
.who__title-bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
  z-index: -1;
}
@media (min-width: 62em) {
  .who__row {
    position: relative;
  }
}
@media (min-width: 75em) {
  .who__row {
    margin-left: 8%;
  }
}
.who__item {
  padding: 24px;
  margin-bottom: 8px;
  margin-right: calc(-1 * var(--containerPadding));
  padding-right: var(--containerPadding);
}
@media (min-width: 36em) {
  .who__item {
    margin-right: 0;
    padding: 24px;
  }
}
@media (min-width: 62em) {
  .who__item {
    width: 60%;
    margin-bottom: 16px;
    min-height: 155px;
    display: flex;
    align-items: center;
  }
  .who__item:nth-child(1) {
    margin-left: 40%;
  }
  .who__item:nth-child(2) {
    margin-left: 20%;
  }
  .who__item:nth-child(4) {
    margin-left: 32%;
  }
}
@media (min-width: 75em) {
  .who__item {
    padding: 30px 40px;
    min-height: 165px;
    margin-bottom: 20px;
  }
  .who__item:nth-child(3) {
    margin-left: 8%;
  }
}
@media (min-width: 87.875em) {
  .who__item {
    padding: 40px 40px 40px 50px;
    min-height: 175px;
  }
  .who__item:nth-child(2) {
    margin-left: 20%;
  }
}
.who__item .row {
  row-gap: 8px;
}
@media (min-width: 62em) {
  .who__item .row {
    align-items: center;
  }
}
@media (min-width: 87.875em) {
  .who__item .row {
    gap: 30px;
  }
}
@media (min-width: 62em) {
  .who__person {
    flex: 3;
    font-size: 18px;
  }
}
@media (min-width: 75em) {
  .who__person {
    font-size: 20px;
  }
}
@media (min-width: 87.875em) {
  .who__person {
    font-size: 24px;
  }
}
.who__text {
  font-weight: 400;
  line-height: 110%;
}
@media (min-width: 48em) {
  .who__text {
    font-size: 18px;
  }
}
@media (min-width: 62em) {
  .who__text {
    flex: 4;
    font-size: 16px;
  }
}
@media (min-width: 75em) {
  .who__text {
    font-size: 18px;
  }
}
@media (min-width: 87.875em) {
  .who__text {
    font-size: 20px;
  }
}
.who__btn {
  margin-top: 16px;
  transition: background-image 0.3s;
}
.who__btn:hover {
  color: var(--clr-02);
  background-image: url('data:image/svg+xml,<svg width="138" height="122" viewBox="0 0 138 122" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M136.733 43.2197C136.733 56.0375 133.587 66.2598 127.179 73.7656C124.112 77.6438 112.211 89.3917 99.7324 100.148C93.4693 105.547 87.0269 110.726 81.4433 114.561C78.6527 116.477 76.0565 118.072 73.7909 119.191C71.5581 120.295 69.5243 121 67.8974 121C66.2673 121 64.2595 120.293 62.0722 119.187C59.8536 118.066 57.3257 116.47 54.6171 114.553C49.1973 110.716 42.971 105.536 36.9169 100.137C24.8195 89.3486 13.2989 77.5902 10.1435 73.7598L10.1415 73.7568C4.0082 66.2509 1.00001 56.0319 0.999937 43.2197C0.999938 30.405 4.00849 20.0608 10.1298 12.292L10.1415 12.2783C16.31 4.72943 25.1292 1.00005 36.4462 0.999996L101.287 0.999998C112.604 1.00004 121.423 4.72945 127.592 12.2783L127.603 12.292C133.725 20.0608 136.733 30.4049 136.733 43.2197Z" fill="%23457AB6" stroke="%23353535" stroke-width="2" /></svg>');
}
.who__btn:active {
  background-image: url('data:image/svg+xml,<svg width="138" height="122" viewBox="0 0 138 122" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M136.733 43.2197C136.733 56.0375 133.587 66.2598 127.179 73.7656C124.112 77.6438 112.211 89.3917 99.7324 100.148C93.4693 105.547 87.0269 110.726 81.4433 114.561C78.6527 116.477 76.0565 118.072 73.7909 119.191C71.5581 120.295 69.5243 121 67.8974 121C66.2673 121 64.2595 120.293 62.0722 119.187C59.8536 118.066 57.3257 116.47 54.6171 114.553C49.1973 110.716 42.971 105.536 36.9169 100.137C24.8195 89.3486 13.2989 77.5902 10.1435 73.7598L10.1415 73.7568C4.0082 66.2509 1.00001 56.0319 0.999937 43.2197C0.999938 30.405 4.00849 20.0608 10.1298 12.292L10.1415 12.2783C16.31 4.72943 25.1292 1.00005 36.4462 0.999996L101.287 0.999998C112.604 1.00004 121.423 4.72945 127.592 12.2783L127.603 12.292C133.725 20.0608 136.733 30.4049 136.733 43.2197Z" fill="%23356193" stroke="%23353535" stroke-width="2" /></svg>');
}
@media (min-width: 62em) {
  .who__btn {
    width: 134px;
    height: 118px;
    text-align: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: var(--clr-02);
    background-image: url('data:image/svg+xml,<svg width="138" height="122" viewBox="0 0 138 122" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M136.733 43.2197C136.733 56.0375 133.587 66.2598 127.179 73.7656C124.112 77.6438 112.211 89.3917 99.7324 100.148C93.4693 105.547 87.0269 110.726 81.4433 114.561C78.6527 116.477 76.0565 118.072 73.7909 119.191C71.5581 120.295 69.5243 121 67.8974 121C66.2673 121 64.2595 120.293 62.0722 119.187C59.8536 118.066 57.3257 116.47 54.6171 114.553C49.1973 110.716 42.971 105.536 36.9169 100.137C24.8195 89.3486 13.2989 77.5902 10.1435 73.7598L10.1415 73.7568C4.0082 66.2509 1.00001 56.0319 0.999937 43.2197C0.999938 30.405 4.00849 20.0608 10.1298 12.292L10.1415 12.2783C16.31 4.72943 25.1292 1.00005 36.4462 0.999996L101.287 0.999998C112.604 1.00004 121.423 4.72945 127.592 12.2783L127.603 12.292C133.725 20.0608 136.733 30.4049 136.733 43.2197Z" fill="%23E36354" stroke="%23353535" stroke-width="2" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 62em) {
  .who__btn span {
    display: block;
    padding-top: 30px;
  }
}

.program {
  margin-bottom: 10px;
}
@media (min-width: 48em) {
  .program {
    margin-bottom: 32px;
  }
}
@media (min-width: 62em) {
  .program {
    margin-bottom: 48px;
  }
}
@media (min-width: 75em) {
  .program {
    margin-bottom: 64px;
  }
}
.program__wrapper {
  padding-top: 64px;
  position: relative;
  z-index: 0;
}
@media (min-width: 75em) {
  .program__wrapper {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.program__bg {
  position: absolute;
  width: 580px;
  height: 665px;
  object-fit: contain;
  top: 0;
  left: -175px;
  z-index: -1;
  max-width: unset;
}
@media (min-width: 48em) {
  .program__bg {
    width: auto;
    height: 110%;
    left: 0;
    transform: translateX(-35%);
  }
}
@media (min-width: 62em) {
  .program__bg {
    height: 115%;
    top: -5%;
  }
}
@media (min-width: 75em) {
  .program__bg {
    height: 120%;
    transform: translateX(-15%);
  }
}
@media (min-width: 87.875em) {
  .program__bg {
    height: 130%;
    transform: translateX(-10%);
    top: -10%;
  }
}
.program .h2 {
  margin-bottom: 16px;
}
.program__text {
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 24px;
}
@media (min-width: 48em) {
  .program__text {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
@media (min-width: 62em) {
  .program__text {
    font-size: 28px;
  }
}
@media (min-width: 75em) {
  .program__text {
    font-size: 32px;
    margin-bottom: 24px;
    max-width: 750px;
  }
}
@media (min-width: 87.875em) {
  .program__text {
    font-size: 38px;
    margin-bottom: 30px;
    max-width: 900px;
  }
}
.program__item {
  padding-left: 24px;
  position: relative;
}
@media (min-width: 48em) {
  .program__item {
    padding: 20px 8px;
    display: flex;
    align-items: center;
    gap: 8%;
  }
}
.program__item:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 48em) {
  .program__item:not(:last-child) {
    border-bottom: 2px solid var(--clr-01);
    margin-bottom: 0;
  }
}
.program__item:before {
  content: url('data:image/svg+xml,<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.56743e-07 3.39995C9.52325e-07 2.30662 0.369879 1.46662 1.1096 0.879952C1.87672 0.293285 2.90413 -5.12445e-05 4.19179 -5.1132e-05C5.47945 -5.10194e-05 6.49319 0.293285 7.23291 0.879952C8.00003 1.49328 12 5.41094 12 6.50427C12 7.5976 8.00003 11.6933 7.23291 12.28C6.49319 12.8933 5.47945 13.2 4.19179 13.2C2.90413 13.2 1.87671 12.9066 1.1096 12.32C0.369878 11.7333 2.01655e-07 10.8933 2.97238e-07 9.79995L8.56743e-07 3.39995Z" fill="%23E36354" /></svg>');
  position: absolute;
  left: 0;
  top: 2px;
}
@media (min-width: 48em) {
  .program__item:before {
    content: none;
  }
}
.program__title {
  margin-bottom: 2px;
}
@media (min-width: 48em) {
  .program__title {
    flex: 1;
  }
}
.program__desc {
  font-weight: 400;
  line-height: 110%;
}
@media (min-width: 48em) {
  .program__desc {
    font-weight: 500;
    flex: 2;
  }
}
@media (min-width: 75em) {
  .program__desc {
    font-size: 20px;
  }
}
@media (min-width: 87.875em) {
  .program__desc {
    font-size: 21px;
  }
}

.what {
  padding: 32px 0 45px;
}
@media (min-width: 87.875em) {
  .what {
    padding: 36px 0 56px;
  }
}
.what__wrapper {
  position: relative;
  z-index: 1;
}
.what__bg {
  position: absolute;
  width: 87px;
  height: auto;
  top: 16%;
  left: 0;
  z-index: 1;
  transform: translateX(-40%);
}
@media (min-width: 62em) {
  .what__bg {
    width: 120px;
  }
}
@media (min-width: 75em) {
  .what__bg {
    width: 150px;
  }
}
@media (min-width: 87.875em) {
  .what__bg {
    width: 184px;
  }
}
.what__img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.what__img img {
  display: block;
  height: 200px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 48em) {
  .what__img img {
    height: auto;
    aspect-ratio: 1374/414;
  }
}
.what .h3 {
  margin-bottom: 4px;
}
.what__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 24px 16px;
}
@media (min-width: 48em) {
  .what__inner {
    padding: 32px 24px;
  }
}
@media (min-width: 62em) {
  .what__inner {
    padding: 40px 30px;
  }
}
@media (min-width: 75em) {
  .what__inner {
    padding: 56px 48px 48px;
  }
}
@media (min-width: 87.875em) {
  .what__inner {
    padding: 76px 56px 64px 72px;
  }
}
@media (min-width: 48em) {
  .what__inner .row {
    gap: 20px;
  }
}
.what__inner .col {
  width: 100%;
}
@media (min-width: 48em) {
  .what__inner .col {
    width: unset;
  }
}
@media (min-width: 48em) {
  .what__inner .col-left {
    flex: 5;
  }
}
@media (min-width: 48em) {
  .what__inner .col-right {
    flex: 7;
  }
}
.what__head {
  height: 100%;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.what__head .btn {
  margin-top: auto;
}
.what__text {
  font-weight: 400;
}
.what__row {
  justify-content: space-between;
  position: relative;
  margin-top: 24px;
}
.what__bg-2 {
  position: absolute;
  width: 307px;
  height: auto;
  top: 50%;
  right: -72px;
  transform: translateY(-50%);
  z-index: -1;
}
@media (min-width: 48em) {
  .what__bg-2 {
    width: 370px;
  }
}
@media (min-width: 62em) {
  .what__bg-2 {
    width: 420px;
  }
}
@media (min-width: 75em) {
  .what__bg-2 {
    width: 490px;
  }
}
@media (min-width: 87.875em) {
  .what__bg-2 {
    width: 570px;
  }
}
.what__label {
  text-align: right;
  font-size: 11px;
  line-height: 110%;
}
@media (min-width: 48em) {
  .what__label {
    font-size: 14px;
    line-height: 120%;
  }
}
@media (min-width: 62em) {
  .what__label {
    font-size: 16px;
  }
}
@media (min-width: 75em) {
  .what__label {
    font-size: 18px;
  }
}
@media (min-width: 87.875em) {
  .what__label {
    font-size: 22px;
  }
}

.partners {
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 40px;
  margin-bottom: -40px;
  position: relative;
}
.partners__wrapper {
  padding: 24px 0 16px;
}
.partners__text {
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
}
.partners .row {
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}
.partners__logo {
  height: 30px;
}

@media (min-width: 36em) {
  .partners__text {
    font-size: 12px;
  }
  .partners__logo {
    height: 44px;
  }
}
@media (min-width: 48em) {
  .partners__wrapper {
    padding: 32px 0 24px;
  }
  .partners .row {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .partners__logo {
    height: 56px;
  }
}
@media (min-width: 62em) {
  .partners__wrapper {
    padding: 36px 8% 24px;
  }
  .partners__text {
    font-size: 14px;
  }
  .partners__logo {
    height: 64px;
  }
}
@media (min-width: 75em) {
  .partners__wrapper {
    padding: 40px 8% 24px;
  }
  .partners__logo {
    height: 72px;
  }
}
@media (min-width: 87.875em) {
  .partners__wrapper {
    padding: 48px 8% 24px;
  }
  .partners__text {
    font-size: 17px;
  }
  .partners .row {
    margin-top: 32px;
  }
  .partners__logo {
    height: 88px;
  }
}