html {
  line-height             : 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

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

hr {
  box-sizing: content-box;
  height    : 0;
  overflow  : visible
}

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

a {
  background-color: transparent
}

abbr[title] {
  border-bottom  : none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em
}

legend {
  box-sizing : border-box;
  color      : inherit;
  display    : table;
  max-width  : 100%;
  padding    : 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding   : 0
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font              : inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

.benefits__tag,
.button {
  max-width: -moz-max-content
}

.button.white,
body {
  color: var(--black)
}

*,
.h1,
h1,
li,
ol,
p,
ul {
  padding: 0
}

.text-chunk,
a,
address,
button {
  display: block
}

.consult-form__checkbox input[type='checkbox']:checked+.consult-form__custom-checkbox::after,
.feedback-form__checkbox input[type='checkbox']:checked+.feedback-form__custom-checkbox::after {
  background: url('data:image/svg+xml;utf8,<svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.8L5.25 9 9 4.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px 12px no-repeat
}

.h2-2,
address,
body {
  font-style: normal
}

:root {
  --black         : #1c1d26;
  --black-rgb     : 28, 29, 38;
  --white         : #ffffff;
  --white-rgb     : 255, 255, 255;
  --gray-dark     : #393b4b;
  --graphite      : #55565d;
  --gray          : #747487;
  --gray-light-1  : #77777d;
  --gray-medium   : #a6a6a6;
  --gray-light    : #b1b1b6;
  --gray-line     : #b2b2c7;
  --gray-light-2  : #eaeaea;
  --gray-bg       : #f2f2f2;
  --gray-sky-bg   : #dcddee;
  --green-dark    : #3b7e57;
  --green         : #008b6b;
  --olive-dark    : #688471;
  --olive         : #a9b8ae;
  --olive-light   : #dce5df;
  --blue          : #2448ff;
  --cool-indigo   : #708BD6;
  --blue-light    : #36a0d5;
  --violet        : #b575df;
  --red           : #e73f3f;
  --scarlet       : #ff263b;
  --GRADIENT-olive: linear-gradient(97deg, #edf1ec 1.39%, #94b8a6 228.45%)
}

@font-face {
  font-family : 'Golos Text';
  font-weight : 600;
  font-style  : normal;
  font-display: swap;
  src         : url(../fonts/GolosText-DemiBold.woff2) format('woff2'), url(../fonts/GolosText-DemiBold.woff) format('woff')
}

@font-face {
  font-family : 'Golos Text';
  font-weight : 500;
  font-style  : normal;
  font-display: swap;
  src         : url(../fonts/GolosText-Medium.woff2) format('woff2'), url(../fonts/GolosText-Medium.woff) format('woff')
}

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

@font-face {
  font-family : Jost;
  font-weight : 500;
  font-style  : normal;
  font-display: swap;
  src         : url(../fonts/Jost-Medium.woff2) format('woff2'), url(../fonts/Jost-Medium.woff) format('woff')
}

html {
  font-size      : 62.5%;
  scroll-behavior: auto
}

body {
  display         : flex;
  flex-direction  : column;
  min-height      : 100vh;
  font-family     : 'Golos Text', Arial, sans-serif;
  font-size       : 1.8rem;
  font-weight     : 400;
  line-height     : 130%;
  background-color: var(--gray-bg);
  overflow-x      : hidden
}

.button,
.h1,
h1 {
  color: var(--white)
}

@media (max-width:575px) {
  body {
    font-size: 1.4rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  body {
    font-size: clamp(1.4rem, 1.261rem + 0.3565vw, 1.8rem)
  }
}

main {
  flex: 1
}

.visually-hidden {
  position: absolute;
  width   : 1px;
  height  : 1px;
  margin  : -1px;
  overflow: hidden;
  clip    : rect(0 0 0 0);
  border  : 0;
  padding : 0
}

.h1,
h1 {
  margin     : 0 0 3.5rem;
  font-size  : 5.8rem;
  font-weight: 600;
  line-height: 92%
}

@media (max-width:1160px) {

  .h1,
  h1 {
    font-size : 4.4rem;
    text-align: center
  }
}

@media (max-width:575px) {

  .h1,
  h1 {
    font-size    : 3.2rem;
    margin-bottom: 2.6rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {

  .h1,
  h1 {
    font-size: clamp(3.2rem, 2.2963rem + 2.3173vw, 5.8rem)
  }
}

.h2,
h2 {
  font-size     : 4.4rem;
  font-weight   : 500;
  line-height   : 102%;
  letter-spacing: -0.88px;
  margin-bottom : 4rem
}

@media (max-width:1160px) {

  .h2,
  h2 {
    font-size: 3.5rem
  }
}

@media (max-width:575px) {

  .h2,
  h2 {
    font-size     : 3rem;
    letter-spacing: -0.6px;
    margin-bottom : 3rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {

  .h2,
  h2 {
    font-size: clamp(3rem, 2.5134rem + 1.2478vw, 4.4rem)
  }
}

.h3,
h3 {
  font-size  : 2.4rem;
  font-weight: 500;
  line-height: normal
}

@media (max-width:575px) {

  .h3,
  h3 {
    font-size     : 1.8rem;
    line-height   : 126%;
    letter-spacing: -0.36px
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {

  .h3,
  h3 {
    font-size: clamp(1.8rem, 1.5914rem + 0.5348vw, 2.4rem)
  }
}

.h2-2 {
  font-size     : 4.8rem;
  font-weight   : 600;
  line-height   : 102%;
  letter-spacing: 1px
}

@media (max-width:1160px) {
  .h2-2 {
    font-size: 3.5rem
  }

  .text-chunk {
    display: inline
  }
}

@media (max-width:575px) {
  .h2-2 {
    font-size     : 3rem;
    font-weight   : 700;
    line-height   : 102%;
    letter-spacing: -0.06rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .h2-2 {
    font-size: clamp(3rem, 2.3743rem + 1.6043vw, 4.8rem)
  }
}

.button {
  max-width    : max-content;
  padding      : 2rem 3rem;
  font-size    : 1.8rem;
  border-radius: 1rem;
  font-weight  : 600;
  background   : var(--green);
  text-align   : center;
  transition   : 0.4s
}

a,
button,
input,
textarea {
  border : none;
  outline: 0
}

@media (max-width:575px) {
  .button {
    font-size: 1.5rem;
    padding  : 1.4rem 3rem;
    max-width: 100%;
    width    : 100%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .button {
    font-size: clamp(1.5rem, 1.3957rem + 0.2674vw, 1.8rem)
  }
}

.button.white {
  background-color: var(--white);
  transition      : 0.4s
}

.menu-burger:after,
.menu-burger:before {
  background: var(--black);
  transition: 0.4s;
  position  : absolute;
  content   : ''
}

.button.black,
.consult-form__item input:focus {
  color: var(--white)
}

.button.black {
  background-color: var(--black);
  margin          : 0 auto;
  transition      : 0.4s
}

* {
  margin    : 0;
  box-sizing: border-box
}

input,
textarea {
  background-color: transparent
}

button {
  cursor    : pointer;
  background: 0 0
}

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

address,
li,
p {
  margin: 0
}

a {
  text-decoration: none;
  color          : inherit
}

.disable-scroll-menu {
  overflow: hidden;
  height  : 100vh;
  position: fixed;
  left    : 0;
  top     : 0;
  width   : 100%
}

.disable-scroll {
  position: relative;
  overflow: hidden
}

.container {
  max-width: 1512px;
  width    : 100%;
  padding  : 0 6.6rem;
  margin   : 0 auto
}

@media (max-width:1160px) {
  .container {
    padding: 0 3rem
  }
}

@media (max-width:575px) {
  .container {
    padding: 0 1.2rem
  }
}

body.menu-open {
  overflow: hidden
}

.section {
  padding-top: 10rem
}

@media (max-width:1160px) {
  .section {
    padding-top: 7rem
  }
}

@media (max-width:575px) {
  .section {
    padding-top: 4rem
  }
}

@supports (padding-top:clamp(1rem, 2rem, 3rem)) {
  .section {
    padding-top: clamp(4rem, 1.9144rem + 5.3476vw, 10rem)
  }
}

.swiper-wrapper {
  height: -moz-max-content !important;
  height: max-content !important
}

.back-top {
  position       : fixed;
  bottom         : 60px;
  right          : 10px;
  opacity        : 0;
  width          : 40px;
  height         : 40px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  transition     : 0.4s;
  z-index        : 10;
  border-radius  : 12px;
  cursor         : pointer;
  color          : var(--green);
  border         : 2px solid currentColor
}

.back-top__svg {
  width     : 100%;
  height    : 100%;
  transition: 0.4s
}

.back-top.active {
  opacity: 1
}

.menu-burger {
  position     : relative;
  display      : none;
  z-index      : 10;
  width        : 5rem;
  height       : 5rem;
  cursor       : pointer;
  background   : var(--gray-sky-bg);
  border-radius: 0.6rem
}

.menu-burger:after {
  height: 2px;
  width : 2rem;
  top   : 1.7rem;
  left  : 1.5rem
}

@media (max-width:575px) {
  .menu-burger {
    width : 3.4rem;
    height: 3.4rem
  }

  .menu-burger:after {
    width : 1.4rem;
    top   : 1.3rem;
    height: 1px;
    left  : 1rem
  }
}

.menu-burger:before {
  height: 2px;
  width : 2rem;
  bottom: 1.7rem;
  left  : 1.5rem
}

.menu-burger.active:after {
  top       : 2.5rem;
  transform : rotate(-45deg);
  transition: 0.4s
}

@media (max-width:575px) {
  .menu-burger:before {
    width : 1.4rem;
    height: 1px;
    left  : 1rem;
    bottom: 1.3rem
  }

  .menu-burger.active:after {
    top: 1.7rem
  }
}

.menu-burger.active:before {
  transform : rotate(45deg);
  top       : 2.5rem;
  transition: 0.4s
}

@media (max-width:1160px) {
  .menu-burger {
    display: block
  }
}

.header-body {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  padding        : 1.4rem 0
}

.header-list {
  display        : flex;
  justify-content: space-between;
  gap            : 4rem;
  transition     : 0.4s;
  z-index        : 1
}

.header-list__item {
  position  : relative;
  transition: 0.4s
}

@media (min-width:1025px) {
  .button:hover {
    filter: brightness(130%)
  }

  .button.white:hover {
    filter          : none;
    text-shadow     : 0.2px 0.2px 0.2px var(--black);
    background-color: var(--gray-bg)
  }

  .button.black:hover {
    filter          : none;
    background-color: #000
  }

  .header-list__item:hover a {
    opacity: 0.8
  }
}

.header-list__item a {
  font-size  : 1.6rem;
  font-weight: 500;
  transition : 0.4s
}

.header-list.active {
  display         : flex;
  justify-content : flex-start;
  width           : 100%;
  height          : calc(100vh - var(--header-height, 7.7rem));
  padding         : 4rem;
  top             : var(--header-height, 7.7rem);
  animation       : 0.4s ease-in-out header-list;
  z-index         : 10;
  background-color: var(--gray-bg);
  transition      : 0.7s ease-in-out
}

@media (max-width:1160px) {
  .header-list {
    width         : 100%;
    position      : absolute;
    left          : 0;
    top           : 14rem;
    display       : none;
    flex-direction: column;
    gap           : 2.5rem
  }
}

@media (max-width:575px) {
  .menu-burger.active:before {
    top: 1.7rem
  }

  .header-body {
    padding: 0.7rem 0
  }

  .header-list.active {
    padding: 4rem 2rem 2rem;
    height : calc(100vh - var(--header-height, 5rem));
    top    : var(--header-height, 5rem)
  }
}

.header-menu-logo {
  position   : relative;
  display    : flex;
  align-items: center;
  gap        : 1rem;
  width      : 36.8rem;
  z-index    : 11
}

.header-menu-logo img {
  display      : block;
  width        : 100%;
  height       : auto;
  -o-object-fit: contain;
  object-fit   : contain
}

@media (max-width:575px) {
  .header-menu-logo {
    width: 22rem
  }
}

@supports (width:clamp(1rem, 2rem, 3rem)) {
  .header-menu-logo {
    width: clamp(22rem, 16.5029rem + 14.0952vw, 36.8rem)
  }
}

.header-menu-logo a {
  position: absolute;
  width   : 40%;
  height  : 100%;
  left    : 0;
  top     : 0
}

.header-menu-burger {
  display: none
}

@media (max-width:1160px) {
  .header-menu-burger {
    display: block
  }
}

@keyframes header-list {
  0% {
    opacity  : 0;
    transform: translateX(-30%)
  }

  100% {
    opacity  : 1;
    transform: translateX(0)
  }
}

.modals {
  --transition-time: 0.3s;
  position         : fixed;
  left             : 0;
  top              : 0;
  right            : 0;
  bottom           : 0;
  display          : flex;
  align-items      : center;
  height           : 100%;
  width            : 100%;
  overflow         : hidden;
  opacity          : 0;
  visibility       : hidden;
  z-index          : 250
}

.modals::before {
  content                : '';
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
  background-color       : rgba(0, 0, 0, 0.4);
  z-index                : 1;
  pointer-events         : none
}

.modals.is-open,
.modals.visible {
  opacity   : 1;
  visibility: visible
}

.popup-card {
  position: relative;
  display : none;
  z-index : 2
}

.popup-card .close {
  position: absolute;
  top     : 2rem;
  right   : 2rem;
  z-index : 5
}

.popup-card.modal-open {
  display: block
}

.consult-form__checkbox .consult-form__custom-checkbox,
.feedback-form__checkbox .feedback-form__custom-checkbox {
  width       : 2rem;
  height      : 2rem;
  margin-right: 1rem;
  display     : inline-block;
  transition  : border-color 0.2s, background 0.2s;
  position    : relative
}

.fadeIn {
  animation: fadeIn var(--transition-time) forwards
}

.fadeOut {
  animation: fadeOut var(--transition-time) forwards
}

@keyframes fadeIn {
  from {
    opacity  : 0;
    transform: translateZ(-100%)
  }

  to {
    opacity  : 1;
    transform: translateZ(0)
  }
}

@keyframes fadeOut {
  from {
    opacity  : 1;
    transform: translateZ(0)
  }

  to {
    opacity  : 0;
    transform: translateZ(-100%)
  }
}

.feedback-form {
  display       : flex;
  flex-direction: column;
  gap           : 2.4rem
}

.feedback-form__inner {
  display       : flex;
  flex-direction: column;
  gap           : 0.8rem
}

.feedback-form__inner label {
  font-weight: 500;
  line-height: 1
}

.feedback-form__inner input {
  width         : 100%;
  border        : none;
  border-bottom : 2px solid rgba(var(--black-rgb), 0.6);
  background    : 0 0;
  padding-bottom: 3px;
  outline       : 0;
  transition    : border-color 0.2s;
  font-family   : inherit
}

.consult-form__checkbox a,
.feedback-form__checkbox a {
  display        : inline;
  text-decoration: underline;
  transition     : 0.4s
}

.feedback-form__inner input:focus {
  border-color: var(--black)
}

.feedback-form__checks {
  display       : flex;
  flex-direction: column;
  gap           : 0.8rem;
  margin        : 0.8rem 0 2.4rem
}

.feedback-form__checkbox {
  position   : relative;
  display    : flex;
  align-items: center;
  font-size  : 1.5rem;
  cursor     : pointer;
  line-height: 1.2
}

.feedback-form__checkbox input[type='checkbox'] {
  opacity : 0;
  position: absolute;
  left    : 0;
  top     : 0;
  width   : 2rem;
  height  : 2rem;
  margin  : 0;
  z-index : 1;
  cursor  : pointer
}

.feedback-form__checkbox--offer {
  display: none
}

.feedback-form__checkbox .feedback-form__custom-checkbox {
  flex         : 0 0 auto;
  border       : 2px solid var(--black);
  border-radius: 4px;
  background   : var(--white)
}

.feedback-form__checkbox .feedback-form__custom-checkbox::after {
  content      : '';
  display      : block;
  width        : 1.2rem;
  height       : 1.2rem;
  position     : absolute;
  left         : 2px;
  top          : 2px;
  background   : 0 0;
  border-radius: 2px;
  transition   : background 0.2s
}

.feedback-form__checkbox input[type='checkbox']:checked+.feedback-form__custom-checkbox {
  background  : var(--black);
  border-color: var(--black)
}

.feedback-form__checkbox a {
  margin-left: 2px
}

.feedback-form .button.black {
  margin-left : 0;
  margin-right: 0
}

.modal-form {
  max-width       : 72rem;
  width           : 100%;
  position        : relative;
  margin          : 0 auto;
  padding         : 4rem;
  background-color: var(--white);
  border-radius   : 2.8rem
}

@media (max-width:768px) {
  .popup-card .close {
    top  : 1rem;
    right: 1rem
  }

  .modal-form {
    border-radius: 1.8rem;
    max-width    : 90%;
    padding      : 2rem
  }
}

.modal-form__title {
  margin-bottom: 1.4rem
}

.modal-form__desc {
  margin-bottom : 3rem;
  color         : rgba(var(--black-rgb), 0.6);
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

@media (max-width:575px) {
  .modal-form__desc {
    font-size     : 1.4rem;
    letter-spacing: -0.14px;
    margin-bottom : 1.4rem
  }
}

.consult-form__item,
.consult-form__phone {
  border-radius: 0.8rem;
  background   : var(--gray-dark);
  margin-bottom: 1rem
}

.consult-form {
  padding: 4rem;
  width  : 42%
}

@media (max-width:575px) {
  .consult-form {
    padding: 2rem
  }
}

@supports (padding:clamp(1rem, 2rem, 3rem)) {
  .consult-form {
    padding: clamp(2rem, 1.3048rem + 1.7825vw, 4rem)
  }
}

.consult-form__item {
  padding: 2.4rem
}

.consult-form__item input {
  color: var(--gray)
}

@media (max-width:575px) {
  .consult-form__item {
    padding: 2rem
  }
}

.consult-form__phone {
  width  : 100%;
  padding: 2.4rem;
  color  : var(--gray)
}

.consult-form__phone:focus,
.salary__wrapper {
  color: var(--white)
}

.consult-form__checks {
  margin-bottom: 1.6rem
}

.consult-form__checkbox {
  position   : relative;
  display    : flex;
  align-items: center;
  cursor     : pointer;
  font-size  : 1.2rem;
  line-height: 140%
}

@media (max-width:575px) {
  .consult-form__phone {
    padding: 2rem
  }

  .consult-form__checkbox {
    font-size: 1rem
  }
}

.consult-form__checkbox a {
  padding-left: 2px
}

@media (min-width:1025px) {

  .consult-form__checkbox a:hover,
  .feedback-form__checkbox a:hover {
    opacity: 0.8
  }
}

.consult-form__checkbox input[type='checkbox'] {
  opacity : 0;
  position: absolute;
  left    : 0;
  top     : 0;
  width   : 2rem;
  height  : 2rem;
  margin  : 0;
  z-index : 1;
  cursor  : pointer
}

.consult-form__checkbox .consult-form__custom-checkbox {
  flex         : 0 0 auto;
  border-radius: 4px;
  border       : 2px solid var(--gray-dark);
  background   : var(--black)
}

.consult-form__checkbox .consult-form__custom-checkbox::after {
  content      : '';
  display      : block;
  width        : 1.2rem;
  height       : 1.2rem;
  position     : absolute;
  left         : 2px;
  top          : 2px;
  background   : 0 0;
  border-radius: 2px;
  transition   : background 0.2s
}

.consult-form .button {
  max-width: 100%;
  width    : 100%
}

@media (max-width:1160px) {
  .consult-form {
    width: 100%
  }
}

.about__wrapper {
  gap    : 1.2rem;
  display: flex
}

.feature-cards {
  padding-top: 2rem
}

@media (max-width:1160px) {
  .feature-cards {
    padding-top: 0.8rem
  }
}

.feature-cards__list {
  --cols               : 5;
  display              : grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap                  : 1.2rem
}

@media (max-width:1160px) {
  .feature-cards__list {
    --cols: 2
  }
}

@media (max-width:575px) {
  .feature-cards__list {
    gap   : 0.8rem;
    --cols: 1
  }
}

.feature-cards__item {
  display       : flex;
  flex-direction: column;
  align-items   : flex-start;
  padding       : 2rem;
  background    : var(--white)
}

.feature-cards__item {
  border-radius: 2.8rem
}

@media (max-width:768px) {
  .feature-cards__item {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .feature-cards__item {
    padding: 1.4rem
  }
}

.feature-cards__top {
  display      : flex;
  align-items  : center;
  gap          : 1.2rem;
  margin-bottom: 1.2rem
}

.feature-cards__icon {
  width: 34px;
  flex : 0 0 auto
}

.feature-cards__icon img {
  width  : 34px;
  height : 34px;
  display: block
}

.feature-cards__title {
  font-size     : 16px;
  font-weight   : 600;
  line-height   : 126%;
  letter-spacing: -0.32px
}

.feature-cards__text {
  font-size     : 12px;
  line-height   : 126%;
  letter-spacing: -0.24px
}

@media (max-width:1160px) {
  .about__wrapper {
    flex-direction: column;
    gap           : 0.6rem
  }
}

.about__info {
  width           : 57%;
  padding         : 4rem;
  display         : flex;
  flex-direction  : column;
  background-color: var(--white);
  border-radius   : 4.5rem
}

@media (max-width:768px) {
  .about__info {
    border-radius: 1.8rem
  }
}

@media (max-width:1160px) {
  .about__info {
    width: 100%
  }
}

@media (max-width:575px) {
  .about__info {
    padding: 2rem
  }
}

@supports (padding:clamp(1rem, 2rem, 3rem)) {
  .about__info {
    padding: clamp(2rem, 1.3048rem + 1.7825vw, 4rem)
  }
}

.about__image {
  position     : relative;
  flex         : 1;
  overflow     : hidden;
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .about__image {
    border-radius: 1.8rem
  }
}

.about__image img {
  display      : block;
  width        : 100%;
  height       : auto;
  -o-object-fit: cover;
  object-fit   : cover
}

.about__image-back img,
.salary__coins img {
  height       : 100%;
  -o-object-fit: cover;
  width        : 100%
}

.about__image-back {
  width        : 38.8rem;
  height       : 10rem;
  position     : absolute;
  bottom       : 2rem;
  right        : 2.5rem;
  overflow     : hidden;
  border-radius: 2rem
}

.about__image-back::before {
  content                : '';
  position               : absolute;
  inset                  : 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
  background-color       : rgba(var(--white-rgb), 0.7);
  pointer-events         : none;
  z-index                : 1;
  border-radius          : 2rem
}

.about__image-back img {
  display      : block;
  object-fit   : cover;
  position     : relative;
  -o-object-fit: contain;
  object-fit   : contain;
  z-index      : 2
}

@media (max-width:768px) {

  .about__image-back,
  .about__image-back::before {
    border-radius: 1rem
  }

  .about__image {
    flex: none
  }
}

.about-list li {
  display    : flex;
  gap        : 1rem;
  font-size  : 1.4rem;
  line-height: 120%
}

.aftertrain-list li,
.salary__desc {
  font-size     : 2.3rem;
  letter-spacing: -0.046rem
}

.about-list li:not(:last-child) {
  margin-bottom: 1rem
}

.about-list li img {
  width        : 1.7rem;
  height       : 1.7rem;
  flex         : 0 0 auto;
  -o-object-fit: contain;
  object-fit   : contain
}

.salary__wrapper {
  position     : relative;
  overflow     : hidden;
  padding      : 5rem 2rem;
  background   : var(--black);
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .salary__wrapper {
    border-radius: 1.8rem
  }
}

.salary__title {
  text-align: center;
  position  : relative
}

.salary__desc {
  margin-bottom: 5rem;
  font-weight  : 500;
  line-height  : 126%
}

@media (max-width:575px) {
  .about__image-back {
    width : 18.6rem;
    height: 5.3rem;
    bottom: 2rem;
    right : 2rem
  }

  .about__image-content {
    height            : 28rem !important;
    -o-object-position: top;
    object-position   : top
  }

  .salary__wrapper {
    padding       : 2rem;
    display       : flex;
    flex-direction: column;
    gap           : 2rem
  }

  .salary__wrapper h2 {
    margin-bottom: 0
  }

  .salary__wrapper h2 span {
    display: block
  }

  .salary__wrapper h2 br {
    display: none
  }

  .salary__title {
    order     : 1;
    text-align: left
  }

  .salary__desc {
    font-size    : 1.4rem;
    font-weight  : 400;
    line-height  : 150%;
    order        : 2;
    margin-bottom: 0
  }
}

.salary__exp,
.salary__note,
.salary__sum {
  line-height: normal;
  text-align : center
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .salary__desc {
    font-size: clamp(1.4rem, 1.0872rem + 0.8021vw, 2.3rem)
  }
}

.salary__desc span {
  white-space: nowrap;
  color      : var(--green)
}

@media (max-width:400px) {
  .salary__desc {
    max-width: 31.4rem
  }
}

.salary__desc p {
  text-align: center
}

.salary__desc p:not(:last-child) {
  margin-bottom: 2.2rem
}

.salary__grades {
  position       : relative;
  max-width      : 110rem;
  width          : 100%;
  display        : flex;
  justify-content: center;
  gap            : 2rem;
  margin         : 0 auto 5rem
}

@media (max-width:1160px) {
  .salary__grades {
    margin-bottom : 3rem;
    flex-direction: column;
    align-items   : center
  }
}

.salary__grade {
  width: calc((100% - 4rem) / 3)
}

@media (max-width:1160px) {
  .salary__grade {
    width    : 100%;
    max-width: 33rem
  }
}

@media (max-width:575px) {
  .salary__desc p:not(:last-child) {
    margin-bottom: 1rem
  }

  .salary__desc p {
    margin-bottom: 0;
    text-align   : left
  }

  .salary__desc p br {
    display: none
  }

  .salary__grades {
    margin-bottom: 0;
    order        : 3
  }

  .salary__grade {
    max-width: 100%
  }
}

.salary__sum {
  padding      : 3rem;
  border-radius: 1.2rem;
  font-size    : 3.6rem;
  font-weight  : 400;
  margin-bottom: 6.5rem
}

@media (max-width:1160px) {
  .salary__sum {
    margin-bottom: 1rem
  }

  .salary__coins {
    display: none
  }
}

@media (max-width:370px) {
  .salary__sum {
    font-size: 3rem
  }
}

.salary__exp {
  font-size: 1.8rem
}

.salary__grade:first-child .salary__sum {
  background: var(--olive-dark)
}

.salary__grade:nth-child(2) .salary__sum {
  background: var(--olive);
  color     : var(--black)
}

.salary__grade:nth-child(3) .salary__sum {
  background: var(--olive-light);
  color     : var(--black)
}

.salary__note {
  margin-bottom : 3rem;
  font-size     : 1.6rem;
  font-weight   : 400;
  letter-spacing: -0.016rem;
  color         : var(--gray)
}

.salary__btn {
  margin       : 0 auto;
  padding-right: 6rem;
  padding-left : 6rem
}

.salary__coins {
  position      : absolute;
  bottom        : -10rem;
  left          : -7.5rem;
  width         : 33rem;
  height        : 39rem;
  transform     : rotate(33.619deg);
  mix-blend-mode: luminosity;
  opacity       : 0.65
}

.salary__coins img {
  display      : block;
  object-fit   : cover;
  -o-object-fit: contain;
  object-fit   : contain
}

@media (max-width:575px) {
  .salary__note {
    max-width     : 30rem;
    margin        : 0 auto;
    order         : 6;
    font-size     : 1.2rem;
    letter-spacing: -0.012rem
  }

  .salary__btn {
    order: 5
  }

  .salary__coins {
    display: block;
    bottom : auto;
    top    : 1.8rem;
    left   : auto;
    right  : -4.6rem;
    width  : 15rem;
    height : 15rem
  }

  .audience {
    padding-top: 5rem
  }
}

@supports (width:clamp(1rem, 2rem, 3rem)) {
  .salary__coins {
    width : clamp(15rem, 9.4385rem + 14.2602vw, 31rem);
    height: clamp(15rem, 6.6578rem + 21.3904vw, 39rem)
  }
}

.salary-steps {
  position       : absolute;
  bottom         : 3rem;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  margin         : 2rem 0 1.5rem
}

.salary-steps__line {
  height    : 1px;
  background: #656875;
  opacity   : 0.5
}

.salary-steps__line:nth-child(1),
.salary-steps__line:nth-child(7) {
  flex      : 1 1 16.666%;
  background: var(--gray)
}

.salary-steps__line:nth-child(3),
.salary-steps__line:nth-child(5) {
  flex: 1 1 33.333%
}

.salary-steps__line:nth-child(2) {
  background: var(--olive)
}

.salary-steps__line:nth-child(3) {
  background: var(--olive-dark)
}

.salary-steps__dot {
  width        : 1.1rem;
  height       : 1.1rem;
  border-radius: 50%;
  margin       : 0 1.4rem;
  border       : none
}

.salary-steps__dot:nth-child(2) {
  background: var(--gray-bg)
}

.salary-steps__dot:nth-child(4) {
  background: var(--olive)
}

.salary-steps__dot:nth-child(6) {
  background: var(--olive-dark)
}

.audience__wrapper {
  padding         : 8rem 6.5rem;
  background-color: var(--white);
  border-radius   : 3rem
}

@media (max-width:768px) {
  .audience__wrapper {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .audience__wrapper {
    padding: 2rem
  }
}

@supports (padding-left:clamp(1rem, 2rem, 3rem)) {
  .audience__wrapper {
    padding-left  : clamp(2rem, 0.4358rem + 4.0107vw, 6.5rem);
    padding-right : clamp(2rem, 0.4358rem + 4.0107vw, 6.5rem);
    padding-top   : clamp(2rem, -0.0856rem + 5.3476vw, 8rem);
    padding-bottom: clamp(2rem, -0.0856rem + 5.3476vw, 8rem)
  }
}

.audience__title {
  margin-bottom: 6rem
}

@media (max-width:1160px) {
  .salary-steps {
    display: none
  }

  .audience__title {
    margin-bottom: 3rem
  }
}

.audience__list {
  display       : flex;
  flex-direction: column;
  gap           : 3.5rem;
  margin-bottom : 6rem
}

@media (max-width:1160px) {
  .audience__list {
    gap          : 3rem;
    margin-bottom: 4rem
  }
}

@media (max-width:575px) {
  .audience__wrapper {
    padding-top: 1.7rem
  }

  .audience__list {
    gap          : 2.7rem;
    margin-bottom: 2rem
  }
}

.audience__item {
  display    : flex;
  align-items: center;
  gap        : 4rem
}

@media (max-width:1160px) {
  .audience__item {
    gap           : 1.4rem;
    flex-direction: column-reverse
  }
}

.audience__item:nth-child(1),
.audience__item:nth-child(3),
.audience__item:nth-child(5) {
  flex-direction: row-reverse
}

.audience__img {
  width        : 47%;
  padding-top  : 32rem;
  border-radius: 4.5rem
}

.audience__img-height {
  position: relative;
  overflow: hidden;
  height  : 0
}

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

@media (max-width:1160px) {

  .audience__item:nth-child(1),
  .audience__item:nth-child(3),
  .audience__item:nth-child(5) {
    flex-direction: column-reverse
  }

  .audience__img {
    width      : 80%;
    padding-top: 42rem
  }

  .consult__info h2 {
    text-align: center
  }
}

.audience__content {
  flex: 1
}

.audience__subtitle {
  font-size     : 3.3rem;
  font-weight   : 500;
  line-height   : 126%;
  letter-spacing: -0.66px;
  margin-bottom : 2rem
}

@media (max-width:575px) {
  .audience__img {
    width      : 100%;
    padding-top: 80%
  }

  .audience__subtitle {
    margin-bottom : 1rem;
    font-size     : 2rem;
    letter-spacing: -0.4px
  }
}

.audience__desc {
  line-height   : 150%;
  letter-spacing: -0.18px;
  color         : rgba(var(--black-rgb), 0.6)
}

.aftertrain__wrapper {
  max-width    : 100rem;
  margin-bottom: 4rem
}

.aftertrain-list {
  display  : flex;
  gap      : 1.2rem;
  flex-wrap: wrap
}

.aftertrain-list li {
  display         : flex;
  flex-direction  : column;
  gap             : 2rem;
  padding         : 3rem;
  width           : calc((100% - 1.2rem) / 2);
  background-color: var(--white);
  font-weight     : 500;
  line-height     : 126%;
  border-radius   : 2.8rem
}

@media (max-width:768px) {

  .aftertrain-list li,
  .audience__img {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .audience__desc {
    line-height   : 126%;
    letter-spacing: -0.14px
  }

  .aftertrain__wrapper {
    margin-bottom: 3rem
  }

  .aftertrain-list li {
    width         : 100%;
    padding       : 1.4rem;
    font-size     : 1.6rem;
    letter-spacing: -0.032rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .audience__subtitle {
    font-size: clamp(2rem, 1.5481rem + 1.1586vw, 3.3rem)
  }

  .aftertrain-list li {
    font-size: clamp(1.6rem, 1.3567rem + 0.6239vw, 2.3rem)
  }
}

.aftertrain-list img {
  width        : 3.1rem;
  height       : 3.1rem;
  flex         : 0 0 auto;
  -o-object-fit: contain;
  object-fit   : contain
}

.consult__wrapper {
  display         : flex;
  align-items     : center;
  flex-wrap       : wrap;
  color           : var(--white);
  background-color: var(--black);
  border-radius   : 2.8rem
}

.consult__info {
  flex   : 1;
  padding: 4rem
}

@media (max-width:575px) {
  .consult__info {
    padding: 2rem
  }
}

@supports (padding:clamp(1rem, 2rem, 3rem)) {
  .consult__info {
    padding: clamp(2rem, 1.3048rem + 1.7825vw, 4rem)
  }
}

.consult__desc {
  max-width  : 54rem;
  font-size  : 2.2rem;
  line-height: normal
}

@media (max-width:575px) {
  .consult__desc {
    font-size: 1.6rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .consult__desc {
    font-size: clamp(1.6rem, 1.3914rem + 0.5348vw, 2.2rem)
  }
}

.practice__title br {
  display: none
}

@media (max-width:768px) {
  .consult__wrapper {
    border-radius: 1.8rem
  }

  .practice__title br {
    display: block
  }
}

.practice__desc {
  margin-bottom: 4rem;
  font-size    : 2.6rem;
  line-height  : normal
}

@media (max-width:575px) {
  .practice__desc {
    font-size  : 1.4rem;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .practice__desc {
    font-size: clamp(1.4rem, 0.9829rem + 1.0695vw, 2.6rem)
  }
}

@media (max-width:1160px) {
  .consult__desc {
    max-width : 100%;
    text-align: center
  }

  .practice__desc {
    margin-bottom: 3rem
  }

  .practice__desc br {
    display: none
  }
}

.practice__test-title {
  display       : block;
  font-size     : 3.3rem;
  font-weight   : 500;
  line-height   : 126%;
  letter-spacing: -0.066rem;
  margin-bottom : 1rem
}

@media (max-width:1160px) {
  .practice__test-title {
    margin-bottom: 3rem
  }

  .practice__test-title br {
    display: none
  }

  .practice__wrapper {
    flex-direction: column-reverse
  }
}

@media (max-width:575px) {
  .practice__test-title {
    margin-bottom : 1.4rem;
    font-size     : 2rem;
    letter-spacing: -0.04rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .practice__test-title {
    font-size: clamp(2rem, 1.5481rem + 1.1586vw, 3.3rem)
  }
}

.practice__test-desc {
  display       : block;
  color         : rgba(var(--black-rgb), 0.6);
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

.practice__wrapper {
  display: flex;
  gap    : 1.2rem
}

.practice__left {
  padding      : 3rem 4rem;
  width        : calc(50% - 0.6rem);
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .practice__left {
    border-radius: 1.8rem
  }
}

@media (max-width:1160px) {
  .practice__left {
    width  : 100%;
    padding: 2.5rem;
    gap    : 3rem
  }
}

@media (max-width:575px) {
  .practice__test-desc {
    font-size     : 1.4rem;
    letter-spacing: -0.14px
  }

  .practice__left {
    padding: 1.4rem
  }
}

.practice__slide {
  padding      : 4rem;
  width        : calc(50% - 0.6rem);
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .practice__slide {
    border-radius: 1.8rem
  }
}

.practice__slide img {
  height       : auto !important;
  display      : block;
  width        : 100%;
  -o-object-fit: cover;
  object-fit   : cover
}

@media (max-width:1160px) {
  .practice__slide {
    width  : 100%;
    padding: 2.5rem
  }
}

.practice__slider {
  background-color: var(--black);
  width           : calc(50% - 0.6rem);
  border-radius   : 4.5rem
}

@media (max-width:768px) {
  .practice__slider {
    border-radius: 1.8rem
  }
}

@media (max-width:1160px) {
  .practice__slider {
    width: 100%
  }
}

.practice__left {
  display         : flex;
  flex-direction  : column;
  justify-content : space-between;
  background-color: var(--white)
}

.practice__controls {
  display        : flex;
  align-items    : center;
  justify-content: space-between
}

.practice-btn {
  display: flex;
  gap    : 0.8rem
}

.practice-btn__item {
  width          : 7rem;
  height         : 4rem;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 10rem;
  background     : var(--black)
}

.practice-btn__item svg {
  fill: var(--white)
}

.practice-btn .swiper-button-disabled {
  background    : var(--gray-bg);
  pointer-events: none
}

.practice-btn .swiper-button-disabled svg {
  fill: var(--gray)
}


.community-controls__item svg,
.experts-controls .swiper-button-disabled svg,
.experts-controls__item svg {
  fill: var(--black)
}

.practice__pagination {
  display : block;
  width   : auto !important;
  position: static
}

@media (max-width:575px) {
  .practice__slide {
    padding: 1.4rem
  }

  .practice__pagination {
    display: none
  }
}

.practice__pagination .swiper-pagination-bullet {
  width        : 6px !important;
  height       : 6px !important;
  border-radius: 50% !important;
  background   : var(--gray-light-2);
  transition   : 0.4s !important;
  margin       : 0 3px !important;
  opacity      : 1 !important
}

.practice__pagination .swiper-pagination-bullet-active {
  width        : 3rem !important;
  background   : var(--black) !important;
  border-radius: 30rem !important;
  transition   : 0.4s !important
}

.benefits__wrapper {
  display      : flex;
  flex-wrap    : wrap;
  gap          : 1.2rem;
  margin-bottom: 3rem
}

.benefits__card {
  width           : calc((100% - 2.4rem) / 3);
  background-color: var(--white);
  padding         : 2rem;
  border-radius   : 2.2rem
}

@media (max-width:768px) {
  .benefits__card {
    border-radius: 1.2rem
  }
}

@media (max-width:1160px) {
  .benefits__card {
    width: calc((100% - 1.2rem) / 2)
  }
}

@media (max-width:575px) {
  .benefits__wrapper {
    margin-bottom: 2rem;
    gap          : 0.8rem
  }

  .benefits__card {
    width  : 100%;
    padding: 1.4rem
  }
}

.benefits__tag {
  max-width       : max-content;
  margin-bottom   : 2.2rem;
  padding         : 1.4rem 1.8rem;
  font-size       : 1.6rem;
  font-weight     : 500;
  line-height     : 1;
  background-color: var(--gray-light-2);
  border-radius   : 10rem
}

@media (max-width:575px) {
  .benefits__tag {
    margin-bottom: 0.9rem;
    font-size    : 1.4rem
  }

  .benefits__desc span {
    display: block
  }
}

.benefits__desc {
  font-size     : 18px;
  line-height   : 126%;
  letter-spacing: -0.36px
}

.process__container {
  padding         : 8rem 6.5rem;
  background-color: var(--black);
  color           : var(--white);
  border-radius   : 5rem
}

@media (max-width:768px) {
  .process__container {
    border-radius: 1.8rem
  }
}

@media (max-width:1160px) {
  .process__container {
    padding: 6rem 3rem
  }
}

@media (max-width:575px) {
  .process__container {
    padding: 4rem 1.2rem
  }
}

.process__container .button {
  margin: 0 auto
}

.process__cards {
  display      : flex;
  flex-wrap    : wrap;
  gap          : 1.2rem;
  margin-bottom: 6rem
}

.process__card {
  display      : flex;
  overflow     : hidden;
  position     : relative;
  border-radius: 2.8rem
}

@media (max-width:1160px) {
  .process__cards {
    flex-direction: column;
    margin-bottom : 4rem
  }

  .process__card {
    width: 100% !important
  }
}

.process__card p:not(:last-child) {
  padding-bottom: 2rem
}

@media (max-width:768px) {
  .process__card {
    border-radius : 1.4rem;
    flex-direction: column;
    align-items   : center
  }

  .process__card p:not(:last-child) {
    padding-bottom: 1.4rem
  }

  .process__card:nth-child(1) .process__img {
    padding   : 0 2.9rem;
    margin-top: -0.3rem
  }

  .process__card:nth-child(1) .process__subtitle {
    margin-bottom: 0.8rem !important
  }
}

.process__card:nth-child(2),
.process__card:nth-child(3),
.process__card:nth-child(6) {
  width: calc(57% - 1.2rem)
}

.process__card:nth-child(1),
.process__card:nth-child(4),
.process__card:nth-child(5) {
  width: 43%
}

.process__card:nth-child(7) {
  width: 100%
}

.process__card:nth-child(1),
.process__card:nth-child(4),
.process__card:nth-child(7) {
  border    : 1px solid var(--gray);
  background: var(--black)
}

.process__card:nth-child(1) .process__desc,
.process__card:nth-child(4) .process__desc,
.process__card:nth-child(7) .process__desc {
  color: rgba(var(--white-rgb), 0.6)
}

.process__card:nth-child(2),
.process__card:nth-child(5) {
  background: var(--gray-sky-bg);
  color     : var(--black)
}

.process__card:nth-child(2) .process__desc,
.process__card:nth-child(5) .process__desc {
  color: rgba(var(--black-rgb), 0.6)
}

.process__card:nth-child(3),
.process__card:nth-child(6) {
  background: var(--gray-dark)
}

.process__card:nth-child(3) .process__desc,
.process__card:nth-child(6) .process__desc {
  color: rgba(var(--white-rgb), 0.6)
}

.process__card:nth-child(1) .process__content {
  width: 52%
}

.process__card:nth-child(2) .process__content {
  width: 50%
}

.process__card:nth-child(3) .process__content {
  width: 49%
}

@media (max-width:768px) {
  .process__card:nth-child(2) .process__content {
    padding: 1.4rem 2.5rem 1.4rem 2rem
  }

  .process__card:nth-child(2) .process__subtitle {
    margin-bottom: 1rem !important
  }

  .process__card:nth-child(2) .process__desc span {
    display: block
  }

  .process__card:nth-child(2) .process__desc br {
    display: none
  }

  .process__card:nth-child(2) .process__desc p:not(:last-child) {
    padding-bottom: 0.5rem
  }

  .process__card:nth-child(3) .process__content {
    padding: 1.4rem 3rem
  }

  .process__card:nth-child(3) .process__img {
    margin-top: -0.5rem
  }

  .process__card:nth-child(3) .process__subtitle br {
    display: none
  }

  .process__card:nth-child(4) .process__img {
    padding   : 0 5rem;
    margin-top: 1rem
  }
}

@media (max-width:768px) and (max-width:768px) {
  .process__card:nth-child(4) .process__content {
    padding: 1.4rem 3rem
  }

  .process__card:nth-child(4) .process__subtitle {
    margin-bottom: 1rem !important
  }

  .process__card:nth-child(4) .process__desc p:not(:last-child) {
    padding-bottom: 0.5rem
  }
}

.process__card:nth-child(5) .process__content {
  width: 46%
}

.process__card:nth-child(6) .process__content {
  width: 58%
}

.process__card:nth-child(7) .process__content {
  width: 70%
}

.process__card:nth-child(7) .process__content br {
  display: none
}

.process__content {
  padding: 3rem 1rem 3rem 3rem;
  width  : 59%
}

.process__subtitle {
  margin-bottom : 2rem;
  font-size     : 2.3rem;
  font-weight   : 400;
  line-height   : 126%;
  letter-spacing: -0.46px
}

@media (max-width:575px) {
  .process__subtitle {
    font-size     : 2rem;
    letter-spacing: -0.4px
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .process__subtitle {
    font-size: clamp(2rem, 1.8957rem + 0.2674vw, 2.3rem)
  }
}

.process__desc {
  line-height   : 150%;
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

.process__img {
  flex           : 1;
  display        : flex;
  align-items    : flex-end;
  justify-content: flex-end
}

.process__img img {
  height       : auto !important;
  display      : block;
  width        : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
  -o-object-fit: contain;
  object-fit   : contain
}

.program {
  background-color: var(--white);
  border-radius   : 5rem
}

@media (max-width:768px) {
  .process__card:nth-child(5) {
    order     : 4;
    background: var(--gray-dark)
  }

  .process__card:nth-child(5) .process__content {
    padding: 1.4rem 3rem
  }

  .process__card:nth-child(5) .process__subtitle {
    color: var(--white)
  }

  .process__card:nth-child(5) .process__desc {
    color: rgba(var(--white-rgb), 0.6)
  }

  .process__card:nth-child(5) .process__img {
    padding: 0 7.5rem
  }

  .process__card:nth-child(6) {
    background: var(--gray-sky-bg);
    color     : var(--black)
  }

  .process__card:nth-child(6) .process__content {
    padding: 1.4rem 2rem
  }

  .process__card:nth-child(6) .process__img {
    padding: 0 6.8rem
  }

  .process__card:nth-child(6) .process__subtitle {
    margin-bottom: 0.8rem !important
  }

  .process__card:nth-child(6) .process__desc {
    color: rgba(var(--black-rgb), 0.6)
  }

  .process__card:nth-child(6) .process__desc p:not(:last-child) {
    padding-bottom: 0.5rem
  }

  .process__card:nth-child(7) {
    order: 7
  }

  .process__card:nth-child(7) .process__content br {
    display: block
  }

  .process__content {
    padding   : 1.4rem 2.5rem;
    width     : 100% !important;
    text-align: center
  }

  .process__subtitle {
    text-align   : center;
    margin-bottom: 1.4rem
  }

  .process__img {
    flex       : none;
    align-items: center
  }

  .program {
    border-radius: 0
  }
}

.program__container {
  padding: 8rem 6.6rem
}

@media (max-width:1160px) {
  .program__container {
    padding: 6rem 3rem
  }
}

.program__wrapper {
  display       : flex;
  flex-direction: column;
  gap           : 1.2rem
}

@media (max-width:575px) {
  .process__desc {
    font-size     : 1.4rem;
    letter-spacing: -0.14px;
    line-height   : 126%
  }

  .program__container {
    padding: 4rem 1.2rem
  }

  .program__wrapper {
    gap: 0.8rem
  }
}

.program__desc {
  margin-bottom: 5rem;
  font-size    : 2.6rem;
  line-height  : normal
}

@media (max-width:575px) {
  .program__desc {
    font-size  : 1.4rem;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .program__desc {
    font-size: clamp(1.4rem, 0.9829rem + 1.0695vw, 2.6rem)
  }
}

@media (max-width:1160px) {
  .program__desc {
    margin-bottom: 3rem
  }

  .program__desc br {
    display: none
  }
}

.program__stats {
  display      : flex;
  flex-wrap    : wrap;
  gap          : 1.2rem;
  margin-bottom: 2.8rem
}

.program__stat {
  width        : calc((100% - 3.6rem) / 4);
  padding      : 2rem;
  background   : var(--white);
  border       : 1px solid var(--gray-light-2);
  border-radius: 1.8rem
}

@media (max-width:768px) {
  .program__stat {
    border-radius: 0.8rem
  }
}

@media (max-width:1160px) {
  .program__stats {
    gap          : 0.8rem;
    margin-bottom: 3rem
  }

  .program__stat {
    width: calc((100% - 1.2rem) / 2)
  }

  .program__stat br {
    display: none
  }
}

.program__stat span {
  display: block
}

.program__stat span:first-child {
  font-size     : 3.6rem;
  font-style    : normal;
  font-weight   : 400;
  line-height   : 93%;
  letter-spacing: -0.72px
}

@media (max-width:575px) {
  .program__stat {
    padding: 1.4rem
  }

  .program__stat span:first-child {
    font-size: 3.2rem
  }
}

@media (max-width:370px) {
  .program__stat span:first-child {
    font-size: 2.7rem
  }
}

.program__stat span:last-child {
  font-size     : 1.6rem;
  line-height   : 140%;
  letter-spacing: -0.28px
}

.program .button {
  margin-top: 3.7rem
}

.program-accordion {
  display       : flex;
  flex-direction: column;
  gap           : 1.2rem
}

.program-accordion-1 {
  margin-bottom: 3rem
}

.program-accordion__top {
  cursor: pointer
}

.program-accordion__header {
  padding      : 1.4rem 1.8rem;
  border-radius: 100px;
  background   : var(--black);
  color        : var(--white);
  font-size    : 1.6rem;
  font-weight  : 500;
  line-height  : normal;
  max-width    : -moz-max-content;
  max-width    : max-content
}

.program-accordion__header br {
  display: none
}

@media (max-width:1160px) {
  .program .button {
    margin-top: 0
  }

  .program-accordion__header br {
    display: block
  }
}

@media (max-width:575px) {
  .program__stat span:last-child {
    font-size     : 1.2rem;
    line-height   : 100%;
    letter-spacing: -0.024rem
  }

  .program-accordion {
    gap: 0.8rem
  }

  .program-accordion-1 {
    margin-bottom: 0
  }

  .program-accordion__header {
    padding       : 1.8rem;
    font-size     : 1.8rem;
    line-height   : 126%;
    letter-spacing: -0.36px;
    max-width     : 100%;
    text-align    : center
  }
}

.program-accordion__list li {
  display    : flex;
  gap        : 1rem;
  font-size  : 1.4rem;
  line-height: 120%
}

.program-accordion__list li:not(:last-child) {
  margin-bottom: 1rem
}

.program-accordion__list li img {
  width        : 1.7rem;
  height       : 1.7rem;
  flex         : 0 0 auto;
  -o-object-fit: contain;
  object-fit   : contain
}

.program-accordion__divider {
  width           : 100%;
  height          : 1px;
  background-color: var(--gray-sky-bg);
  margin          : 2rem 0 2.6rem
}

.program-accordion__item {
  position     : relative;
  padding      : 2rem;
  background   : var(--gray-bg);
  border-radius: 1.8rem
}

@media (max-width:768px) {
  .program-accordion__item {
    border-radius: 0.8rem
  }
}

@media (max-width:575px) {
  .program-accordion__divider {
    margin: 2rem 0
  }

  .program-accordion__item {
    padding: 1.4rem
  }
}

.program-accordion__inner {
  display: flex;
  gap    : 1rem
}

.program-accordion__num {
  padding      : 1.4rem 1.8rem;
  margin-bottom: 2rem;
  border-radius: 100px;
  background   : var(--white);
  font-size    : 1.6rem;
  max-width    : -moz-max-content;
  max-width    : max-content
}

@media (max-width:575px) {
  .program-accordion__num {
    padding      : 1rem;
    margin-bottom: 1.4rem;
    font-size    : 1.2rem
  }
}

@media (max-width:335px) {
  .program-accordion__num span {
    display: none
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .program-accordion__num {
    font-size: clamp(1.2rem, 1.061rem + 0.3565vw, 1.6rem)
  }
}

.program-accordion__lead,
.program-accordion__topics-title {
  max-width     : 85rem;
  margin-bottom : 1.5rem;
  font-size     : 1.8rem;
  line-height   : 126%;
  letter-spacing: -0.36px
}

.program-accordion__desc {
  font-size    : 1.4rem;
  font-weight  : 400;
  line-height  : 120%;
  margin-bottom: 2.5rem
}

@media (max-width:575px) {

  .program-accordion__lead,
  .program-accordion__topics-title {
    font-size     : 1.4rem;
    letter-spacing: -0.28px
  }

  .program-accordion__desc {
    margin-bottom: 2rem
  }
}

.program-accordion__topics {
  max-width    : 85rem;
  margin-bottom: 2.5rem
}

.program-accordion__toggle {
  position       : absolute;
  top            : 2rem;
  right          : 2rem;
  width          : 3.9rem;
  height         : 3.9rem;
  background     : var(--white);
  border         : none;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  cursor         : pointer;
  z-index        : 2
}

.program-accordion-result,
.program-final {
  background-color: var(--green);
  color           : var(--white)
}

@media (max-width:575px) {
  .program-accordion__topics {
    margin-bottom: 2rem
  }

  .program-accordion__toggle {
    top   : 1.4rem;
    right : 1.4rem;
    width : 3.6rem;
    height: 3.6rem
  }
}

@media (max-width:370px) {
  .program-accordion__toggle {
    top   : 2rem;
    right : 1rem;
    width : 2.5rem;
    height: 2.5rem
  }
}

.expert-card {
  display         : flex;
  flex-direction  : column;
  height          : auto;
  overflow        : hidden;
  background-color: var(--white)
}

.expert-card {
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .expert-card {
    border-radius: 1.8rem
  }
}

.experts__desc {
  margin-bottom: 5rem;
  font-size    : 2.6rem;
  line-height  : normal
}

@media (max-width:575px) {
  .experts__desc {
    font-size  : 1.4rem;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .experts__desc {
    font-size: clamp(1.4rem, 0.9829rem + 1.0695vw, 2.6rem)
  }
}

@media (max-width:1160px) {
  .experts__desc {
    margin-bottom: 3rem
  }

  .experts__desc br {
    display: none
  }
}

.expert-card__logo,
.expert-modal__logo {
  top   : auto !important;
  left  : 2rem !important;
  bottom: 2rem !important;
  right : auto !important
}

.program-accordion__toggle::after,
.program-accordion__toggle::before {
  content         : '';
  position        : absolute;
  background-color: var(--black);
  border-radius   : 2px;
  transition      : transform 0.3s
}

.program-accordion__toggle::before {
  width : 16px;
  height: 2px
}

@media (max-width:370px) {
  .program-accordion__toggle::before {
    width: 12px
  }
}

.program-accordion__toggle::after {
  width : 2px;
  height: 16px
}

@media (max-width:370px) {
  .program-accordion__toggle::after {
    height: 12px
  }
}

.program-accordion__item.is-open .program-accordion__toggle::before {
  transform: rotate(225deg)
}

.program-accordion__item.is-open .program-accordion__toggle::after {
  transform: rotate(45deg)
}

.program-accordion__content {
  max-height : 0;
  overflow   : hidden;
  transition : max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: max-height
}

.program-accordion__subtitle {
  margin-top   : 2rem;
  margin-bottom: 1rem
}

.program-accordion-result {
  padding      : 2rem;
  border-radius: 1.8rem
}

@media (max-width:768px) {
  .program-accordion-result {
    border-radius: 0.8rem
  }
}

.program-accordion-result__title {
  margin-bottom : 1.5rem;
  font-size     : 1.8rem;
  line-height   : 126%;
  letter-spacing: -0.36px
}


.expert-modal li,
.tariff__list li {
  line-height: 120%;
  font-size  : 1.4rem
}

@media (max-width:575px) {
  .program-accordion-result {
    padding: 1.4rem 4.4rem 1.4rem 1.4rem
  }

  .program-accordion-result__title {
    font-size     : 1.4rem;
    letter-spacing: -0.28px
  }
}

.program-accordion-result__desc {
  font-size  : 1.4rem;
  font-weight: 400;
  line-height: 120%
}

.program-accordion-result__desc ul {
  list-style-type: disc;
  padding-left   : 20px;
  margin         : 1em 0
}


.expert-modal li:not(:last-child),
.program-final h3 {
  margin-bottom: 1rem
}

.program-accordion-result__desc ul li {
  margin-bottom: 0.3em
}

.program-final {
  padding      : 2rem;
  border-radius: 1.8rem
}

@media (max-width:768px) {
  .program-final {
    border-radius: 0.8rem
  }
}

@media (max-width:575px) {
  .program-final {
    padding: 1.4rem
  }
}

.program-final__badge {
  padding      : 1.4rem 1.8rem;
  margin-bottom: 2rem;
  border-radius: 100px;
  background   : var(--black);
  font-size    : 1.6rem;
  max-width    : -moz-max-content;
  max-width    : max-content
}

@media (max-width:575px) {
  .program-final__badge {
    padding      : 1.1rem 1rem;
    margin-bottom: 1.4rem;
    font-size    : 1.2rem
  }
}

.program-final__text {
  font-size     : 1.8rem;
  line-height   : 126%;
  letter-spacing: -0.36px
}

.program-accordion-add .program-accordion__item {
  background-color: var(--gray-sky-bg)
}

.program-accordion-add .program-accordion__num,
.program-accordion-partners .program-accordion__item {
  background-color: var(--black);
  color           : var(--white)
}

.expert-card__info {
  padding: 1.4rem 3rem 2.4rem
}

.expert-card__name {
  margin-bottom : 1.4rem;
  font-weight   : 500 !important;
  font-size     : 2.3rem;
  line-height   : 126%;
  letter-spacing: -0.46px
}

@media (max-width:575px) {
  .expert-card__info {
    padding: 1rem 2rem 2.4rem
  }

  .expert-card__name {
    font-size     : 2rem;
    letter-spacing: -0.4px
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .expert-card__name {
    font-size: clamp(2rem, 1.8957rem + 0.2674vw, 2.3rem)
  }
}

.expert-card__desc {
  margin-bottom : 2.2rem;
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

.expert-card__photo {
  aspect-ratio : 1/1;
  width        : 100%;
  position     : relative;
  overflow     : hidden;
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .expert-card__photo {
    border-radius: 1.8rem
  }
}

.expert-card__photo img {
  display      : block;
  position     : absolute;
  inset        : 0;
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover
}

.expert-card__logo {
  position     : absolute !important;
  width        : 13.8rem !important;
  height       : auto !important;
  -o-object-fit: contain !important;
  object-fit   : contain !important
}

.expert-card__btn {
  max-width       : -moz-max-content;
  max-width       : max-content;
  padding         : 1.4rem 2rem;
  font-size       : 1.4rem;
  font-weight     : 600;
  line-height     : normal;
  background-color: var(--black);
  color           : var(--white);
  border-radius   : 0.8rem;
  transition      : 0.4s
}

@media (max-width:768px) {
  .expert-card__btn {
    border-radius: 0.6rem
  }
}

@media (min-width:1025px) {
  .expert-card__btn:hover {
    color: rgba(var(--white-rgb), 0.8)
  }
}

@media (max-width:575px) {
  .expert-card__desc {
    font-size     : 1.4rem;
    letter-spacing: -0.14px
  }

  .expert-card__btn {
    font-size: 1.2rem;
    padding  : 1.2rem 1.6rem
  }
}

.experts-controls {
  margin-top     : 3rem;
  padding-right  : 6rem;
  display        : flex;
  align-items    : center;
  justify-content: space-between
}

.experts-controls__btn {
  display: flex;
  gap    : 0.8rem
}

.experts-controls__item {
  width          : 7rem;
  height         : 4rem;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 10rem;
  background     : var(--white)
}

.experts-controls .swiper-button-disabled {
  background    : var(--white);
  pointer-events: none
}


.community-controls .swiper-button-disabled svg {
  fill: var(--gray)
}

.experts-controls__pagination {
  display : block;
  width   : auto !important;
  position: static
}

@media (max-width:575px) {
  .experts-controls__pagination {
    display: none
  }
}

.experts-controls__pagination .swiper-pagination-bullet {
  width        : 6px !important;
  height       : 6px !important;
  border-radius: 50% !important;
  background   : var(--gray-line);
  transition   : 0.4s !important;
  margin       : 0 3px !important;
  opacity      : 1 !important
}

.experts-controls__pagination .swiper-pagination-bullet-active {
  width        : 3rem !important;
  background   : var(--gray-dark) !important;
  border-radius: 30rem !important;
  transition   : 0.4s !important
}

.expert-modal {
  max-width       : 85rem;
  width           : 100%;
  position        : relative;
  margin          : 0 auto;
  padding         : 4rem;
  background-color: var(--white);
  border-radius   : 2.8rem
}

.expert-modal__body {
  display: flex;
  gap    : 1.2rem
}

@media (max-width:768px) {
  .expert-modal {
    border-radius: 1.8rem;
    max-width    : 90%;
    padding      : 2rem
  }

  .expert-modal__body {
    flex-direction            : column;
    overflow-y                : auto;
    overflow-x                : hidden;
    max-height                : 90vh;
    -webkit-overflow-scrolling: touch
  }

  .expert-modal__body::-webkit-scrollbar {
    width     : 0;
    height    : 0;
    background: 0 0
  }

  .expert-modal__body::-webkit-scrollbar-thumb {
    background: 0 0
  }
}

.academy-card__item,
.academy-partners__icon,
.academy__img,

.community,
.community__slide,
.diploma__img,
.partners__image,
.tariff,
.tax__top,
.tax__wrapper {
  overflow: hidden
}

.expert-modal__photo {
  position: relative;
  width   : 30rem;
  flex    : 0 0 auto
}

.expert-modal__photo img {
  display      : block;
  -o-object-fit: cover;
  object-fit   : cover;
  height       : auto
}

.expert-modal__logo {
  position     : absolute !important;
  width        : 13.8rem !important;
  height       : auto !important;
  -o-object-fit: contain !important;
  object-fit   : contain !important
}


.expert-modal li img {
  width        : 1.7rem;
  height       : 1.7rem;
  -o-object-fit: contain
}

.expert-modal__name {
  margin-bottom: 1.4rem
}

.expert-modal__desc {
  margin-bottom : 3rem;
  color         : rgba(var(--black-rgb), 0.6);
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

@media (max-width:575px) {
  .expert-modal__desc {
    font-size     : 1.4rem;
    letter-spacing: -0.14px;
    margin-bottom : 1.4rem
  }
}

.expert-modal__desc-last {
  margin-bottom: 0
}

.expert-modal li {
  display: flex;
  gap    : 1rem
}

.expert-modal li img {
  flex      : 0 0 auto;
  object-fit: contain
}


.tariff__list li:not(:last-child),
.tariff__separator {
  margin-bottom: 1rem
}

.community__wrapper {
  padding         : 8rem 0 4rem;
  background-color: var(--black);
  color           : var(--white);
  border-radius   : 5rem
}

@media (max-width:768px) {
  .community__wrapper {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .career-center-course__image {
    width : 100%;
    height: 26rem
  }

  .community__wrapper {
    padding: 2rem 0
  }
}

.community__head {
  padding: 0 5rem 5rem;
  display: flex;
  gap    : 7rem
}

@media (max-width:1160px) {
  .community__head {
    flex-direction: column;
    gap           : 2rem
  }
}

.community__title {
  min-width: 38rem
}

.community__desc {
  flex          : 1;
  font-size     : 2.2rem;
  line-height   : 126%;
  letter-spacing: -0.44px
}

.community__desc p:not(:last-child) {
  padding-bottom: 2.2rem
}

@media (max-width:575px) {
  .community__head {
    padding: 0 2rem 3rem
  }

  .community__head h2 {
    margin-bottom: 0
  }

  .community__desc p:not(:last-child) {
    padding-bottom: 1rem
  }

  .community__desc {
    font-size  : 1.4rem;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .community__desc {
    font-size: clamp(1.4rem, 1.1219rem + 0.713vw, 2.2rem)
  }
}

.community__slide {
  position     : relative;
  border-radius: 1.8rem;
  height       : 42rem
}

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

.community-controls {
  margin-top     : 3rem;
  padding        : 0 5rem;
  display        : flex;
  align-items    : center;
  justify-content: space-between
}

@media (max-width:575px) {
  .community__slide {
    height: 30rem
  }

  .community-controls {
    padding: 0 2rem
  }
}

.community-controls__btn {
  display: flex;
  gap    : 0.8rem
}

.community-controls__item {
  width          : 7rem;
  height         : 3.8rem;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 10rem;
  background     : var(--white)
}

.community-controls .swiper-button-disabled {
  background    : var(--gray-dark);
  pointer-events: none
}

.community-controls__pagination {
  display : block;
  width   : auto !important;
  position: static
}

@media (max-width:575px) {
  .community-controls__pagination {
    display: none
  }
}

.community-controls__pagination .swiper-pagination-bullet {
  width        : 6px !important;
  height       : 6px !important;
  border-radius: 50% !important;
  background   : var(--gray-light-2);
  transition   : 0.4s !important;
  margin       : 0 3px !important;
  opacity      : 1 !important
}

.community-controls__pagination .swiper-pagination-bullet-active {
  width        : 3rem !important;
  background   : var(--gray-dark) !important;
  border-radius: 30rem !important;
  transition   : 0.4s !important
}

.tariffs__wrapper {
  display: flex;
  gap    : 1.2rem
}

@media (max-width:1160px) {
  .tariffs__wrapper {
    flex-wrap: wrap;
    gap      : 3rem
  }
}

.tariff,
.tariff__inner {
  flex-direction: column;
  display       : flex
}

.tariff {
  width        : calc((100% - 2.4rem) / 2);
  gap          : 8px;
  border-radius: 0
}
.tariff-3{
   width        : calc((100% - 2.4rem) / 3);
}
@media (max-width:1160px) {
  .tariff,
  .tariff-3 {
    width: calc((100% - 3rem) / 2)
  }
}

@media (max-width:768px) {
  .tariff,
  .tariff-3 {
    border-radius: 1.8rem;
    min-width    : 0;
    width        : 100%;
    gap          : 2.4rem
  }
}

.tariff__inner {
  gap          : 2rem;
  padding      : 2rem;
  border-radius: 1.8rem
}

@media (max-width:768px) {
  .tariff__inner {
    border-radius: 0;
    padding      : 0
  }
}

.tariff__prices {
  display: flex;
  gap    : 2.7rem
}

.tariff__item {
  display        : flex;
  flex-direction : column;
  justify-content: space-between
}

.tariff__list li {
  display: flex;
  gap    : 1rem
}

.tariff__list li img {
  flex      : 0 0 auto;
  object-fit: contain
}

.tariff__separator {
  font-size  : 1.6rem;
  font-weight: 500;
  text-align : center
}

.tariff__header {
  font-size     : 2.8rem;
  font-weight   : 500;
  line-height   : normal;
  letter-spacing: -0.28px;
  margin-bottom : 0.4rem;
  display       : flex;
  align-items   : flex-start
}

@media (max-width:370px) {
  .tariff__header {
    font-size: 2.4rem
  }
}

.tariff__header img {
  width : 4.6rem;
  height: auto
}

.tax__bank img,
.tax__img img {
  width        : 100%;
  -o-object-fit: cover
}

.tariff__badge {
  max-width     : -moz-max-content;
  max-width     : max-content;
  margin-bottom : 1rem;
  font-size     : 1.6rem;
  font-weight   : 500;
  line-height   : 1;
  letter-spacing: -0.17px;
  padding       : 0.5rem 1rem;
  border-radius : 300px;
  background    : var(--green);
  color         : var(--white)
}

.tariff__badge--white {
  background: var(--white);
  color     : var(--black)
}

@media (max-width:575px) {
  .tariff__badge {
    padding      : 0.5rem 1rem;
    font-size    : 1.3rem;
    margin-bottom: 0.6rem
  }
}

.tariff__subtitle {
  font-size    : 1.4rem;
  font-weight  : 600;
  line-height  : normal;
  margin-bottom: 2.5rem
}

@media (max-width:575px) {
  .tariff__subtitle {
    font-size    : 1.2rem;
    margin-bottom: 2rem
  }
}

.tariff__price {
  font-weight   : 500;
  font-size     : 4rem;
  letter-spacing: -1.2px;
  line-height   : 70%;
  white-space   : nowrap;
  color         : var(--black)
}

.tariff__price span {
  font-size  : 1.8rem;
  white-space: pre
}

.tariff__price--current {
  font-size     : 2.4rem;
  letter-spacing: -0.072rem
}

.tariff__price-ruble {
  font-size  : 16px;
  font-weight: 500
}

.tariff__price-old {
  font-family   : Jost;
  font-size     : 1.8rem;
  letter-spacing: -0.036rem;
  color         : var(--olive)
}

.tariff__sub {
  font-size    : 14px;
  line-height  : normal;
  margin-bottom: 3.6rem
}

@media (max-width:575px) {
  .tariff__sub {
    margin-bottom: 2.6rem
  }
}

.tariff__old-row {
  display       : flex;
  align-items   : center;
  gap           : 1rem;
  font-size     : 24px;
  font-weight   : 500;
  line-height   : normal;
  letter-spacing: -0.48px;
  font-family   : Jost, Arial, sans-serif
}

.tariff__ruble {
  font-weight   : 500;
  font-size     : 16px;
  letter-spacing: -0.32px
}

.tariff__old {
  color: var(--gray-line)
}

.tariff-pro .tariff__price,
.tariff__sale {
  color: var(--white)
}

.tariff__sale {
  padding         : 1px 5px;
  font-size       : 13px;
  font-weight     : 500;
  line-height     : normal;
  font-family     : 'Golos Text', Arial, sans-serif;
  background-color: var(--blue);
  border-radius   : 30rem
}

.tariff__paynote {
  font-size    : 14px;
  line-height  : normal;
  margin-bottom: 2.4rem
}

.tariff .button {
  margin: 0
}

.tariff__list-top {
  font-size  : 1.6rem;
  font-weight: 500
}

.tariff__innerDown {
  background-color: var(--white);
  padding         : 2rem;
  border-radius   : 1.8rem
}

.tariff-standart .tariff__inner {
  background: var(--olive-light)
}

.tariff-standart .tariff__list {
  margin-bottom: 2rem
}

.tariff-standart .tariff__list-top {
  padding-bottom: 2rem;
  border-bottom : 1px solid var(--gray-line)
}

@media (max-width:768px) {
  .tariff__innerDown {
    border-radius: 1.8rem;
    padding      : 1.8rem
  }

  .tariff-standart .tariff__inner {
    background: 0 0
  }

  .tariff-standart {
    background: var(--olive-light);
    padding   : 1.4rem
  }

  .tariff-standart .tariff__list {
    margin-bottom: 1rem
  }

  .tariff-standart .tariff__list-top {
    padding-bottom: 1rem
  }
}

.tariff-pro .tariff__inner {
  background: var(--black);
  color     : var(--white)
}

.tariff-pro .tariff__price-old,
.tariff__note {
  color: var(--gray)
}

.tariff-pro .tariff__list {
  margin-bottom: 2rem
}

.tariff-pro .tariff__list-top {
  padding-bottom: 2rem;
  border-bottom : 1px solid var(--gray-line)
}

@media (max-width:768px) {
  .tariff-pro .tariff__inner {
    background: 0 0
  }

  .tariff-pro .tariff__list {
    margin-bottom: 1rem
  }

  .tariff-pro .tariff__list-top {
    padding-bottom: 1rem
  }

  .tariff-pro {
    background: var(--black);
    padding   : 1.4rem
  }
}

.tariff-expert .tariff__inner {
  background: var(--olive-light)
}

.tariff-expert .tariff__list {
  margin-bottom: 2rem
}

.tariff-expert .tariff__list-top {
  padding-bottom: 2rem;
  border-bottom : 1px solid var(--gray-line)
}

@media (max-width:1160px) {
  .tariff__header img {
    width: 3.6rem
  }

  .tariff-expert {
    width: 100%
  }
}

@media (max-width:768px) {
  .tariff-expert .tariff__inner {
    background: 0 0
  }

  .tariff-expert .tariff__list {
    margin-bottom: 1rem
  }

  .tariff-expert .tariff__list-top {
    padding-bottom: 1rem
  }

  .tariff-expert {
    background: var(--olive-light);
    padding   : 1.4rem
  }
}

.tariff__note {
  font-size  : 1.4rem;
  line-height: 120%
}

.tax {
  padding-top: 4rem
}

@media (max-width:575px) {
  .tariff__price {
    font-size: 3rem
  }

  .tariff__price--ruble {
    font-size: 1.6rem
  }

  .tariff__price--current {
    font-size: 2rem
  }

  .tariff__price--current .tariff__price-ruble,
  .tariff__price-old {
    font-size: 1.6rem
  }

  .tariff__current {
    font-size: 2rem
  }

  .tax {
    padding-top: 3rem
  }
}

.tax__wrapper {
  display         : flex;
  flex-direction  : column;
  background-color: var(--white);
  border-radius   : 2.8rem
}

@media (max-width:768px) {
  .tax__wrapper {
    border-radius: 1.8rem
  }
}

.tax__top {
  display         : flex;
  align-items     : center;
  color           : var(--white);
  background-color: var(--black);
  border-radius   : 2.8rem
}

@media (max-width:768px) {
  .tax__top {
    border-radius : 1.8rem;
    flex-direction: column;
    padding       : 2rem;
    gap           : 1.2rem
  }
}

.tax__img {
  position   : relative;
  height     : 0;
  width      : 22rem;
  padding-top: 12rem
}

.tax__img img {
  position  : absolute;
  height    : calc(100% + 3rem);
  top       : -1.5rem;
  left      : 0;
  right     : 0;
  bottom    : -1.5rem;
  object-fit: cover
}

@media (max-width:1160px) {
  .tax__img {
    display: none
  }
}

@media (max-width:768px) {
  .tax__img img {
    height       : 100%;
    top          : 0;
    bottom       : 0;
    -o-object-fit: contain;
    object-fit   : contain
  }

  .tax__img {
    display    : block;
    width      : 94%;
    padding-top: 25rem
  }
}

.tax__info {
  padding: 3rem;
  flex   : 1
}

.tax__info h3 {
  font-size    : 2.6rem;
  font-weight  : 500;
  line-height  : 140%;
  margin-bottom: 1rem
}

@media (max-width:768px) {
  .tax__info {
    padding: 0
  }
}

.tax__desc {
  color: var(--gray-line)
}

.tax__button {
  padding: 3rem
}

.tax__button .button {
  border: 1px solid var(--white)
}

@media (max-width:768px) {
  .tax__button {
    width  : 100%;
    padding: 0
  }
}

.tax__bottom {
  padding    : 3rem;
  display    : flex;
  align-items: center
}

@media (max-width:1160px) {
  .tax__bottom {
    flex-direction: column;
    gap           : 2rem;
    padding       : 2rem
  }
}

.tax__banks {
  display: flex;
  gap    : 1.2rem
}

@media (max-width:575px) {
  .tax__info h3 {
    font-size: 2.4rem
  }

  .tax__banks {
    flex-direction: column;
    width         : 100%
  }
}

.tax__bank img {
  display   : block;
  height    : auto;
  object-fit: cover
}

.academy__img img,
.diploma__img img {
  width        : 100%;
  -o-object-fit: cover;
  display      : block
}

.tax__left {
  width         : 54%;
  margin-right  : 1rem;
  font-size     : 2.4rem;
  font-weight   : 500;
  line-height   : 126%;
  letter-spacing: -0.48px
}

.tax__left-mob {
  display: none
}

@media (max-width:575px) {
  .tax__left {
    font-size     : 2rem;
    letter-spacing: -0.4px
  }

  .tax__left-desc {
    display: none
  }

  .tax__left-mob {
    display: block
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .tax__left {
    font-size: clamp(2rem, 1.861rem + 0.3565vw, 2.4rem)
  }
}

.diploma__desc {
  margin-bottom: 5rem;
  font-size    : 2.6rem;
  line-height  : normal
}

@media (max-width:575px) {
  .diploma__desc {
    font-size  : 1.4rem;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .diploma__desc {
    font-size: clamp(1.4rem, 0.9829rem + 1.0695vw, 2.6rem)
  }
}

@media (max-width:1160px) {
  .tax__left {
    width: 100%
  }

  .diploma__desc {
    margin-bottom: 3rem
  }

  .diploma__desc span {
    display: block
  }
}

.diploma__items {
  display: flex;
  gap    : 1.2rem
}

@media (max-width:768px) {
  .diploma__items {
    flex-direction: column
  }
}

.diploma__item {
  display       : flex;
  flex-direction: column;
  width         : calc((100% - 2.4rem) / 3)
}

.diploma__img {
  border-radius: 2.8rem
}

.diploma__img img {
  height    : auto !important;
  object-fit: cover
}

.diploma__content {
  padding: 1rem 1.9rem 2.4rem
}

.diploma__name {
  margin-bottom : 2rem;
  font-size     : 2.3rem;
  font-weight   : 400;
  line-height   : 126%;
  letter-spacing: -0.46px
}

@media (max-width:575px) {
  .diploma__items {
    gap: 0
  }

  .diploma__name {
    font-size     : 2rem;
    letter-spacing: -0.4px
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .diploma__name {
    font-size: clamp(2rem, 1.8957rem + 0.2674vw, 2.3rem)
  }
}

@media (max-width:768px) {
  .diploma__item {
    width: 100%
  }

  .diploma__img {
    border-radius: 1.8rem
  }

  .diploma__content {
    padding: 1rem 1.4rem 2.4rem
  }

  .diploma__content-last {
    padding-bottom: 0
  }

  .diploma__name {
    margin-bottom: 1.6rem
  }
}

.diploma__text {
  color         : rgba(var(--black-rgb), 0.6);
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

@media (max-width:575px) {
  .diploma__text {
    font-size     : 1.4rem;
    letter-spacing: -0.14px
  }
}

.academy-rating__value,
.academy-stats__value {
  font-weight   : 500;
  letter-spacing: -0.104rem;
  white-space   : nowrap;
  text-align    : center
}

.academy__wrapper {
  padding   : 8rem 0;
  background: var(--white)
}

.academy__inner {
  display      : flex;
  gap          : 1.2rem;
  margin-bottom: 1.2rem
}

@media (max-width:1160px) {
  .academy__wrapper {
    padding: 4rem 0
  }

  .academy__inner {
    flex-direction: column;
    gap           : 0.8rem;
    margin-bottom : 3rem
  }

  .academy__info {
    width: 100%
  }
}

.academy__info {
  flex          : 1;
  display       : flex;
  flex-direction: column;
  gap           : 3rem;
  padding       : 4rem;
  border        : 1px solid var(--gray-light-2);
  border-radius : 2.8rem
}

@media (max-width:768px) {
  .academy__info {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .academy__info {
    gap    : 1.9rem;
    padding: 1.4rem
  }
}

@supports (padding:clamp(1rem, 2rem, 3rem)) {
  .academy__info {
    padding: clamp(1.4rem, 0.4963rem + 2.3173vw, 4rem)
  }
}

.academy__info h2 {
  margin-bottom: 0
}

.academy__label {
  padding      : 1.4rem 1.8rem;
  border-radius: 100px;
  background   : var(--black);
  color        : var(--white);
  font-size    : 1.8rem;
  max-width    : -moz-max-content;
  max-width    : max-content
}

@media (max-width:575px) {
  .academy__label {
    font-size: 1.6rem
  }
}

.academy__desc {
  font-size  : 2.4rem;
  line-height: normal;
  color      : var(--gray);
  margin-top : -1rem
}

@media (max-width:575px) {
  .academy__desc {
    font-size: 1.8rem
  }

  .academy__img {
    height: 33.5rem
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .academy__desc {
    font-size: clamp(1.8rem, 1.5771rem + 0.5714vw, 2.4rem)
  }
}

.academy__tags {
  max-width: 38rem;
  display  : flex;
  flex-wrap: wrap;
  gap      : 0.8rem
}

.academy__tags li {
  font-size    : 1.4rem;
  line-height  : normal;
  padding      : 0.6rem 1rem;
  border-radius: 10rem;
  background   : var(--gray-bg);
  color        : rgba(var(--black-rgb), 0.6)
}

.academy__img {
  position     : relative;
  width        : 44%;
  border-radius: 2.8rem
}

.academy__img img {
  position          : absolute;
  inset             : 0;
  height            : 100%;
  object-fit        : cover;
  -o-object-position: top;
  object-position   : top
}

@media (max-width:1600px) {
  .academy__img {
    width: 40%
  }
}

.academy-partners {
  display      : flex;
  gap          : 1.2rem;
  margin-bottom: 1.2rem
}

@media (max-width:1160px) {
  .academy__img {
    width: 100%
  }

  .academy-partners {
    flex-direction: column;
    margin-bottom : 3rem;
    background    : var(--gray-bg);
    border-radius : 1.8rem
  }
}

.academy-partners__item {
  display      : flex;
  align-items  : center;
  gap          : 2rem;
  padding      : 1rem;
  border-radius: 1.8rem;
  background   : var(--gray-bg)
}

@media (max-width:1160px) {
  .academy-partners__item {
    width    : 100%;
    gap      : 1.4rem;
    padding  : 0.8rem;
    flex-wrap: wrap
  }
}

.academy-partners__right {
  gap: 2rem
}

.academy-partners__right h3 {
  font-size     : 2rem;
  letter-spacing: -0.04rem
}

@media (max-width:768px) {
  .academy__img {
    border-radius: 1.8rem
  }

  .academy-partners__right {
    flex-direction: column;
    align-items   : flex-start
  }
}

.academy-partners__icon {
  display         : flex;
  align-items     : center;
  justify-content : center;
  width           : 11.8rem;
  height          : 13.4rem;
  border-radius   : 1.8rem;
  flex            : 0 0 auto;
  background-color: var(--white)
}

.academy-partners__icon img {
  display: block;
  width  : 10rem;
  height : auto;
  flex   : 0 0 auto
}

.academy-partners__icon--green {
  background-color: #cad950
}

.academy-partners__icon--green img {
  width: 6.5rem
}

.academy-partners__icon--right {
  width: 16.2rem
}

.academy-partners__icon--right img {
  width: 15rem
}

.academy-partners__icon:nth-child(2) img {
  width: 11.8rem
}

@media (max-width:768px) {
  .academy-partners__icon {
    width : 9rem;
    height: 9rem
  }

  .academy-partners__icon img {
    width: 8rem
  }

  .academy-partners__icon--green img {
    width: 5.5rem
  }

  .academy-partners__icon--right {
    width : 15rem;
    height: 11rem
  }

  .academy-partners__icon--right img {
    width: 12.5rem
  }

  .academy-partners__icon:nth-child(2) img {
    width: 9.3rem
  }
}

@media (max-width:575px) {
  .academy-partners__right h3 {
    font-size: 1.8rem
  }

  .academy-partners__icon {
    width: calc(50% - 0.8rem)
  }
}

.academy-card {
  display      : flex;
  gap          : 1rem;
  margin-bottom: 1.2rem;
  flex-wrap    : wrap
}

.academy-card__item {
  width        : calc((100% - 3rem) / 4);
  border-radius: 1.8rem
}

.academy-card__item img {
  display      : block;
  width        : 100%;
  height       : auto;
  -o-object-fit: cover;
  object-fit   : cover
}

@media (max-width:1160px) {
  .academy-card {
    gap          : 0.8rem;
    margin-bottom: 3rem
  }

  .academy-card__item {
    width: calc((100% - 0.8rem) / 2)
  }
}

@media (max-width:575px) {
  .academy-card__item {
    width     : 100%;
    max-height: 100%;
    height    : 100%
  }

  .academy-card__item img {
    -o-object-fit: contain;
    object-fit   : contain;
    height       : auto
  }
}

.academy-stats {
  display      : flex;
  gap          : 1.2rem;
  margin-bottom: 1.2rem
}

@media (max-width:1160px) {
  .academy-stats {
    margin-bottom : 3rem;
    flex-direction: column;
    gap           : 0.8rem
  }
}

.academy-stats__item {
  width         : calc((100% - 2.4rem) / 3);
  display       : flex;
  flex-direction: column;
  align-items   : center;
  gap           : 1.2rem;
  padding       : 3rem 5.7rem;
  border-radius : 1.8rem;
  background    : var(--gray-bg)
}

@media (max-width:1160px) {
  .academy-stats__item {
    width  : 100%;
    gap    : 1.4rem;
    padding: 3rem 1.5rem
  }
}

.academy-stats__value {
  font-size  : 5.2rem;
  line-height: 102%
}

.academy-stats__desc {
  margin-bottom: 0.8rem;
  font-size    : 2rem;
  line-height  : normal;
  text-align   : center
}

.academy-stats__img {
  width        : 20.3rem;
  display      : block;
  height       : 100%;
  -o-object-fit: contain;
  object-fit   : contain
}

.academy-stats__img--center {
  width: 25rem
}

.academy-rating {
  display      : flex;
  gap          : 1.2rem;
  margin-bottom: 1.2rem
}

@media (max-width:1160px) {
  .academy-rating {
    margin-bottom: 3rem;
    flex-wrap    : wrap;
    gap          : 0.8rem
  }
}

.academy-rating__item {
  width         : calc((100% - 3.6rem) / 4);
  display       : flex;
  flex-direction: column;
  align-items   : center;
  gap           : 1.5rem;
  padding       : 3rem;
  border-radius : 1.8rem;
  border        : 1px solid var(--gray-light-2);
  background    : var(--white)
}

@media (max-width:1160px) {
  .academy-rating__item {
    width  : calc((100% - 0.8rem) / 2);
    gap    : 1.4rem;
    padding: 3rem 1.5rem
  }
}

@media (max-width:575px) {
  .academy-rating__item {
    width: 100%
  }
}

.academy-rating__value {
  font-size    : 5.2rem;
  line-height  : 102%;
  margin-bottom: 1rem
}

.academy-rating__desc {
  font-size  : 1.4rem;
  line-height: 100%;
  color      : var(--gray-medium);
  text-align : center
}

.partners__info,
.partners__info h2 {
  color: var(--white)
}

.academy-rating__logo {
  display      : block;
  height       : 36px;
  width        : auto;
  -o-object-fit: contain;
  object-fit   : contain
}

.partners__wrapper {
  display: flex;
  gap    : 1.2rem
}

@media (max-width:1160px) {
  .partners__wrapper {
    flex-direction: column-reverse;
    gap           : 0.6rem
  }
}

.partners__info {
  width           : 57%;
  padding         : 4rem;
  display         : flex;
  flex-direction  : column;
  background-color: var(--black);
  border-radius   : 4.5rem
}

@media (max-width:768px) {
  .partners__info {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .partners__info {
    padding: 2rem
  }
}

@supports (padding:clamp(1rem, 2rem, 3rem)) {
  .partners__info {
    padding: clamp(2rem, 1.3048rem + 1.7825vw, 4rem)
  }
}

.partners__image {
  flex            : 1;
  display         : flex;
  align-items     : center;
  justify-content : center;
  background-color: var(--white);
  border-radius   : 4.5rem
}

.partners__image img {
  display      : block;
  width        : 30rem;
  height       : auto;
  -o-object-fit: contain;
  object-fit   : contain;
  flex         : 0 0 auto
}

@media (max-width:1160px) {
  .partners__info {
    width: 100%
  }

  .partners__image {
    padding: 4rem
  }

  @supports (padding:clamp(1rem, 2rem, 3rem)) {
    .partners__image {
      padding: clamp(2rem, 1.3048rem + 1.7825vw, 4rem)
    }
  }
}

@media (max-width:768px) {
  .partners__image {
    border-radius: 1.8rem
  }

  .partners__image img {
    width: 20rem
  }
}

.special-offer {
  padding-top: 7rem
}

@media (max-width:575px) {
  .special-offer {
    padding-top: 3rem
  }
}

.special-offer__wrapper {
  display         : flex;
  overflow        : hidden;
  color           : var(--white);
  background-color: var(--black)
}

.special-offer__wrapper {
  border-radius: 2.8rem
}

@media (max-width:768px) {
  .special-offer__wrapper {
    border-radius: 1.8rem
  }
}

@media (max-width:768px) {
  .special-offer__wrapper {
    flex-direction: column
  }
}

.special-offer__img {
  display        : flex;
  align-items    : flex-end;
  justify-content: flex-end;
  position       : relative;
  flex           : 1;
  height         : 41rem;
  overflow       : hidden
}

.special-offer__img img {
  display      : block;
  width        : 100%;
  height       : 100%;
  -o-object-fit: contain;
  object-fit   : contain
}

@media (max-width:575px) {
  .special-offer__img img {
    -o-object-fit: cover;
    object-fit   : cover;
    width        : 140%;
    margin-left  : -20%
  }
}

.special-offer__info {
  display        : flex;
  flex-direction : column;
  justify-content: space-between;
  max-width      : 80rem;
  padding        : 4rem;
  flex           : 1
}

.special-offer__info h2 {
  max-width    : 50rem;
  font-size    : 4.8rem;
  line-height  : 102%;
  margin-bottom: 3.5rem
}

@media (max-width:575px) {
  .special-offer__info h2 {
    margin-bottom : 2rem;
    font-size     : 3rem;
    letter-spacing: -0.06rem
  }
}

@media (max-width:768px) {
  .special-offer__info {
    gap    : 2rem;
    padding: 2rem
  }
}

.special-offer__desc {
  max-width  : 55rem;
  font-size  : 2.2rem;
  line-height: normal
}

@media (max-width:575px) {
  .special-offer__desc {
    font-size  : 1.4rem;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .special-offer__desc {
    font-size: clamp(1.4rem, 1.1219rem + 0.713vw, 2.2rem)
  }
}

.stories {
  overflow: hidden
}

.stories__desc {
  margin-bottom: 50px;
  font-size    : 26px;
  line-height  : normal
}

@media (max-width:575px) {
  .stories__desc {
    font-size  : 14px;
    line-height: 150%
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .stories__desc {
    font-size: clamp(14px, 9.829px + 1.0695vw, 26px)
  }
}

@media (max-width:575px) {
  .stories__desc {
    margin-bottom: 30px
  }
}

.stories-card {
  position        : relative;
  display         : flex;
  flex-direction  : column;
  height          : auto;
  overflow        : hidden;
  background-color: #ffffff;
  border-radius   : 25px;
  transition      : all 0.4s ease
}

@media (max-width:768px) {
  .stories-card {
    border-radius: 20px
  }
}

@media (min-width:1025px) {
  .stories-card:hover .stories-card__play {
    opacity: 1
  }
}

.stories-card-one {
  transition: all 0.4s ease
}

@media (min-width:1025px) {

  .stories-card-one:hover .stories-card__title,
  .stories-card-one:hover .stories-card__text {
    color: #396f49
  }
}

.stories-card-two {
  transition: all 0.4s ease
}

@media (min-width:1025px) {

  .stories-card-two:hover .stories-card__title,
  .stories-card-two:hover .stories-card__text {
    color: #2aa1d8
  }
}

.stories-card-three {
  transition: all 0.4s ease
}

@media (min-width:1025px) {

  .stories-card-three:hover .stories-card__title,
  .stories-card-three:hover .stories-card__text {
    color: #aa68d4
  }
}

.stories-card__play {
  width     : 56px !important;
  height    : 56px !important;
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
  opacity   : 0;
  transition: all 0.4s ease
}

@media (max-width:1160px) {
  .stories-card__play {
    width  : 30px;
    height : 30px;
    opacity: 1
  }
}

.stories-card button {
  position  : absolute;
  left      : 0;
  right     : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  z-index   : 3;
  cursor    : pointer;
  background: transparent;
  border    : none
}

.stories-card__img {
  position     : relative;
  width        : 100%;
  overflow     : hidden;
  border-radius: 25px
}

@media (max-width:768px) {
  .stories-card__img {
    border-radius: 20px
  }
}

.stories-card__img img {
  display      : block;
  width        : 100%;
  height       : auto;
  -o-object-fit: contain;
  object-fit   : contain
}

.stories-card__content {
  padding: 20px 10px 24px
}

@media (max-width:575px) {
  .stories-card__content {
    padding: 16px 8px
  }
}

.stories-card__title {
  margin-bottom : 20px;
  transition    : all 0.4s ease;
  font-size     : 23px;
  font-weight   : 400;
  line-height   : 126%;
  letter-spacing: -0.46px
}

@media (max-width:575px) {
  .stories-card__title {
    font-size     : 20px;
    letter-spacing: -0.4px
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .stories-card__title {
    font-size: clamp(20px, 18.957px + 0.2674vw, 23px)
  }
}

@media (max-width:575px) {
  .stories-card__title {
    margin-bottom: 12px
  }
}

.stories-card__text {
  font-size     : 16px;
  line-height   : 150%;
  letter-spacing: -0.16px;
  opacity       : 0.6;
  transition    : all 0.4s ease
}

.stories-controls {
  margin         : 30px 0;
  padding-right  : 60px;
  display        : flex;
  align-items    : center;
  justify-content: space-between
}

.stories-controls__btn {
  display: flex;
  gap    : 8px
}

.stories-controls__item {
  width          : 70px;
  height         : 38px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 100px;
  background     : #ffffff
}

.stories-controls__item svg {
  fill: #1c1d26
}

.stories-controls .swiper-button-disabled {
  background    : #393b4b;
  pointer-events: none
}

.stories-controls .swiper-button-disabled svg {
  fill: #747487
}

.stories-controls__pagination {
  display : block;
  width   : auto !important;
  position: static
}

@media (max-width:575px) {
  .stories-controls__pagination {
    display: none
  }
}

.stories-controls__pagination .swiper-pagination-bullet {
  width        : 6px !important;
  height       : 6px !important;
  border-radius: 50% !important;
  background   : #b2b2c7;
  transition   : all 0.4s ease !important;
  margin       : 0 3px !important;
  opacity      : 1 !important
}

.stories-controls__pagination .swiper-pagination-bullet-active {
  width        : 30px !important;
  background   : #393b4b !important;
  border-radius: 300px !important;
  transition   : all 0.4s ease !important
}

.stories-popup {
  max-width       : 920px;
  width           : 100%;
  margin          : 0 auto;
  padding         : 40px;
  background-color: #ffffff;
  border-radius   : 28px
}

@media (max-width:768px) {
  .stories-popup {
    border-radius: 18px
  }
}

@media (max-width:768px) {
  .stories-popup {
    max-width: 90%;
    padding  : 20px
  }
}

.stories-popup__video {
  position      : relative;
  width         : 100%;
  padding-bottom: 56.25%;
  height        : 0;
  overflow      : hidden;
  border-radius : 25px
}

@media (max-width:768px) {
  .stories-popup__video {
    border-radius: 16px
  }
}

.stories-popup__video iframe {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  border  : 0;
  display : block
}

.graduates-card {
  display         : flex;
  flex-direction  : column;
  height          : auto;
  overflow        : hidden;
  background-color: var(--white)
}

.graduates-card {
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .graduates-card {
    border-radius: 1.8rem
  }
}

.graduates-card__info {
  padding: 1.4rem 2.5rem 2.4rem
}

@media (max-width:575px) {
  .graduates-card__info {
    padding: 1rem 2rem 2.4rem
  }
}

.graduates-card__name {
  margin-bottom : 1.4rem;
  font-weight   : 500 !important;
  font-size     : 2.3rem;
  font-weight   : 400;
  line-height   : 126%;
  letter-spacing: -0.46px
}

@media (max-width:575px) {
  .graduates-card__name {
    font-size     : 2rem;
    letter-spacing: -0.4px
  }
}

@supports (font-size:clamp(1rem, 2rem, 3rem)) {
  .graduates-card__name {
    font-size: clamp(2rem, 1.8957rem + 0.2674vw, 2.3rem)
  }
}

.graduates-card__before {
  margin-bottom: 15px
}

.graduates-card__before,
.graduates-card__after {
  color         : rgba(var(--black-rgb), 0.6);
  font-size     : 1.6rem;
  letter-spacing: -0.16px
}

@media (max-width:575px) {

  .graduates-card__before,
  .graduates-card__after {
    font-size     : 1.4rem;
    letter-spacing: -0.14px
  }
}

.graduates-card__before span,
.graduates-card__after span {
  color      : #008b6b;
  font-weight: 500
}

.graduates-card__photo {
  aspect-ratio: 1/1;
  width       : 100%;
  position    : relative;
  overflow    : hidden
}

.graduates-card__photo {
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .graduates-card__photo {
    border-radius: 1.8rem
  }
}

@media (max-width:575px) {
  .graduates-card__photo {
    aspect-ratio: 33/30
  }
}

.graduates-card__photo img {
  display      : block;
  position     : absolute;
  inset        : 0;
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover
}

.graduates-card__photo_left img {
  -o-object-position: left;
  object-position   : left
}

.graduates-card__btn {
  max-width       : -moz-max-content;
  max-width       : max-content;
  padding         : 1.4rem 2rem;
  font-size       : 1.4rem;
  font-weight     : 600;
  line-height     : normal;
  background-color: var(--black);
  color           : var(--white)
}

.graduates-card__btn {
  border-radius: 0.8rem
}

@media (max-width:768px) {
  .graduates-card__btn {
    border-radius: 0.6rem
  }
}

.graduates-card__btn {
  transition: all 0.4s ease
}

@media (min-width:1025px) {
  .graduates-card__btn:hover {
    color: rgba(var(--white-rgb), 0.8)
  }
}

@media (max-width:575px) {
  .graduates-card__btn {
    font-size: 1.2rem;
    padding  : 1.2rem 1.6rem
  }
}

.graduates-controls {
  margin-top     : 3rem;
  padding-right  : 6rem;
  display        : flex;
  align-items    : center;
  justify-content: space-between
}

.graduates-controls__btn {
  display: flex;
  gap    : 0.8rem
}

.graduates-controls__item {
  width          : 7rem;
  height         : 4rem;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 10rem;
  background     : var(--white)
}

.graduates-controls__item svg {
  fill: var(--black-alt)
}

.graduates-controls .swiper-button-disabled {
  background    : var(--white);
  pointer-events: none
}

.graduates-controls .swiper-button-disabled svg {
  fill: var(--black-alt)
}

.graduates-controls__pagination {
  display : block;
  width   : auto !important;
  position: static
}

@media (max-width:575px) {
  .graduates-controls__pagination {
    display: none
  }
}

.graduates-controls__pagination .swiper-pagination-bullet {
  width        : 6px !important;
  height       : 6px !important;
  border-radius: 50% !important;
  background   : var(--gray-line);
  transition   : all 0.4s ease !important;
  margin       : 0 3px !important;
  opacity      : 1 !important
}

.graduates-controls__pagination .swiper-pagination-bullet-active {
  width        : 3rem !important;
  background   : var(--gray-dark-alt) !important;
  border-radius: 30rem !important;
  transition   : all 0.4s ease !important
}

.graduates__slider {
  margin-right: calc(50% - 50vw);
  overflow    : visible
}

.academy-license {
  position: relative
}

.academy-license__link {
  position  : absolute;
  top       : 0;
  bottom    : 0;
  width     : 50%;
  cursor    : pointer;
  transition: background-color 0.2s
}

.academy-license__link:hover {
  background-color       : rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: brightness(1.1);
  backdrop-filter        : brightness(1.1)
}

.academy-license__link--left {
  left: 0
}

.academy-license__link--right {
  right: 0
}

.program-partner__wrapper {
  display: flex;
  gap    : 1.2rem
}

@media (max-width:1160px) {
  .program-partner__wrapper {
    flex-direction: column;
    gap           : 0.6rem
  }
}

.program-partner__info {
  width         : 57%;
  padding       : 4rem;
  display       : flex;
  flex-direction: column;
  border        : 1px solid var(--gray-light-2);
  background    : linear-gradient(97deg, #EDF1EC 1.39%, #94B8A6 228.45%)
}

.program-partner__info {
  border-radius: 2.8rem
}

@media (max-width:768px) {
  .program-partner__info {
    border-radius: 1.8rem
  }
}

.program-partner__info {
  gap: 3rem
}

@supports not (gap:1rem) {
  .program-partner__info>*:not(:last-child) {
    margin-bottom: 3rem
  }
}

@media (max-width:1160px) {
  .program-partner__info {
    gap: 1.4rem
  }

  @supports not (gap:1rem) {
    .program-partner__info>*:not(:last-child) {
      margin-bottom: 1.4rem
    }
  }
}

@media (max-width:1160px) {
  .program-partner__info {
    width: 100%
  }
}

@media (max-width:575px) {
  .program-partner__info {
    padding: 2rem
  }
}

@supports (padding:clamp(1rem, 2rem, 3rem)) {
  .program-partner__info {
    padding: clamp(2rem, 1.3048rem + 1.7825vw, 4rem)
  }
}

.program-partner__info h2 {
  margin: 0
}

@media (max-width:575px) {
  .program-partner__info h2 {
    font-size: 2.7rem
  }
}

.program-partner__meta {
  max-width    : max-content;
  font-weight  : 500;
  padding      : 1.4rem 1.8rem;
  border-radius: 10rem;
  background   : var(--black);
  color        : var(--white)
}

@media (max-width:575px) {
  .program-partner__meta {
    font-size: 1.2rem;
    padding  : 1rem 1.4rem
  }
}

.program-partner__image {
  position: relative;
  flex    : 1;
  overflow: hidden
}

.program-partner__image {
  border-radius: 4.5rem
}

@media (max-width:768px) {
  .program-partner__image {
    border-radius: 1.8rem
  }
}

.program-partner__image img {
  position  : absolute;
  display   : block;
  inset     : 0;
  width     : 100%;
  height    : 100%;
  object-fit: cover
}

@media (max-width:1160px) {
  .program-partner__image {
    flex        : none;
    aspect-ratio: 1.1/1
  }
}

.program-accordion-partners.program-accordion__item {
  background-color: var(--cool-indigo);
  color           : var(--white)
}

@media (max-width:575px) {
  .program-accordion-partners .program-accordion__inner {
    flex-direction: column;
    gap           : 0
  }
}

.program-accordion-partners .program-accordion-result {
  background-color: var(--white);
  color           : var(--black)
}

.program-accordion-partners .program-accordion__num {
  color: var(--black)
}

.program-accordion-partners .program-accordion__divider {
  background-color: var(--white)
}

.program-accordion-add .program-accordion__item {
  background-color: var(--gray-sky-bg)
}

.program-accordion-add .program-accordion__num {
  background-color: var(--black);
  color           : var(--white)
}

.program-final {
  background-color: var(--green);
  color           : var(--white);
  padding         : 2rem
}

.program-final {
  border-radius: 1.8rem
}

@media (max-width:768px) {
  .program-final {
    border-radius: 0.8rem
  }
}

@media (max-width:575px) {
  .program-final {
    padding: 1.4rem
  }
}

@media screen and (max-width:768px) {
  .program-final .program-accordion__inner {
    padding-top: 6rem;
    position   : relative
  }
}

.program-final .program-accordion__num {
  background: var(--black);
  color     : var(--white)
}

.program-final__text {
  font-size     : 1.8rem;
  line-height   : 126%;
  letter-spacing: -0.36px
}

@media (max-width:575px) {
  .program-final__text {
    font-size     : 1.4rem;
    line-height   : 150%;
    letter-spacing: normal
  }
}

.program-final .program-accordion-result {
  background-color: var(--white);
  color           : var(--black)
}

.program-final .program-accordion__logo {
  flex         : 1;
  padding-right: 6.5rem
}

@media screen and (max-width:768px) {
  .program-final .program-accordion__logo {
    padding : 0;
    top     : 0;
    left    : 0;
    position: absolute
  }
}

.program-final .program-accordion__logo img {
  width      : 7rem;
  height     : auto;
  display    : block;
  margin-left: auto;
  object-fit : contain
}

@media screen and (max-width:768px) {
  .program-final .program-accordion__logo img {
    width : 4.9rem;
    margin: 0
  }
}

@media screen and (max-width:1250px) {
  .program-accordion-partners .program-accordion__inner {
    padding-top: 7rem;
    position   : relative
  }
}

@media screen and (max-width:768px) {
  .program-accordion-partners .program-accordion__inner {
    padding-top: 0
  }
}

@media screen and (max-width:1250px) {
  .program-accordion-partners .program-accordion__tariff {
    top     : 0;
    left    : 0;
    right   : 6rem;
    position: absolute
  }
}

@media screen and (max-width:900px) {
  .program-accordion-partners .program-accordion__tariff {
    position: relative
  }
}

@media screen and (max-width:900px) {
  .program-accordion-partners .program-accordion__inner {
    padding-top: 0;
    position   : relative
  }
}

@media (max-width:360px) {
  .program-final .program-accordion__num-1 {
    display: none
  }
}


:root{--black-alt:#161618}.career{overflow:hidden}.career h2{margin-bottom:3rem;color:var(--white)}@media (max-width:575px){.career h2{margin-bottom:2rem}}.career__wrapper{padding:5rem;background-color:var(--black)}.career__wrapper{border-radius:5rem}@media (max-width:768px){.career__wrapper{border-radius:1.8rem}}.career__wrapper{overflow:hidden}@media (max-width:575px){.career__wrapper{padding:2rem}}@supports (padding:clamp(1rem,2rem,3rem)){.career__wrapper{padding:clamp(2rem,0.82rem + 3.03vw,5rem)}}.career__slider{overflow:visible}.career__subtitle{margin-bottom:6rem;max-width:980px;color:var(--gray-light-2);font-size:2.2rem;font-weight:400;line-height:126%;letter-spacing:-0.46px}@media (max-width:575px){.career__subtitle{font-size:1.4rem;line-height:150%}}@supports (font-size:clamp(1px,2px,3px)){.career__subtitle{font-size:clamp(1.4rem,1.08rem + 0.81vw,2.2rem)}}@media (max-width:575px){.career__subtitle{margin-bottom:3rem}}.career__inner{align-items:stretch}.career-card{display:flex;flex-direction:column;overflow:hidden;background-color:var(--white);color:var(--black-alt)}.career-card{border-radius:4.5rem}@media (max-width:768px){.career-card{border-radius:1.8rem}}.career-card__img{position:relative;overflow:hidden;height:0;padding-top:360px;}.career-card__img{border-radius:4.5rem}@media (max-width:768px){.career-card__img{border-radius:1.8rem}}.career-card__img img{position:absolute;top:0;left:0;right:0;width:100%;height:100%;object-fit:cover;display:block}.career-card__img span{position:absolute;bottom:20px;left:20px;padding:16px 18px;border-radius:100px;color:var(--white);background:var(--green);font-size:1.6rem;letter-spacing:-0.16px}@media (max-width:575px){.career-card__img span{font-size:1.4rem;letter-spacing:-0.14px}}@media (max-width:575px){.career-card__img span{bottom:10px;left:10px;padding:10px 12px}}@media (max-width:575px){.career-card__img{padding-top:300px}}@media (max-width:350px){.career-card__img{padding-top:200px}}.career-card__content{padding:14px 30px 30px}@media (max-width:575px){.career-card__content{padding:10px 20px 24px}}@media (max-width:350px){.career-card__content{padding:10px}}.career-card__title{margin-bottom:14px;font-weight:500;font-size:2.3rem;font-weight:500;line-height:126%;letter-spacing:-0.46px}@media (max-width:575px){.career-card__title{font-size:2rem;letter-spacing:-0.4px}}@supports (font-size:clamp(1rem,2rem,3rem)){.career-card__title{font-size:clamp(2rem,1.8957rem + 0.2674vw,2.3rem)}}.career-card__desc{color:rgba(28,29,38,0.6);font-size:1.6rem;letter-spacing:-0.16px}@media (max-width:575px){.career-card__desc{font-size:1.4rem;letter-spacing:-0.14px}}.career-controls{margin-top:3rem;display:flex;align-items:center;justify-content:space-between}.career-controls__btn{display:flex;gap:8px}.career-controls button:focus,.career-controls button:focus-visible,.career-controls button:active{outline:none;box-shadow:none}.career-controls__item{padding:0;margin:0;border:none;background:transparent;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;width:70px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:100px;background:var(--white);cursor:pointer}.career-controls__item svg{color:var(--black-alt)}.career-controls .swiper-button-disabled{background:var(--gray-dark);pointer-events:none}.career-controls .swiper-button-disabled svg{color:var(--gray)}.career-controls__pagination{display:block;width:auto !important;position:static}@media (max-width:575px){.career-controls__pagination{display:none}}.career-controls__pagination .swiper-pagination-bullet{width:6px !important;height:6px !important;border-radius:50% !important;background:var(--gray-light-2);transition:all 0.4s ease !important;margin:0 3px !important;opacity:1 !important}.career-controls__pagination .swiper-pagination-bullet-active{width:30px !important;background:var(--gray-dark) !important;border-radius:300px !important;transition:all 0.4s ease !important}
    .job-help{margin-top:20px;max-width:max-content;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:100px;border:0.7px solid #BFE95D;color:var(--white);font-size:16px;line-height:1}@media (max-width:768px){.job-help{margin-left:auto;margin-right:auto}}@media (max-width:575px){.job-help{font-size:14px}}@media (max-width:350px){.job-help{font-size:13px}}.job-help img{width:2rem !important;height:2rem !important;display:block;transform-origin:center;transition:transform 0.2s}.job-help:hover img{animation:heartbeat 0.8s ease-in-out}@keyframes heartbeat{0%,100%{transform:scale(1)} 15%{transform:scale(1.15)} 30%{transform:scale(1)} 45%{transform:scale(1.15)} 60%{transform:scale(1)}}