@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --color-text: #303030;
    --font-nunito: "Nunito Sans", sans-serif;
    --color-text-black: #1f1f1f;
    --color-pink: #EA258F;
    --color-white: #fff;
    --color-footer-bg: #F4F4F4;
}

html, body {
    overscroll-behavior: none;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    font-family: var(--font-nunito);
}

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

h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text);
}

.logo {
    max-width: 262px;
    height: 80px;
}

.main {
    flex: 1 0;
}

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

.container {
    margin: 0 auto;
    max-width: 1260px;
}

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

p, span {
    color: var(--color-text);
}

/* Работает в Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-pink) #4c594c;
}

*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--color-pink);
    border-radius: 20px !important;
}


button {
    cursor: pointer;
    border: none;
    font-size: 16px;
    font-weight: 900;
}

.bold-900 {
    font-weight: 900;
}

.btn {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 40px;
    padding-left: 52px;
    display: flex;
    align-items: center;
    position: relative;
    background: var(--color-pink);
    color: var(--color-white);
    max-width: 255px;
    width: 100%;
    border-radius: 16px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid transparent;
    transition: 0.3s;
}

.btn span {
    margin-right: 12px;
    display: inline-block;
    color: inherit;
}

.btn svg {
    fill: white;
    transition: all 0.3s;
}

.btn:hover {
    background: var(--color-white);
    border-color: var(--color-pink);
    color: var(--color-pink);
}

.btn:hover svg {
    fill: var(--color-pink);
}

.btn:hover .btn-o[data-hover=true] {
    background: var(--color-white);
    border-color: var(--color-pink);
    color: var(--color-pink);
}

.btn:hover .btn-o[data-hover=true] svg {
    fill: var(--color-pink);
}

@media (max-width: 468px) {
    .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
    }
}

.btn-o {
    background: transparent;
    border: 1px solid var(--color-pink);
    color: var(--color-pink);
    display: flex;
    align-items: center;
}

.btn-o svg {
    fill: var(--color-pink);
}

.btn-o:hover {
    background: var(--color-pink);
    border-color: transparent;
    color: var(--color-white);
}

.btn-o:hover svg {
    fill: var(--color-white);
}

.btn-o:hover ~ .btn {
    background: var(--color-white);
    border-color: var(--color-pink);
    color: var(--color-pink);
}

.btn-o:hover ~ .btn svg {
    fill: var(--color-pink);
}

.read-more-btn {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    font-weight: bold;
    width: 100%;
    display: none;
}

.read-more-btn svg {
    width: 24px;
    height: 24px;
}

.read-more-btn span {
    color: var(--color-pink);
}

.read-more-btn.collapse {
    display: none;
}

@media (max-width: 768px) {
    .read-more-btn {
        display: flex;
    }
}

.collapse {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    font-weight: bold;
    width: 100%;
}

.collapse svg {
    width: 24px;
    height: 24px;
}

.collapse span {
    color: var(--color-pink);
}

.list-char-component ul li {
    max-width:100%;/* 200px;*/
    padding-bottom: 10px;
    display: flex;
}
.what-to-expect__list ul li {
    flex-direction: column;
    align-items: flex-start;
}

.list-char-component ul li img {
    margin-bottom: 10px;
    width: 64px;
    height: 64px;
}

.list-char-component ul li p {
    line-height: 160%;
}

.list-char-component ul li span {
    color: var(--color-text);
    font-weight:700;
    font-size: 20px;
    line-height: 1.2;
    position:relative;
    padding-left:20px;
    padding-top:0;
}
.list-char-component ul li img{
    width:20px;
    height:20px;
    position:relative;
    margin-top: 4px;
}
/*.list-char-component ul li span:before {
    position:absolute;
    content:'';
    width:20px;
    height:20px;
    background: url(../images/clock.svg) no-repeat center/contain;
    top:3px;
    left:0;
}*/

.video {
    position: relative;
    max-width: 337px;
    width: 100%;
    height:537px;
    border-radius: 20px;
    overflow: hidden;
}

.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.video .play {
    position: relative;
    width: 100px;
    height: 100px;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    z-index: 2;
}

.video .play::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 41px;
    background: url(../images/play.svg) no-repeat center/contain;
    margin-left:5px;
}

.close-btn {
    position: absolute;
    top: 36px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: none;
    background: url(../images/close.svg) no-repeat center/contain;
    display: none;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
 /* 1 */
    -webkit-text-size-adjust: 100%;
 /* 2 */
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
 /* 1 */
    font-size: 1em;
 /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
 /* 1 */
    text-decoration: underline;
 /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
 /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
 /* 1 */
    font-size: 1em;
 /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
 /* 1 */
    font-size: 100%;
 /* 1 */
    line-height: 1.15;
 /* 1 */
    margin: 0;
 /* 2 */
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
 /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
 /* 1 */
    color: inherit;
 /* 2 */
    display: table;
 /* 1 */
    max-width: 100%;
 /* 1 */
    padding: 0;
 /* 3 */
    white-space: normal;
 /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
 /* 1 */
    padding: 0;
 /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
 /* 1 */
    outline-offset: -2px;
 /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
 /* 1 */
    font: inherit;
 /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/*Futura*/
@font-face {
    font-family: "Futura PT Demi";
  src: url("../fonts/futura_pt_demi.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/futura_pt_demi.eot?#iefix") format("embedded-opentype"), url("../fonts/futura_pt_demi.woff2") format("woff2"), url("../fonts/futura_pt_demi.woff") format("woff"), url("../fonts/futura_pt_demi.ttf") format("truetype"), url("../fonts/futura_pt_demi.svg#futura_pt_demi") format("svg"); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: "Futura PT Book";
  src: url("../fonts/futura_pt_book.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/futura_pt_book.eot?#iefix") format("embedded-opentype"), url("../fonts/futura_pt_book.woff2") format("woff2"), url("../fonts/futura_pt_book.woff") format("woff"), url("../fonts/futura_pt_book.ttf") format("truetype"), url("../fonts/futura_pt_book.svg#futura_pt_book") format("svg"); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: "Futura PT Light";
  src: url("../fonts/futura_pt_light.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/futura_pt_light.eot?#iefix") format("embedded-opentype"), url("../fonts/futura_pt_light.woff2") format("woff2"), url("../fonts/futura_pt_light.woff") format("woff"), url("../fonts/futura_pt_light.ttf") format("truetype"), url("../fonts/futura_pt_light.svg#futura_pt_light") format("svg"); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: "Futura PT Medium";
  src: url("../fonts/futura_pt_medium.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/futura_pt_medium.eot?#iefix") format("embedded-opentype"), url("../fonts/futura_pt_medium.woff2") format("woff2"), url("../fonts/futura_pt_medium.woff") format("woff"), url("../fonts/futura_pt_medium.ttf") format("truetype"), url("../fonts/futura_pt_medium.svg#futura_pt_medium") format("svg"); /* Chrome < 4, Legacy iOS */
}
/* PlayfairDisplaySC */
@font-face {
    font-family: "PlayfairDisplaySC-Regular";
  src: url("../fonts/PlayfairDisplaySC-Regular.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/PlayfairDisplaySC-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplaySC-Regular.woff2") format("woff2"), url("../fonts/PlayfairDisplaySC-Regular.woff") format("woff"), url("../fonts/PlayfairDisplaySC-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "PlayfairDisplaySC-Bold";
  src: url("../fonts/PlayfairDisplaySC-Bold.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/PlayfairDisplaySC-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplaySC-Bold.woff2") format("woff2"), url("../fonts/PlayfairDisplaySC-Bold.woff") format("woff"), url("../fonts/PlayfairDisplaySC-Bold.ttf") format("truetype");
}
/* Poppins */
@font-face {
    font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light"); /* IE 9 Compatibility Mode */
  src: url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.eot"); /* IE 9 Compatibility Mode */
  src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype");
}

.header {
    padding-top: 27px;
    padding-bottom: 27px;
}

.header .nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

.menu-btn {
    display: none;
    width: 24px;
    height: 24px;
}

.header.header--fixed {
  position: fixed;
  background: #ffffff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  padding: 17px 0;
  z-index:10;
}
.menu-btn.menu--fixed {
    top: 8px;
 }
.header.header--fixed .close-btn{
     top:7px;
 }
.header.active.header--fixed,.header.header--fixed.active {z-index:20}
.header__logo {
    display: block;
    background-size:contain;
    background-position: center;
    background-repeat:no-repeat;
    width: 263px;
    height: 0;
    position: relative;
    margin-right: auto;
    opacity:0;
    overflow:hidden;
}
.header__links {
    display:none;
    opacity:0;
    overflow:hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 60px;
}

.header__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__socials li {
  margin-right: 13px;
  font-size: 0;
}
.header__socials img, .header__socials svg {
  display: block;
}

@media (max-width: 991px) {
    .header.header--fixed {
        padding: 5px 0;
    }
    .header.header--fixed .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
  .header .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right:80px;
  }
  .header--fixed .header__logo {
    opacity:1;
    height: 45px;
 }
  .header__logo {
    width: 150px;
  }
  .header--fixed .header__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity:1;
    margin-right: 0px;
 }
  .header__socials li {
    margin-right: 11px;
  }
   .header__socials li img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width:600px) {
    .header .container {
        padding-right:65px;
    }
    .menu-btn.menu--fixed {
        top: 14px;
    }
}
@media (max-width:400px) {
    .header__logo {
        margin-right: 15px;
    }
 .header__links {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
    .header {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header .nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 30;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%);
        transition: all 0.3s;
    }

    .header .nav.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .header .nav ul {
        padding-top: 90px;
        padding-bottom: 90px;
        padding-left: 50px;
        padding-right: 20px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
    }

    .header .nav ul li {
        margin-bottom: 20px;
    }

    .header .nav ul li:last-child {
        margin-bottom: 0;
    }

    .menu-btn {
        position: fixed;
        top: 50px;
        right: 30px;
        width: 40px;
        height: 40px;
        background: transparent;
        z-index: 20;
        display: block;
    }

    .menu-btn svg {
        display: block;
        width: 100%;
        height: 100%;
    }
}

.hero {
    padding-top: 105px;
    padding-bottom: 50px;/*125px;*/
    background: url("../images/hero-bg.jpg") no-repeat center/cover;
}

.hero .logo {
    margin-bottom: 30px;/*50px;*/
}
.hero .logo img{
    height:auto;
}
.hero__text {
    margin-bottom:40px;/* 44px;*/
    max-width: 790px;/*680px;*/
}

.hero__text p:nth-child(1) {
    margin-bottom: 30px;/*60px;*/
    font-size: 30px;
    color: var(--color-text);
}

.hero__text h1 {
    margin: 0;
    margin-bottom: 0px;
    font-size: 60px;
    font-weight: 900;
    color: var(--color-text-black);
}
.hero__text h2{
    font-size: 60px;
  line-height: 1.2;
  font-weight: 900;
  color: #EA258F;
  font-family: "Nunito Sans", sans-serif;
  margin-bottom:30px;/*50px;*/
}
@media(max-width:1299px){
    .hero__text h1 {
        font-size: 56px;
    }
    .hero__text h2 {
        font-size: 56px
    }
}
.hero__text p {
    font-size: 22px;
    color: var(--color-text-black);
    line-height: 160%;
    max-width:494px;/*400px;*/
}

.hero__application {
    margin-bottom:30px;/* 60px;*/
    display: flex;
    align-items: center;
}

.hero__application .btn {
    margin-right:30px;/* 12px;*/
}
.hero__content .hero__application .btn {
    padding-right: 143px;
    padding-left: 143px;
    max-width: 438px;
    width: 438px;
}
.hero__application strong {
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
    color: var(--color-pink);
    max-width: 227px;
    width: 100%;
    line-height: 130%;
}

.hero__course-char {
    /*max-width: 632px;*/
    padding-top: 10px;
    width: 438px;
    border: 3px solid #EA2590;
    border-radius: 20px;
    padding: 20px 20px 10px;
    margin-bottom: 40px;
    position:relative;
    overflow: hidden;
}
.hero__course-char .white-bg{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    opacity:0.8;
}
.hero__course-char ul {
    z-index:1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

@media (max-width: 980px) {
    .hero {
        padding-top: 50px;
    }
}

@media (max-width: 564px) {
    .hero {
        padding-bottom: 60px;
        background: url(../images/hero-bg-mobi.jpg) no-repeat center/cover;
    }

    .hero__application {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .hero__application .btn {
        margin-bottom: 20px;
    }

    .hero__course-char ul {
        flex-direction: column;
        flex-wrap: wrap;
    }

    /*.hero__course-char ul li {
        margin-bottom: 16px;
    }
    .hero__course-char ul li:last-child {
        margin-bottom: 0;
    }*/
}

@media (max-width: 500px) {
    .hero .logo {
        margin-bottom: 38px;
        max-width: 184px;
    }

    .hero__text p:first-child {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .hero__text h1 {
        margin-bottom: 12px;
        font-size: 40px;
    }

    .hero__application {
        margin-bottom: 70px;
    }
    .next_price {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.about-course {
    padding-top:50px;/* 100px;*/
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
}

.about-course__descr {
    margin-bottom: 100px;
    display: flex;
    justify-content:flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.about-course__descr-item:nth-child(2n-1) {
    width:62%;
    min-width: 741px;
    padding-right: 40px;
    margin-bottom: 30px;
}
.about-course__descr-item:nth-child(2n) {
    width:38%;
    min-width:337px;
}
/*.about-course__descr-item:nth-child(2n-1).width_all {
    width:100%;
    column-width: 48%;
	column-count: 2;
	column-gap: 4%;
}*/
.about-course__descr-item:nth-child(2n).width_all {
    width:0;
    min-width:0;
    display:none;
}
.about-course__descr-item p {
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 160%;
    margin-top: 40px;
    max-width: 608px;
}
.about-course__descr-item h2 {
    max-width: 608px;
}
.about-course__descr-item span {
    max-width:100%;
    padding:10px 0;
    display:block;
    font-size: 20px;
    line-height: 1.3;
}
/*.about-course__descr-item:nth-child(2n-1).width_all h2 {
    max-width:100%;
}
.about-course__descr-item:nth-child(2n-1).width_all p {
    max-width:100%;
}*/
.about-course__descr-item p:last-child {
    margin-bottom: 0;
}
.about-course__descr-item .tags{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.about-course__descr-item .tags span{
    background: #303030;
    color: #fff;
    padding: 12px 32px;
    border-radius: 16px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.6;
    font-size:17px;
}

.about-course__descr-item .tags span{
    width:calc(50% - 10px);
}
.about-course__descr-item ul{
    list-style: disc;
    padding:30px 0 30px 26px;
}
.about-course__descr-item ul.green_ul{
    list-style: none;
    padding: 30px 0;
    max-width: 715px;
}
.about-course__descr-item li{
    font-size: 18px;
    line-height: 1.6;
}
.about-course__descr-item ul.green_ul li{
    font-size: 17px;
    line-height: 1.6;
    font-weight: 700;
    /*text-align: center;*/
    background: #E8FCE5;
    margin-bottom: 10px;
    border-radius: 16px;
    padding: 12px 32px;
}
.about-course__item {
    margin-bottom: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-text-black);
}

.about-course__item:first-child {
    justify-content: flex-end;
}

.about-course__item:first-child h3 {
    margin-right: 75px;
}

.about-course__item:last-child {
    margin-bottom: 0;
}

.about-course__item:nth-child(even) .about-course__item-text {
    order: 2;
}

.about-course__item:nth-child(even) picture {
    order: 1;
}

.about-course__item:nth-child(even) .about-course__item-text h3 {
    margin-bottom: 50px;
}

.about-course__item-text {
    max-width: 500px;
    font-size: 18px;
}

.about-course__item-text p {
    margin-bottom: 32px;
    line-height: 160%;
}

.about-course__item h3 {
    line-height: 130%;
    font-weight: 900;
    font-size: 30px;
}

@media (max-width: 1340px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .about-course__descr-item:nth-child(2n) {
        min-width: 337px;
        width: 337px;
    }
    .about-course__descr-item:nth-child(2n-1) {
        min-width: calc(100% - 337px);
    }
}

@media (max-width: 1200px) {
    .about-course__item:nth-child(2n) picture {
        margin-right: 20px;
    }
}

@media (max-width: 824px) {
    .about-course__item:first-child h3,
  .about-course__item:nth-child(2n) .about-course__item-text h3 {
        font-size: 24px;
    }

    .about-course__item:nth-child(2n) .about-course__item-text h3 {
        margin-bottom: 40px;
    }

    .about-course__item-text {
        max-width: 55%;
    }

    .about-course__item picture {
        width: 40%;
        flex-shrink: 0;
    }
}

.what-to-expect {
    padding-top: 100px;
    padding-bottom: 160px;
    position: relative;
}

.what-to-expect .what-to-expect__img-mobi {
    display: none;
}

.what-to-expect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48.8541%;
    height: 100%;
    background: url("../images/photo.jpg") no-repeat center/cover;
}

.what-to-expect::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 51.1458%;
    height: 100%;
    background: url("../images/what-bg.webp") no-repeat center/cover;
}

.what-to-expect__imgs {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.what-to-expect__descr {
    margin-left: auto;
    position: relative;
    z-index: 2;
    width: 48.1746%;
}

.what-to-expect__descr h2 {
    margin-bottom: 60px;
    font-size: 30px;
    color: var(--color-text);
    font-weight: 900;
}

.what-to-expect__list ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

.what-to-expect__list ul li {
    max-width: calc(25% - 40px);
}

@media (max-width: 1191px) {
    .what-to-expect__list ul li {
        max-width: calc(50% - 40px);
    }
}

@media (max-width: 700px) {
    .what-to-expect:before {
        display: none;
    }

    .what-to-expect:after {
        width: 100%;
    }

    .what-to-expect__descr {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .what-to-expect {
        padding-top: 0;
        padding-bottom: 90px;
    }

    .what-to-expect .what-to-expect__img-mobi {
        margin-bottom: 60px;
        position: relative;
        display: block;
        z-index: 5;
    }
}

@media (max-width: 375px) {
    .benefit h2 {
        font-size: 24px;
    }

    .what-to-expect__descr h2 {
        margin-bottom: 32px;
    }

    .what-to-expect__list ul li {
        margin: 0 auto;
        max-width: 281px;
    }

    .what-to-expect__list ul li img {
        margin: 0 auto;
    }

    /*.what-to-expect__list ul li p {
        text-align: center;
    }*/
}

.program {
    padding-bottom: 50px;
    padding-top: 30%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
.program h2{
    font-size: 55px;
    font-weight: 900;
    color: #D8527A;
    line-height: 1;
}
.program .list-char-component ul li img {
  width: auto;
  height: 75px;
  margin-bottom: 25px;
  margin-top: 50px;
}
.program .list-char-component ul li p {
  font-size: 22px;
}
.program__list {
    padding-bottom: 20px;
    padding-top: 120px;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}

.program__item {
    display: flex;
    flex-direction:row;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
}

.program__item h3 {
    position: relative;
    /*font-size: 35px;
    color: #1F1F1F;
    font-weight: 700;
    line-height: 1.2;*/
    font-size: 55px;
    font-weight: 900;
    color: #D8527A;
    line-height: 1;
}

.program__item img {
    width:75px;
    height:auto;
}

.program__body {
    /*margin: 0 auto;*/
    position: relative;
    /*width: calc(100% - 75px);
    padding-left: 50px;*/
}

.program__body p {
    margin-bottom: 28px;
    font-size: 18px;
    color: var(--color-text);
    line-height: 160%;
    font-weight: bold;
}

.program__item ul {
    /*column-count: 2;*/
    margin: 30px 0 50px;
}
.program__item ul li ul{
    list-style: disc;
    margin-left:22px;
}

.program__body ul.open {
    margin-bottom: 28px;
    display: block;
}

.program__body li {
    width: 100%;
    /*margin-bottom:30px;*/
    font-size: 22px;
    color: var(--color-text);
    line-height: 160%;
    /*padding-right: calc(50% - 198.5px);
    break-inside: avoid-column;*/
    max-width: 853px;
}

.program__body li:last-child {
    margin-bottom: 0;
}

.program .hero__application {
    /*margin-left: 120px;*/
    max-width: 500px;
}

.program .hero__application .btn {
    margin-right: 24px;
}

@media (max-width: 1280px) {
    .program__list {
        gap: 20px;
    }
}
@media (max-width: 1199px) {
    .header .nav ul {
        font-size:16px;
    }
}
@media (max-width: 1110px) {
    .program__header span {
        padding-bottom: 14px;
        font-size: 25px;
    }

    .program__header span::before {
        height: 2px;
        bottom: 6px;
    }

    .program__header h3 {
        font-size: 30px;
    }
}
@media (max-width: 1024px) {
    .hero__text {
        max-width: 535px;
    }
    .program__body li {
        padding-right: 20px;
    }
}

.banner-social {
    margin-top: 100px;
    margin-bottom: 120px;
}

.banner-social .social-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner-social .social-links li {
    position: relative;
    font-size: 24px;
    color: var(--color-text);
    line-height: 110%;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(138deg, #f5d8e4 0%, #f7e9b9 100%);
}

.banner-social .social-links li a {
    position: relative;
    z-index: 3;
}

.banner-social .social-links li::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 110px;
    height: 120px;
    z-index: 2;
}

.banner-social .social-links li:nth-child(1) {
    background: linear-gradient(138deg, #f5d8e4 0%, #f7e9b9 100%);
}

.banner-social .social-links li:nth-child(1)::before {
    background: url(../images/logo-icon.svg) no-repeat center/contain;
}

.banner-social .social-links li:nth-child(2) {
    background: linear-gradient(138deg, #f5d8f3 0%, #b9c9f7 100%);
}

.banner-social .social-links li:nth-child(2)::before {
    background: url(../images/vk-white-icon.svg) no-repeat center/contain;
}

.banner-social .social-links li:nth-child(3) {
    background: linear-gradient(138deg, #d5fae3 0%, #b1d7f5 100%);
}

.banner-social .social-links li:nth-child(3)::before {
    background: url(../images/telegram-white-icon.svg) no-repeat center/contain;
}

.banner-social .social-links li:nth-child(4) {
    background: linear-gradient(138deg, #f9fad5 0%, #80d972 100%);
}

.banner-social .social-links li:nth-child(4)::before {
    background: url(../images/ya-white-icon.svg) no-repeat center/contain;
}

.banner-social .social-links li a {
    display: block;
    padding-top: 30px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 136px;
}

@media (max-width: 1200px) {
    .banner-social .social-links li a {
        padding-right: 130px;
    }
}

@media (max-width: 1185px) {
    .banner-social .social-links li {
        background-size: 0% 50%;
        width: 24%;
    }

    .banner-social .social-links li a {
        padding-right: 0;
    }
}

@media (max-width: 1150px) {
    .banner-social .social-links {
        display: grid;
        grid-template-columns: 2fr 2fr;
        gap: 10px;
    }

    .banner-social .social-links li {
        width: 100%;
    }
}

@media (max-width: 961px) {
    .banner-social .social-links {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
    }
}

@media (max-width: 620px) {
    .banner-social .social-links {
        display: grid;
        grid-template-columns: 4fr;
        gap: 10px;
    }
}

@media (max-width: 465px) {
    .banner-social {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.banner {
    padding-top: 130px;
    padding-bottom: 130px;
    background: url(../images/banner-count.jpg) no-repeat center/cover;
}

.banner h2 {
    margin-bottom: 50px;
    font-size: 50px;
    color: var(--color-white);
    line-height: 110%;
    font-weight: 900;
}

.banner .btn {
    max-width: 310px;
}

@media (max-width: 681px) {
    .banner h2 {
        font-size: 32px;
    }
}

@media (max-width: 468px) {
    .banner .btn {
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
}
.benefit {
    padding-top: 90px;
    padding-bottom: 120px;
}

.benefit h2 {
    margin-bottom: 60px;
    font-size: 55px;
    font-weight: 900;
    color: #D8527A;
    max-width: 485px;
}
.benefit .descr{
    font-size: 22px;
    max-width: 715px;
    margin-bottom: 60px;
    line-height:1.6;
}
.benefit__list .title{
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to bottom, #D8527A, #D8C354);
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
}
.benefit__list ul {
    display: flex;
    justify-content:flex-start;
    gap:40px;
}

.benefit__list ul li {
    max-width: 289px;
    width: 289px;
    height: 289px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.12);
    -webkit-transition: -webkit-box-shadow ease-in-out .2s;
    transition: -webkit-box-shadow ease-in-out .2s;
    transition: box-shadow ease-in-out .2s;
    transition: box-shadow ease-in-out .2s,-webkit-box-shadow ease-in-out .2s;
}
.benefit__list ul li  p {
  font-size: 16px;
  font-weight: 600;
  max-width: 145px;
  text-align: center;
}

@media (max-width: 991px) {
    /*.program__item ul {
        column-count: 1;
    }*/
    .what-to-expect__list ul{
        gap:20px;
        margin-top:30px;
    }
    .benefit .descr {
        max-width: 570px;
    }
    .program__list {
        padding-top: 70px;
    }
    .hero__application {
        margin-bottom: 40px;
    }
    .benefit {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .benefit h2 {
        margin-bottom: 40px;
    }
    .benefit__list ul {
        gap: 20px;
    }
    .benefit__list ul li {
        max-width:219px;
        width: 219px;
        height: 219px;
    }
    .benefit__list .title {
        font-size: 90px;
    }
    .order-course {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .order-course__list {gap:20px}
}
@media (max-width: 600px) {
    .benefit {
        padding-top: 35px;
        padding-bottom: 30px;
    }

    .benefit__list ul {
        gap: 40px 16px;
    }

    /*.benefit__list ul li {
        width: 46%;
    }*/
}

.author {
    padding-top: 60px;
    padding-bottom: 60px;
}

.author__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.author__img img{
    width: 318px;
    height: 318px;
    object-fit: cover;
    border-radius: 50%;
}

.author__card {
    max-width: 951px;/*687px;*/
    text-align: center;
}

.author__title h2 {
    margin-bottom: 24px;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 24px;
}

.author__char {
    margin-bottom: 24px;
}

.author__char ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.author__char ul li {
    max-width: 210px;
    font-size: 18px;
    line-height: 160%;
}

.author__char ul li span {
    color: var(--color-pink);
    font-weight: bold;
}

.author__descr {
    margin-bottom: 22px;
    line-height: 160%;
    font-size: 22px;
    color: var(--color-text);
}

.author__link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 160%;
}

.author__link p {
    margin-right: 24px;
}

.author__link a {
    color: var(--color-pink);
}

.author__social {
    font-size: 0;
}

.author__social a {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.author__social a:nth-child(1) {
    margin-right: 10px;
    background: url(../images/pink-telegram.svg) no-repeat center/cover;
}

.author__social a:nth-child(2) {
    background: url(../images/pink-vk.svg) no-repeat center/cover;
}

@media (max-width: 767px) {
    .author__content {
        flex-wrap: wrap;
    }
    .hero__course-char {
        max-width: 100%;
    }
    .author__card {
        max-width: 100%;
    }
    .hero__course-char .list-char-component ul li {
        max-width:calc(33.33% - 10px);
    }
}

.reviews {
    padding-top:40px;
    padding-bottom: 120px;
}

.reviews__title {
    margin-bottom: 50px;
}

.reviews__title h2 {
    text-align: center;
    font-size: 35px;
}

.reviews__title h2 span {
    font-weight: 400;
}

.reviews__slider-list {
    position: relative;
}

.reviews .slider {
    display: flex;
    justify-content: space-between;
}

.reviews__slider-item {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 390px;
    border-radius: 20px;
    border: 0.3px solid #7E97A9;
    background-color: #fff;
}

.reviews__slider-name {
    margin-bottom: 14px;
    text-align: center;
    font-size: 20px;
    color: var(--color-text-black);
    font-weight: bold;
    line-height: 160%;
}

.reviews__slider-descr {
    font-size: 16px;
    line-height: 160%;
    text-align: center;
}

.reviews__slider-btns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.reviews__slider-btn {
    width: 24px;
    height: 24px;
    font-size: 0;
}

.reviews__slider-btn--prev {
    position: absolute;
    left: -10%;
    background: url(../images/arrow-l.svg) no-repeat center/contain;
}

.reviews__slider-btn--next {
    position: absolute;
    right: -10%;
    background: url(../images/arrow-r.svg) no-repeat center/contain;
}

@media (max-width: 1542px) {
    .reviews__slider-list {
        padding-left: 5%;
        padding-right: 5%;
    }

    .reviews__slider-btn--prev {
        left: 0;
    }

    .reviews__slider-btn--next {
        right: 0;
    }
}

@media (max-width: 661px) {
    .reviews__slider-item {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 28px;
        padding-bottom: 42px;
        max-width: 100%;
    }

    .reviews__slider-item:nth-child(2) {
        display: none;
    }

    .reviews__slider-item:nth-child(3) {
        display: none;
    }

    .reviews__slider-btn--prev {
        left: -10px;
    }

    .reviews__slider-btn--next {
        right: -10px;
    }
}

@media (max-width: 320px) {
    .reviews {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .reviews__title {
        margin-bottom: 32px;
    }

    .reviews__title h2 {
        font-size: 26px;
    }
}

.banner-with-count {
    padding-top: 130px;
    padding-bottom: 130px;
    background: url(../images/banner-count-bg.jpg) no-repeat center/cover;
}

.banner-with-count__content {
    display: flex;
    align-items: center;
}

.banner-with-count__text {
    margin-right: 75px;
    max-width: 500px;
}

.banner-with-count__text h2 {
    margin-bottom: 32px;
    font-size: 50px;
    line-height: 110%;
    color: var(--color-text-black);
}

.banner-with-count__text em{
    color: #EA258F;
}
.banner-with-count__text p {
    font-size: 30px;
    line-height: 130%;
}

.banner-with-count__text p span {
    color: var(--color-pink);
}

.banner-with-count__text p b {
    font-weight: 900;
}

.banner-with-count .counter-block {
    max-width: 270px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-with-count .counter-block .btn {
    max-width: 270px;
}

.banner-with-count .counter {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.banner-with-count .counter--mb32 {
    margin-bottom: 32px;
}

.banner-with-count .counter__box {
    margin-right: 14px;
}

.banner-with-count .counter__box:last-child {
    margin-right: 0;
}

.banner-with-count .counter__display {
    margin: 0 auto;
    margin-bottom: 10px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 130%;
    background-color: #fff;
    color: var(--color-text);
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    max-width: 58px;
}

.banner-with-count .counter__display:last-child {
    margin-right: 0;
}

.banner-with-count .counter__label {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 130%;
    text-align: center;
    width: 70px;
}

@media (max-width: 1024px) {
    .banner-with-count {
        background-position: 80%;
    }
}
@media (max-width: 767px) {
    .banner-with-count__content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .banner-with-count__text {
        margin-bottom: 40px;
        margin-right: 0;
    }
}

@media (max-width: 681px) {
    .banner-with-count__text h2 {
        margin-bottom: 24px;
        font-size: 32px;
    }

    .banner-with-count__text p {
        font-size: 24px;
    }
}

@media (max-width: 461px) {
    .banner-with-count {
        background: url(../images/credit.jpg) no-repeat center/cover;
    }
}

@media (max-width: 320px) {
    .banner-with-count__text h2 {
        font-size: 28px;
    }
}

.course-overview {
    position: relative;
    padding-bottom: 40px;
}

.course-overview::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 968px;
    height: 1063px;
    background: url(../images/flower-right.svg) no-repeat right center/contain;
    z-index: -1;
}

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

.course-overview__text {
    margin-bottom: 40px;
    max-width: 540px;
}

.course-overview__text ul {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 20px;
}

.course-overview__text ul li{
  color: var(--color-text);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.6;
  position: relative;
  padding-left: 30px;
  padding-bottom: 10px;
}
.course-overview__text ul li::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/clock.svg) no-repeat center/contain;
  top: 5px;
  left: 0;
}
.course-overview__descr h2 {
    margin-bottom: 60px;
    font-size: 55px;
    font-weight: 900;
    color: #D8527A;
    line-height: 1;
    max-width: 460px;
}

.course-overview__descr ol {
    margin-bottom: 24px;
}

.course-overview__descr ol li {
    margin-bottom: 24px;
    font-size: 30px;
    line-height: 110%;
    color: var(--color-text);
}

.course-overview__descr ol li:last-child {
    margin-bottom: 0;
}

.course-overview__descr h3 {
    font-size: 35px;
    color: var(--color-text-black);
    line-height: 1.2;
    font-weight: 700;
}

.course-overview__descr p {
    font-size: 22px;
    color: var(--color-text);
    line-height: 1.6;
}

.course-overview__descr .btn-o {
    margin-right: 24px;
}

.course-overview__video {
    max-width: 32.9365%;
    width: 100%;
    flex-shrink: 0;
}

.course-overview__btns {
    display: flex;
    margin-bottom:60px;
}
.qwest-otvet {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding:24px 46px 0;
  transition: all 0.5s ease-in;
}

.qwest-vopros,.qwest-otvet {
    font-size: 22px;
    line-height:1.4;
    border-radius: 24px;
}
.qwest-vopros {
    background-color:#F8F7F6;  
    font-weight: 700;
    padding: 46px;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.qwest-vopros .name{
    width: 100%;
    padding-right: 10px;
}
.qwest-item.opened .qwest-otvet{
  max-height: 1000px;
  padding: 46px;
}

.qwest-item.opened .icon-closed {
  display: none;
}
.qwest-item .icon-closed {
  display: block;
}
.qwest-item.opened .icon-opened {
  display: block;
}
.qwest-item .icon-opened {
  display: none;
}
.qwest-item .icon{
    width:28px;
    height:28px;
}
.qwest-list{
    margin-top:40px;
}
@media (max-width: 991px) {
    .banner-with-count {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .banner-with-count__text h2 {
        font-size: 44px;
    }
    .banner-with-count__text p {
        font-size: 24px;
    }
    .banner-with-count__text {
        margin-right: 40px;
        max-width:330px;
    }
    .author {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .author__img img {
        width: 270px;
        height: 270px;
    }
    .author__title h2 {
        margin-bottom: 15px;
        font-size: 30px;
    }
    .reviews {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .course-overview__descr h2 {
        margin-bottom: 40px;
    }
    .course-overview__text {
        max-width: 460px;
    }
    /*.btn {
        padding-right: 24px;
        padding-left: 36px;
    }*/
    /*.about-course__descr-item:nth-child(2n-1).width_all {
        column-width:100%;
	    column-count: 1;
	    column-gap: 0;
    }*/
}
.mobile-video{display:none}
@media (max-width: 767px) {
    .course-overview__descr h2 {
        margin-bottom: 25px;
        font-size: 32px;
    }

    .course-overview__descr ol li {
        font-size: 24px;
    }

    .course-overview__descr h3 {
        font-size: 24px;
    }

    .course-overview__descr p {
        font-size: 24px;
    }

    .course-overview__btns {
        flex-wrap: wrap;
        gap: 16px;
    }

    .course-overview .course-overview__descr .btn-o {
        margin-right: 10px;
    }
}

@media (max-width: 681px) {

    .course-overview__content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .course-overview__video {
        max-width: 100%;
        display:none;
    }
    .mobile-video{
        display:block;
        margin-bottom:30px;
    }
    .course-overview__video .video {
        margin: 0 auto;
    }

}

@media (max-width: 600px) {
    .hero__text p:nth-child(1) {
        margin-bottom: 30px;
    }
    .hero__text h1{
        font-size: 50px;
    }
    .hero__text h2 {
        font-size: 50px;
        margin-bottom: 25px;
    }
    .hero__application {
        flex-wrap: wrap;
    }
    .hero__application strong {
        max-width: 255px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .about-course__descr-item .tags{
        gap:10px;
    }
     .about-course__descr-item .tags span{
         margin-right:0;
         width:100%;
         margin-bottom:0;
         padding:12px 20px;
     }
    .what-to-expect__list ul {
        gap: 0;
    }
    .reviews {
        padding-top: 0;
    }
    .course-overview__text {
        max-width: 100%;
    }
    .course-overview__btns {
        margin-bottom: 40px;
    }
    .qwest-vopros {
        padding: 34px;
    }
    .qwest-otvet {
        padding: 24px 34px 0;
    }
    .qwest-item.opened .qwest-otvet {
        padding: 34px;
    }
    .banner-social {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .menu-btn {
        width: 24px;
        height: 24px;
        padding:0;
    }
}
@media (max-width: 468px) {
    .course-overview .course-overview__descr .btn-o {
        margin-right: 0;
    }
    .html5_video_players.mobile-video{
        margin:0 auto 30px;
        max-width: 100%;
    }
    
}
.order-course{
    padding-top: 90px;
    padding-bottom: 80px;
}

.order-course__content h2 {
    margin-bottom: 40px;
    line-height: 1;
    color: #D8527A;
    font-size: 55px;
    font-weight: 900;
}

.order-course__tariff {
    display: flex;
    /*flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;*/
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 528px;
    border: 3px solid #EA2590;
    border-radius: 20px;
    align-content: center;
    padding: 20px 20px 30px;
    margin: 0 auto 40px;
    align-items: center;
}

.order-course__list {
    margin-bottom: 35px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px;
}

.order-course__list li {
    padding-left:0;
    position: relative;
    margin-bottom: 40px;
    line-height: 160%;
    font-size: 22px;
    width: calc(25% - 40px);
    padding-top: 70px;
}

.order-course__list li::before {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 50%;
    width: 52px;
    height: 52px;
    background: url("../images/clock-big.svg") no-repeat center/contain;
    margin-left:-52px;
}

.order-course__list li:last-child {
    margin-bottom: 0;
}

.order-course h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: 700;
    color: var(--color-text-black);
    line-height: 1.2;
    /*padding-right: 30px;
    width: 320px;*/
}
.first_price{
    color: #EB477B;
    font-size: 30px;
    font-weight: 900;
}
.next_price{
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 15px;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    margin-bottom: 15px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.soderzhanie_kursa{
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #303030;
    line-height:1.3;
}
.order-course__coast-list {
    min-width: 620px;
    padding-top: 25px;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 620px;
    margin-top: 20px;
}

.order-course__coast-list::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 3px;
    width: 82%;
    background:#EB477B;
}

.order-course__coast-list li {
    position: relative;
    max-width: 160px;
    line-height: 130%;
}

.order-course__coast-list li::before {
    content: "";
    position: absolute;
    top: -31px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: var(--color-pink);
}

.order-course__coast-list li span {
    margin-top: 5px;
    display: block;
    font-size: 22px;
    font-weight: 900;
    color: var(--color-pink);
}
/*.order-course .btn{
    margin-left: 320px;
}*/
@media (max-width: 1199px) {
    .order-course__list li {
        width: calc(50% - 40px);
    }
    .hero__text {
        max-width: 680px;
    }
}
@media (max-width: 1024px) {
    /*.order-course h3 {
        padding-right: 0;
        width: 100%;
    }*/
    .hero__text {
        max-width:490px;
    }
}
@media (max-width: 991px) {
    .hero {
        padding-top: 20px;
        padding-bottom: 70px;
    }
    .about-course {
        padding-top: 50px;
    }
    .about-course__descr-item:nth-child(2n-1) {
        min-width: 100%;
        padding-right: 0;
    }
    .about-course__descr-item:nth-child(2n) {
        margin: 0 auto 40px;
    }
}
@media (max-width: 767px) {
    .benefit{
        background-position: 56% 50% !important;
    }
    .benefit h2 {
        max-width: 440px;
    }
    .benefit .descr {
        max-width: 440px;
    }
    .benefit__list ul li p {
        font-size: 19px;
        line-height: 1.1;
    }
    .order-course__list li::before {
        margin-left: -26px;
    }
    /*.benefit__list .title {
        font-size: 50px;
    }
    .benefit__list ul li {
        max-width: 166px;
        width: 166px;
        height: 166px;
    }*/
    .order-course {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .order-course__list li {
        width: 100%;
        margin-bottom: 0px;
    }
    .order-course__coast-list {
        min-width: unset;
        max-width: 100%;
    }
    .order-course .btn {
        margin-left: 0;
    }
    .banner-with-count__text {
        margin-right: 0;
        max-width: 100%;
        width: 400px;
    }
    .banner-with-count .counter-block {
        max-width: 400px;
    }
    .about-course__descr {
        margin-bottom: 70px;
    }
    .program {
        background-size: 165%;
        background-position: 42% 0;
        padding-top:50%;
        background-color:#fff;
    }
    .program .list-char-component ul li img {
        margin: 15px auto 15px;
    }
    .what-to-expect__list ul li {
        max-width:calc(50% - 20px);
        text-align: center;
    }
}
@media (max-width: 629px) {
    .what-to-expect__list ul li {
        max-width:100%;
        /*text-align:left;*/
        padding-bottom: 0;
    }
    /*.program .list-char-component ul li img {
        margin: 0px 10px 15px 0;
    }*/
}
@media (max-width: 600px) {
    .hero {
        padding-top:10px;
    }
    /*.what-to-expect__list ul li {
        max-width: calc(50% - 10px);
    }
    .program__item h3 {
        text-align: center;
    }*/
    .program .hero__application .btn {
        margin-right: 0;
    }
}
@media (max-width:588px) {
    .order-course__tariff {
        width:100%;
    }
}
@media (max-width:564px) {
    .hero__text h1 {
        font-size: 40px;
        max-width:336px;
    }
    .hero__text h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .hero__text p:nth-child(1) {
        margin-bottom:12px;
        font-size: 24px;
    }
    .hero__text p {
        font-size: 20px;
         max-width: 315px;
    }
    .hero__content .hero__application .btn {
        /*padding-right: 14px;
        padding-left: 56px;
        max-width: 255px;
        width: 255px;*/
        margin-right: 0;
        white-space: nowrap;
    }
    .hero__content .hero__application .btn svg{
        min-width:24px;
    }
    .list-char-component ul li span {
        font-size: 20px;
    }
    /*.hero__course-char ul li {
        margin-bottom: 50px;
    }*/
    .list-char-component ul li span::before{
        left:0;
        margin-left:0;
    }
    /*.hero__course-char {
        max-width: 336px;
    }*/
    .hero__text {
        max-width: 100%;
        margin-bottom: 280px;
    }
    .hero__application strong {
        max-width: 230px;
        font-size:20px;
        margin: 20px auto;
    }
    .program__list {
        padding-top: 40px;
    }
    .program__item img {
        height: auto;
        margin: 0 auto 20px;
    }
    .program__body {
        width: 100%;
        padding-left: 0;
    }
    .program .hero__application {
        max-width: 100%;
        margin:0 auto;
        text-align: center;
    }
    .benefit h2 {
        max-width: 330px;
        margin-bottom: 20px;
        font-size:40px;
    }
    .benefit .descr {
        max-width: 330px;
        font-size: 20px;
    }
    .benefit__list ul {
        gap: 16px;
        flex-direction: column;
    }
    .benefit__list ul li {
        margin: 0 auto;
    }
    .program h2 {
        font-size: 36px;
    }
    .program__item h3 {
        font-size: 36px;
    }
    .program__body li {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .order-course__content h2 {
        margin-bottom: 30px;
        font-size: 40px;
        text-align: center;
    }
    .order-course__list li {
        font-size: 20px;
        text-align: center;
    }
    .banner-with-count__text h2 {
        font-size: 30px;
        text-align: center;
    }
    .banner-with-count__text p {
        text-align: center;
    }
    .author__link {
        flex-direction: column;
    }
    .author__link p {
        margin-right: 0;
    }
    .author__descr {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .reviews__title {
        margin-bottom: 30px;
    }
    .reviews__slider-descr {
        font-size: 20px;
    }
    .course-overview__descr h2 {
        text-align: center;
    }
    .course-overview__descr h3 {
        text-align: center;
    }
    .course-overview__descr p {
        font-size: 20px;
        text-align: center;
    }
    .course-overview__text ul li {
        font-size: 20px;
    }
    .course-overview__text {
        margin-bottom: 20px;
    }
    .qwest-vopros, .qwest-otvet {
        font-size: 20px;
    }
    .about-course__descr-item .tags span:nth-child(1), .about-course__descr-item .tags span:nth-child(2), .about-course__descr-item .tags span:nth-child(3), .about-course__descr-item .tags span:nth-child(4), .about-course__descr-item .tags span:nth-child(5), .about-course__descr-item .tags span:nth-child(6) {
        max-width: 100%;
        font-size:20px;
        line-height: 1.2;
    }
    .about-course__descr-item:nth-child(2n) {
        min-width:unset;
        width:337px;
        max-width:100%;
    }
    .about-course__descr-item li {
        font-size: 20px;
    }
    .video {
        max-width: 100%;
        width: 100%;
    }
    .about-course__descr-item:nth-child(2n) {
        margin: 0 auto 20px;
    }
    h2 {
        font-size: 30px;
    }
    .qwest h2{
        text-align:center;
    }
    .about-course__descr-item p {
        margin-bottom:15px;
        font-size: 20px;
        margin-top: 15px;
        max-width:100%;
    }
    .about-course__descr-item ul {
        padding: 20px 0 20px 26px;
    }
    .about-course__descr {
        margin-bottom: 40px;
    }
    .program .list-char-component ul li p {
        font-size: 20px;
        word-wrap: break-word;
    }

    .order-course__coast-list {
        margin: 0 auto;
        margin-bottom: 40px;
        padding-top: 0;
        flex-wrap: wrap;
        max-width: 255px;
    }

    .order-course__coast-list::before {
        width: 3px;
        height: 84%;
        left: 6px;
    }

    .order-course__coast-list li {
        padding-left: 26px;
        margin-bottom: 40px;
        max-width: 100%;
        width: 100%;
    }

    .order-course__coast-list li:last-child {
        margin-bottom: 0;
    }

    .order-course__coast-list li::before {
        top: 0;
    }

    .order-course .btn {
        margin: 0 auto;
    }

    .order-course h3 {
        text-align: center;
        margin-bottom: 30px;
    }
    .banner-with-count__text {
        width: 100%;
    }
    .banner-with-count .counter-block {
        max-width: 100%;
    }
    .banner-with-count .counter {
        gap: 5px;
        width: 100%;
    }
    .banner-with-count .counter__box{
        margin:0;
        width: calc(25% - 5px);
        min-width: calc(25% - 5px);
        max-width: calc(25% - 5px);
    }
    .banner-with-count .counter__display {
        padding: 18px 5px;
        font-size: 20px;
        max-width:100%;
    }
    .banner-with-count .counter__label {
        font-size: 16px;
        width: 100%;
    }
    .hero__course-char ul {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .hero__course-char .list-char-component ul li {
        max-width:200px;
    }
    .header .nav ul {
        font-size: 20px;
    }
}
@media (max-width: 500px) {
  .hero {
      padding-top:30px;
  }
  .what-to-expect__list ul li {
        padding-bottom: 10px;
        flex-direction: column;
    }
}
@media (max-width:380px) {
    .hero__text p {
        max-width:100%;
    }
    .next_price {
        font-size: 22px;
    }
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-track {
    display: flex;
    /*margin-left:0;
    margin-right:0;*/
}

.slick-track .slick-slide {
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1280px) {
    .slick-track .slick-slide {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.reviews__slider-item {
    height: 100%;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir=rtl] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir=rtl] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

.footer {
    padding-top: 45px;
    padding-bottom: 45px;
    background: var(--color-footer-bg);
    flex: 0 0 auto;
}

.footer__content {
    display: flex;
    justify-content: space-between;
}

.footer__logo .logo {
    margin-bottom: 80px;
}

.footer__logo p {
    font-size: 14px;
    line-height: 160%;
}

.footer__address address {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.footer__address p {
    margin-bottom: 17px;
    line-height: 160%;
}

.footer__address p.bold-900 {
    color: #000;
    font-size: 17px;
}

.footer__address p:nth-child(2) {
    font-size: 14px;
}

.footer__address p:nth-child(3) {
    margin-bottom: 0;
    font-size: 16px;
}

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

.footer__social a {
    margin-right: 12px;
    font-size: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.footer__social a:nth-child(1) {
    background: url("../images/vk.svg") no-repeat center/contain;
}

.footer__social a:nth-child(2) {
    background: url("../images/telegram.svg") no-repeat center/contain;
}

.footer__social a:last-child {
    margin-right: 0;
}

.footer__nav li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #1a1a1b;
    line-height: 160%;
}

.footer__nav li:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .footer__logo .logo {
        max-width: 210px;
        padding-right: 15px;
    }
}
@media (max-width:767px) {
    .footer {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .footer__content {
        flex-wrap: wrap;
        gap: 10px 20px;
    }
    .footer__logo,.footer__address,.footer__nav{
        width: calc(50% - 10px);
    }
    .footer__logo .logo {
        max-width: 196px;
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
        order:1;
    }
    .footer__address{
        order:3;
    }
    .footer__nav:nth-child(3){
        order:2;
    }
    .footer__nav:nth-child(4){
        order:4;
    }
    .about-course__descr-item ul.green_ul li {
        font-size: 20px;
        line-height: 1.2;
        /*text-align: left;*/
        padding: 12px 20px;
    }
}
@media (max-width:499px) {
    .footer__logo, .footer__address, .footer__nav {
        width: 100%;
    }
    .footer__nav:nth-child(3),
    .footer__nav:nth-child(4){
        order:1;
    }
    .hero__application {
        width: 100%;
    }
    .hero__application .btn {
        max-width: 100%;
        width: 492px;
        margin-right: 0;
        white-space: nowrap;
        padding-right: 143px;
        padding-left: 143px;
    }
    .hero__application .btn svg{
        min-width:24px;
    }
    .hero__content .hero__application .btn {
        max-width: 100%;
        width: 492px;
    }
    .banner-with-count .counter-block .btn {
        max-width:100%;
    }
}
@media (max-width:348px) {
    .hero__application .btn {
        padding: 17px 0;
    }
    .hero__content .hero__application .btn {
        padding: 17px 0;
    }
}
/*-----video mp4----*/
.html5_video_players{
    position: relative;
    width: 337px;
    margin-left: 30px;
}
/*.about-course__descr-item .html5_video_players{
    min-height:671px;
}*/

.course-overview__video .html5_video_players.video{
    width:100%;
    /*min-height:537px;
    border-radius: 20px;
    overflow: hidden;*/
}

.videoplayer_img{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.about-course__descr-item .videoplayer_img{
    top: 208px;
}
.html5_video_players video{
    margin-top: 0px;
    width: 100%;
}
.about-course__descr-item .html5_video_players video{
    margin-top: 30px;
    height: 600px;
}
.videoplayer_thumb {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  transition: opacity .2s,visibility .2s;
  will-change: opacity;
}
.about-course__descr-item .videoplayer_thumb {
    top: 208px;
}
.videoplayer_big_play_btn {
    position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 75px;
  height: 75px;
  cursor:pointer;
}
.videoplayer_big_play_btn_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  background-color: rgba(0,0,0,.5);
  transition: background .2s,transform .2s;
    transition-timing-function: ease, ease;
  transition-timing-function: ease-out;
  will-change: background,transform;
}
.videoplayer_big_play_icon {
  width: 38px;
  height: 33px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -19px;
  margin-top: -16.5px;
}
.videoplayer_thumb::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1340px) {
    .html5_video_players {
      margin-left: 0;
    }
}
@media (max-width:398px) {
    .html5_video_players {
        width: 100%;
    }
}
@media (max-width:600px) {
    .reviews__slider-list {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% + 30px);
        margin-left:0px;
    }
    .reviews__slider-btns{
        display:none;
    }
    /*.reviews__slider-item {
        width:390px !important;
    }*/
    .slick-track .slick-slide {
        margin-right: 5px;
        margin-left: 5px;
        min-width:290px !important;
    }
    .reviews__slider-item {
        width: 100%;
    }
    
}
@media (max-width:374px) {
    .about-course__descr-item span {
        font-size: 19px;
    }
}
@media (max-width:340px) {
    .about-course__descr-item span {
        font-size: 16px;
    }
}