/**
* Template Name: Arsha - v4.9.1
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus, input.active.focus,
input.active:focus,
input.focus,
input:active.focus,
input:active:focus,
input:focus {
    outline: 0 !important;
    outline-color: transparent !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
}

@font-face {
    font-family: 'Golos';
    src: url("/fonts/GolosText-DemiBold.eot");
    src: url("/fonts/GolosText-DemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/GolosText-DemiBold.woff2") format("woff2"), url("/fonts/GolosText-DemiBold.woff") format("woff"), url("/fonts/GolosText-DemiBold.ttf") format("truetype"), url("/fonts/GolosText-DemiBold.svg#GolosText-DemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text VF';
    src: url("/fonts/GolosTextVF-Regular.eot");
    src: url("/fonts/GolosTextVF-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/GolosTextVF-Regular.woff2") format("woff2"), url("/fonts/GolosTextVF-Regular.woff") format("woff"), url("/fonts/GolosTextVF-Regular.ttf") format("truetype"), url("/fonts/GolosTextVF-Regular.svg#GolosTextVF-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos';
    src: url("/fonts/GolosText-Medium.eot");
    src: url("/fonts/GolosText-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GolosText-Medium.woff2") format("woff2"), url("/fonts/GolosText-Medium.woff") format("woff"), url("/fonts/GolosText-Medium.ttf") format("truetype"), url("/fonts/GolosText-Medium.svg#GolosText-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos';
    src: url("/fonts/GolosText-Bold.eot");
    src: url("/fonts/GolosText-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GolosText-Bold.woff2") format("woff2"), url("/fonts/GolosText-Bold.woff") format("woff"), url("/fonts/GolosText-Bold.ttf") format("truetype"), url("/fonts/GolosText-Bold.svg#GolosText-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url("/fonts/GolosText-Black.eot");
    src: url("/fonts/GolosText-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/GolosText-Black.woff2") format("woff2"), url("/fonts/GolosText-Black.woff") format("woff"), url("/fonts/GolosText-Black.ttf") format("truetype"), url("/fonts/GolosText-Black.svg#GolosText-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos';
    src: url("/fonts/GolosText-Regular.eot");
    src: url("/fonts/GolosText-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/GolosText-Regular.woff2") format("woff2"), url("/fonts/GolosText-Regular.woff") format("woff"), url("/fonts/GolosText-Regular.ttf") format("truetype"), url("/fonts/GolosText-Regular.svg#GolosText-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Golos';
}

body.open {
    overflow: hidden;
}

a {
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Golos';
}

#top-bar {
    padding: 28px 0px 18px 0px;
}

#top-bar .col-xl-4 {
    display: flex;
    align-content: center;
    align-items: center;
}

.currency {
    margin-right: 33px;
    display: flex;
    align-content: center;
    align-items: center;
    font-family: 'Golos';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #9C9C9C;
    height: 40px;
}

.location {
    display: flex;
    align-content: center;
    align-items: center;
    font-family: 'Golos';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #9C9C9C;
    height: 40px;
}

.currency svg, .location svg {
    margin-right: 10px;
}

#top-bar {
    z-index: 100;
    position: relative;
}

#top-bar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#top-bar ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px;
    color: #141414;
    white-space: nowrap;
    transition: 0.3s;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
#header {
    height: 48px;
    z-index: 1000;
    position: relative;
}

#header .row {
    position: relative;
}

#header .col-xl-3 {
    display: flex;
    align-content: center;
    align-items: center;
}

#header .col-xl-3 .menu {
    margin-right: 21px;
}

#header .col-xl-3 .logo {
    margin-top: -9px;
}

#header .menu {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    cursor: pointer;
}

#header .col-xl-9 {
    display: flex;
    justify-content: space-between;
}

#header .user, #header .cart {
    display: flex;
    font-family: 'Golos';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4C463A;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#header .user span {
    display: block;
}

#header .cart {
    margin-left: 27px;
}

#header .cart span {
    display: block;
}

.home-page #header, .speakers-page #header {
    border-bottom: 0px solid #D9D9D9;
    margin-bottom: 20px;
}

#header .logo img {
    width: 100%;
}

#header .col-lg-3 {
    padding-right: 0px;
}

#header .search {
    position: relative;
    width: 100%;
    max-width: 720px;
}

#header .action-btn {
    display: flex;
}

#header .search-input {
    height: 48px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.01);
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3));
    border-radius: 51px;
    padding-left: 50px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cmask id='mask0_712_615' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3e%3crect width='20' height='20' fill='url(%23pattern0)'/%3e%3c/mask%3e%3cg mask='url(%23mask0_712_615)'%3e%3crect width='20' height='20' fill='%239C9C9C'/%3e%3c/g%3e%3cdefs%3e%3cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3e%3cuse xlink:href='%23image0_712_615' transform='scale(0.01)'/%3e%3c/pattern%3e%3cimage id='image0_712_615' width='100' height='100' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFjUlEQVR4nO2dXYhVVRTHfzNOpY2WUkQJlhI9pDkPoUHQPEhIGGRST30QvugEFhU1GINRMX1S9DVvkllBJRJh0XcogdVEGZWVSdGDNIkzRiamMc2MNzasSzHMWefce2furL3P+sF+vax1/ufsj7XXWhccx3Ecx3Ecx3Ecx3GymAOsArqB54HdwC/AIPAXUAH+AH4F9gPvAU8BXcAyYIY/2sZZDPQC/cCIPPR6xxFgB7AemOviFKcd2AB80aAAFWX8DWwHVrow+pR0B3BwCoWoTDC+AW7xKe0/WuSBDDVZiMq48RVwWdm/mKWyPlSMjFGgD5hNCemSubzeh3cC2At8DLwja8JHwGey+xpt4Ld/lJelFJwOvFbHQ/oBeBZYA1wgU53GafJQg/DbgMN1CL6WxJkHfFLDQwnryhOT9LaeAqwGXq/x67mPRDlPppgiD+E34E7ZAk8FFwKbgX8K2tNX4IuMijOBrws4PiLTUtgCN4OLgA9qECUJZhWcpvZN00LaAqyTNSPPxhC2iZ4iC/jLUzg9FeUSiYFpdp6UTUW0dBUQ4zHi2nQcARYRIUsLnDPuwh7twM4cuz8H2oiIVjmgaU49iF3mAHty7A+7wGhYl+PMS9jnHLlbyfLhKDCfSLa4v+ecuKd7AS/KFTn3MGEzYp4exYFwEOsgLu5X/BmVs4zpOJUWRn+c+Dg1Zzu8BcNsUAwfiDisvSrnqw9hIZN8mcquZAI+VXy7B6MJCVkGD0W0kGdxjeLftxikVzE4hNBjpxU4oPi4BGNoV7Gx7ayyeETxMSRomDrZZu3XvycdOhRB3iSSXUi430iFFuBQhp9/yrRmgm5FkKjD1ROwTfH1fIywRTFyAWnRrfhqJhNyd4aBxy19xpPEakWQ2zHCzxkGhqSG1FisCPIwRhjMMDAksaXGuYogz2GE4xkGvk16tCuCbMUIWYlnb5AebYogIaHDBEczDHyf9JirCBIqu0wwkGFgiJCmxgJFkGcwwr4MA0MWemosVwQJt4smeDfDwDFgJmlxsyJIKDwywdOKkSEjMCV6FV87McKtipEhezEldilppmcTwbwagnGpMFPJxgyJEGaYITmvExl6WIplUuBq5cV7EWPsUIwN99Ep8Kri4w0YY71ibCgji50zlBDRsGRsmmKeMr+OShlZzGxUXrjQV8Uk2xWjQ01fzIv5QcW36zDKSsXoYblLiJFNil8D1mtFtKYxuyKsZl2YU394L8a5VjG+IrUjsdAKfKj4MhhDRmaLlHxlOXEionBKT87LFU2+8qU53RLCqfYsbHNVTrHOd7EdePty3q5+w5/7cuCYYnuIYl9OZMyWrjqaKDub2LWhFjHyGtVEmzy+tECHhD1SYGllmjpW4MuOaqoaz9ocBytS7RoKLKdzN9VTsNHmTSSAdrCqjhG5Ag19rprJopyt7fgR4lkrSIC8Rb46fpJs+mY0xdlUsOlMkqKE88mTNTjdL2H71imI2m5UygpKJUo1e/xkDY4fkJzZjgbCLrPkcukVJYRealHWSFvwWh/AIckO7JYQzcWSazv7f1cAC2TrGhbfhyR+Vk+zzX75jeNlEWVhTohlusaYnDOqW9sVZRKlTYols1JRmz32ZpzAOwucT4IoV5II86WRSyO9disNjEEJFGoHvlJ9KVVCI5cXaugWWmlwDMiOq2hMrZSiIL1D7pYOCZMtwrDcgV9f501faUWpskTWmbek9LgeEfZL3tSNk/TfIaUXpUqLtBkPd/e3AY9KBGCrJFhslrr4ByTxuXMK711cFIOUbvcVA50uij1cFIO4KAZxUQziohjERTFI0XNK+BdSx5Ao4QrCMSTKmPXs+bKJMjTdxpWVFRmihHwwZ5pYJmvGmHwZPQl23IsSXzMcx3Ecx3Ecx3EcauZfcseqZrv5iWkAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e ");
    background-position: center left 20px;
    background-repeat: no-repeat;
}

#header .delete {
    position: absolute;
    right: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 20px;
    display: none;
    cursor: pointer;
}

.navbar {
    width: 100%;
    padding: 0;
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.navbar li {
    position: relative;
}

.navbar a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 20px;
    line-height: 100px;
    color: #141414;
    white-space: nowrap;
    transition: 0.3s;
}

.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 20px;
    line-height: 100px;
    color: #141414;
    white-space: nowrap;
    transition: 0.3s;
}

.navbar a i, .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}

.navbar a:hover {
    color: #36A2A9;
}

.navbar .active {
    color: #36A2A9;
}

.navbar .active:focus {
    color: #36A2A9;
}

.navbar li:hover > a {
    color: #36A2A9;
}

.navbar .getstarted {
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #47b2e4;
    font-weight: 600;
}

.navbar .getstarted:focus {
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #47b2e4;
    font-weight: 600;
}

.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
    color: #fff;
    background: #31a9e1;
}

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    color: #0c3c53;
}

.navbar .dropdown ul a i {
    font-size: 12px;
}

.navbar .dropdown ul a:hover {
    color: #47b2e4;
}

.navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
    color: #47b2e4;
}

.navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

/**
* Mobile Navigation
*/
.open-menu {
    display: none;
}

.open-menu span {
    width: 30px;
    height: 4px;
    background-color: #36A2A9;
    border-radius: 5px;
    text-shadow: 7px 7px 4px #ccb68d8a;
    display: block;
}

.close-menu {
    display: none;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 25px;
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(40, 58, 90, 0.9);
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    border-radius: 10px;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a {
    padding: 10px 20px;
    font-size: 15px;
    color: #37517e;
}

.navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #37517e;
}

.navbar-mobile a:hover {
    color: #47b2e4;
}

.navbar-mobile .active, .navbar-mobile li:hover > a {
    color: #47b2e4;
}

.navbar-mobile .getstarted {
    margin: 15px;
    color: #37517e;
}

.navbar-mobile .getstarted:focus {
    margin: 15px;
    color: #37517e;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover {
    color: #47b2e4;
}

.navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
    color: #47b2e4;
}

.navbar-mobile .dropdown > .dropdown-active {
    display: block;
}

.fixed-top {
    position: absolute;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    margin-top: -127px;
    padding: 182px 0px 190px;
    position: relative;
    overflow: hidden;
}

#hero .hero-image {
    position: absolute;
    left: 28%;
    top: -17px;
    z-index: -1;
}

#hero h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 131.69%;
    letter-spacing: 0.02em;
    color: #141414;
    margin: 30px 0px 40px;
}

#hero p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 131.69%;
    letter-spacing: 0.02em;
    color: #4C463A;
    margin-bottom: 36px;
}

#hero .container {
    z-index: 2;
    position: relative;
}

#hero h2 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    margin-top: 57px;
}

#hero .img-block {
    text-align: right;
    position: relative;
    margin-top: 27px;
}

#hero .img-block .line-hero1 {
    position: absolute;
    left: -56px;
    top: 71px;
}

#hero a.more {
    max-width: 360px;
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 55px 0px 20px;
}

#hero a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#hero a.more span {
    z-index: 1;
    position: relative;
}

/*--------------------------------------------------------------
# Home form
--------------------------------------------------------------*/
#home-form {
    padding: 19px 0px 45px;
}

#home-form .form-block {
    background: #36A2A9;
    box-shadow: 0px 4px 17px 9px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    padding: 53px 30px;
}

#home-form .form-block h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 48px;
}

#home-form form {
    background: rgba(255, 255, 255, 0.31);
    border-radius: 6px;
    padding: 30px;
}

#home-form form h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 30px;
}

#home-form form input {
    width: 100%;
    height: 61px;
    background: #FFFFFF;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 120.19%;
    letter-spacing: 0.075em;
    color: rgba(0, 0, 0, 0.25);
    border: none;
    text-align: center;
    margin-bottom: 15px;
}

#home-form form button {
    width: 304px;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    border: none;
    margin: 4px auto 0px;
}

#home-form form button:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#home-form form button span {
    z-index: 1;
    position: relative;
}

#home-form .description-form {
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    height: 100%;
    padding: 30px 35px 14px;
}

#home-form .description-form h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 28px;
}

#home-form .description-form ul {
    list-style: auto;
}

#home-form .description-form ul li {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

#home-form .description-form ul li:not(:last-child) {
    margin-bottom: 22px;
}

/*--------------------------------------------------------------
  # New profession
--------------------------------------------------------------*/
#new-profession {
    background-image: url("/images/new-profession.jpg");
    background-position: right 84%;
    background-repeat: no-repeat;
    padding: 44px 0px;
}

#new-profession h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    margin-bottom: 56px;
}

#new-profession h2 img {
    margin: -12px 0px 0px 32px;
}

#new-profession h2 span {
    font-weight: bold;
    position: relative;
}

#new-profession .block-number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0px 110px;
}

#new-profession .number {
    font-weight: 500;
    font-size: 120px;
    line-height: 1;
    color: #36A2A9;
    text-shadow: 7px 7px 4px #ccb68d8a;
    margin-right: 30px;
    width: 60px;
}

#new-profession .number-description {
    width: calc(100% - 90px);
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
}

#new-profession .new-profession-block-image {
    position: relative;
    margin-left: -40px;
}

#new-profession .new-profession-block-image:after {
    content: '';
    width: 436px;
    height: 436px;
    border: 3px solid #ccb68d8a;
    position: absolute;
    left: -342px;
    top: 0px;
    border-radius: 50%;
    z-index: -1;
}

#new-profession .new-profession-block-image .line-2 {
    position: absolute;
    right: -4px;
    bottom: -17px;
}

/*--------------------------------------------------------------
  # Sections How
--------------------------------------------------------------*/
#how {
    padding: 18px 0 100px;
}

#how .col-lg-6:nth-child(2) {
    padding-right: 0px;
}

#how .col-lg-6:nth-child(3) {
    padding-left: 0px;
}

#how h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    margin-bottom: 68px;
}

#how h2 span {
    font-weight: bold;
}

#how img {
    width: 100%;
    margin-top: 10px;
}

#how ul {
    padding-left: 0px;
    margin-top: 7px;
}

#how ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
    margin-bottom: 33px;
}

/*--------------------------------------------------------------
# Sections Step
--------------------------------------------------------------*/
#step {
    padding: 9px 0px 0px;
    position: relative;
}

#step .step-image {
    position: absolute;
    left: 58.7%;
    top: 0px;
    z-index: -1;
}

#step h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 119.19%;
    letter-spacing: 0.01em;
    color: #141414;
    margin-bottom: 28px;
}

#step h2 span.type-1 {
    font-weight: 700;
    color: #36A2A9;
    text-shadow: 4px 4px 4px #ccb68d8a;
}

#step h2 span.type-2 {
    font-weight: 700;
}

#step h2 span:nth-child(5) {
    font-style: normal;
    font-weight: 700;
}

#step .step-description {
    font-weight: 400;
    font-size: 22px;
    line-height: 119.19%;
    letter-spacing: 0.01em;
    color: #141414;
}

#step a.more {
    width: 304px;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin-top: 39px;
    display: block;
}

#step a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
}

#step a.more span {
    z-index: 1;
    position: relative;
}

#step .col-lg-7 {
    position: relative;
}

#step .line-5 {
    position: absolute;
    right: -141px;
    bottom: -1px;
}

/*--------------------------------------------------------------
# Reasons
--------------------------------------------------------------*/
#reasons {
    padding: 97px 0px 19px;
}

#reasons h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    margin-bottom: 78px;
}

#reasons h2 span {
    font-weight: 400;
}

#reasons h2 img {
    margin: -29px 0px 0px 54px;
}

#reasons .reasons-item {
    background: #FFFFFF;
    border: 1px solid #C9E6E8;
    border-radius: 6px;
    padding: 25px;
    margin-bottom: 30px;
    position: relative;
}

#reasons .reasons-item-title {
    font-weight: 700;
    font-size: 27px;
    line-height: 32px;
    color: #36A2A9;
    margin-bottom: 20px;
}

#reasons .reasons-item-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #141414;
    min-height: 136px;
    z-index: 2;
    position: relative;
}

#reasons img {
    margin-top: 46px;
}

#reasons .reasons-item-three .reasons-item-description {
    min-height: 92px;
}

#reasons .reasons-number {
    font-weight: 500;
    font-size: 120px;
    line-height: 1;
    color: #36A2A9;
    text-shadow: 7px 7px 4px #ccb68d8a;
    z-index: 1;
    width: 60px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 25px;
    margin: auto;
}

#reasons .reasons-price {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 120.19%;
    letter-spacing: 0.215em;
    text-transform: uppercase;
    color: #141414;
    text-align: center;
    margin-top: 20px;
}

#reasons .reasons-price span {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 120.19%;
    letter-spacing: 0.215em;
    text-transform: uppercase;
    color: #36A2A9;
}

#reasons a.more {
    width: 304px;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 30px auto 0px;
}

#reasons a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
}

#reasons a.more span {
    z-index: 1;
    position: relative;
}

#map .map-box .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    width: 70px;
    height: 70px;
    border: 4px solid transparent;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer;
}

#map .map-box .icon img {
    width: 64px;
    height: 64px;
    position: relative;
    z-index: 5;
}

#map .map-box .icon:hover {
    border: 4px solid #141414;
    scale: 1.05;
}

#map .map-box .icon.active {
    border: 4px solid #141414;
    scale: 1.05;
}

#map .map-box .icon.active::after {
    content: "";
    z-index: 2;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -14px;
    display: block;
    width: 50px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='21' viewBox='0 0 50 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.91718 0H0.805664C6.4885 6.46914 14.3424 12.6339 23.5651 19.8731C24.0399 20.2458 24.5184 20.6214 25.0004 21L25.6074 20.528C34.9736 13.2462 43.2109 6.84204 49.1608 0H49.0835C42.9275 6.17724 34.4104 9.99999 25.0004 9.99999C15.5904 9.99999 7.07322 6.17724 0.91718 0Z' fill='%23141414'/%3e%3c/svg%3e ");
    background-size: contain;
    background-repeat: no-repeat;
}

#map .map-box .icon.a {
    bottom: 34%;
    left: 20%;
}

#map .map-box .icon.b {
    bottom: 32%;
    right: 35%;
}

#map .map-box .icon.c {
    bottom: 40%;
    left: 39%;
}

#map .map-box .icon.d {
    top: 5%;
    right: 42%;
}

.right-case {
    position: relative;
}

#map {
    padding-bottom: 130px;
}

#map .description {
    display: none;
    padding: 5px;
    width: 100%;
    border: 1px solid #C9E6E8;
    border-radius: 10px;
    flex-wrap: wrap;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

#map .description.active {
    display: flex;
}

#map .description .shape {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
    width: 180px;
    height: 180px;
    border: 1px solid #C9E6E8;
    border-radius: 50%;
    margin-bottom: 24px;
}

#map .description .shape img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

#map .description .text-content p, #map .description .text-content .text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 141.19%;
}

#map .description .text-content .title {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

#map .description .text-content .profession {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    color: #CCB68D;
    margin: 5px;
}

#map .description .text-content-about {
    padding: 0px 30px;
}

#map .description .shape .img {
    margin: auto auto;
    width: 150px;
    height: 150px;
}

#map .map-box {
    position: relative;
    display: flex;
    justify-content: center;
}

#map .map-box .map {
    width: 100%;
}

#map svg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map .area {
    opacity: 0;
    fill: #cfb390;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

#map .area.active {
    opacity: 1;
}

#map .right-case {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#form-home-footer {
    background-color: #C9E6E8;
    padding: 52px 0px;
    position: relative;
}

#form-home-footer h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 120.19%;
    text-align: center;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #36A2A9;
    margin-bottom: 60px;
}

#form-home-footer input {
    width: 100%;
    height: 61px;
    background: #FFFFFF;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 120.19%;
    letter-spacing: 0.075em;
    color: rgba(0, 0, 0, 0.25);
    border: none;
    text-align: center;
}

#form-home-footer button {
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    border: none;
}

#form-home-footer button:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
}

#form-home-footer button span {
    z-index: 1;
    position: relative;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 60px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #f3f5fa;
}

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

.section-title h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    color: #37517e;
}

.section-title h2::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #47b2e4;
    bottom: 0;
    left: calc(50% - 20px);
}

.section-title p {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
#breadcrumb {
    padding: 30px 0px;
}

#breadcrumb.breadcrumb-courses-item {
    background: #36A2A9;
}

#breadcrumb.breadcrumb-courses-item li a, #breadcrumb.breadcrumb-courses-item li.active {
    color: #fff;
}

#breadcrumb.breadcrumb-courses-item .breadcrumb-item + .breadcrumb-item::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='-0.5' x2='5.54026' y2='-0.5' transform='matrix(0.721988 -0.691905 -0.721988 -0.691905 0 7.83301)' stroke='%23FFFFFF'/%3e%3cline y1='-0.5' x2='5.54026' y2='-0.5' transform='matrix(0.721988 0.691905 -0.721988 0.691905 0.0546875 1.625)' stroke='%23FFFFFF'/%3e%3c/svg%3e ");
}

.breadcrumb {
    margin: 0px -15px;
}

.breadcrumb li a, .breadcrumb li.active {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #9C9C9C;
    padding: 0px 15px;
    position: relative;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumbs ol li + li {
    padding-left: 10px;
}

.breadcrumb-item + .breadcrumb-item {
    position: relative;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 5px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='-0.5' x2='5.54026' y2='-0.5' transform='matrix(0.721988 -0.691905 -0.721988 -0.691905 0 7.83301)' stroke='%239C9C9C'/%3e%3cline y1='-0.5' x2='5.54026' y2='-0.5' transform='matrix(0.721988 0.691905 -0.721988 0.691905 0.0546875 1.625)' stroke='%239C9C9C'/%3e%3c/svg%3e ");
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer .footer-newsletter {
    padding: 50px 0;
    background: #f3f5fa;
    text-align: center;
    font-size: 15px;
    color: #444444;
}

#footer .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
    color: #37517e;
}

#footer .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
    text-align: left;
}

#footer .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px 8px;
    width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px;
    background: #47b2e4;
    color: #fff;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
    background: #209dd8;
}

#footer .footer-top {
    padding: 60px 0 30px 0;
    background: #36A2A9;
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
    font-size: 28px;
    margin: 0 0 10px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    color: #37517e;
}

#footer .footer-top .footer-contact p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Jost", sans-serif;
    color: #5e5e5e;
}

#footer .footer-top h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 120.19%;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 40px;
    min-height: 48px;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #47b2e4;
    font-size: 18px;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    margin-right: 15px;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    color: #777777;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #47b2e4;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #47b2e4;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
    background: #209dd8;
    color: #fff;
    text-decoration: none;
}

#footer .footer-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
}

#footer .copyright {
    float: left;
}

#footer .credits {
    float: right;
    font-size: 13px;
}

#footer .credits a {
    transition: 0.3s;
}

#footer .email {
    display: flex;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120.19%;
    letter-spacing: 0.075em;
    text-transform: lowercase;
    color: #fff;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

#footer .email svg {
    margin-right: 15px;
}

#title-page {
    padding: 24px 0px;
}

#title-page li a, #title-page li span {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #9C9C9C;
}

#title-page li a {
    padding-right: 34px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0.408241' y1='0.646447' x2='4.40824' y2='4.64645' stroke='%239C9C9C'/%3e%3cline x1='4.80863' y1='4.35355' x2='0.353859' y2='8.80833' stroke='%239C9C9C'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

#title-page h1 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #141414;
    margin-top: 48px;
}

#title-page h1 span {
    font-weight: bold;
}

#directions-study {
    padding: 36px 0px;
}

#directions-study h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #141414;
    margin-bottom: 45px;
}

#directions-study h2 span {
    font-weight: bold;
}

#directions-study .directions-study-item {
    background: #F3F4F7;
    border-radius: 6px;
    height: 172px;
    padding: 30px 25px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

#directions-study .directions-study-item:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 80px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    background: linear-gradient(180deg, rgba(243, 244, 247, 0) 0%, #F3F4F7 100%);
    border-radius: 6px;
    z-index: 10;
}

#directions-study .directions-study-item:before {
    content: url(/images/directions-study-item-icon-1.png);
    position: absolute;
    right: -33px;
    bottom: -35px;
    width: 107px;
    height: 107px;
    z-index: 11;
}

#directions-study .directions-study-item-2:before, #directions-study .directions-study-item-4:before, #directions-study .directions-study-item-6:before {
    content: url(/images/directions-study-item-icon-2.png);
}

#directions-study .directions-study-item h3 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #121212;
    margin-bottom: 25px;
}

#directions-study .directions-study-item p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135.69%;
    color: #4C463A;
}

#reveal-your-strengths {
    padding: 7px 0px 30px;
}

#reveal-your-strengths h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #141414;
    margin-bottom: 60px;
}

#reveal-your-strengths h2 span {
    font-weight: bold;
}

#reveal-your-strengths .icon {
    margin: 27px 0px 24px;
}

#reveal-your-strengths h3 {
    font-weight: 500;
    font-size: 35px;
    line-height: 42px;
    color: #141414;
    margin-bottom: 44px;
}

#reveal-your-strengths p {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
}

#reveal-your-strengths .main-image {
    border-radius: 6px;
    width: 100%;
    margin-bottom: 50px;
}

#events-calendar .events-calendar-info {
    display: flex;
    margin-bottom: 60px;
}

#events-calendar .events-calendar-info div {
    border-radius: 6px;
    height: 51px;
    font-weight: 400;
    font-size: 25px;
    line-height: 49px;
    text-align: center;
    color: #141414;
    padding: 0px 13px 0px 34px;
    margin-right: 36px;
    position: relative;
}

#events-calendar .events-calendar-info div:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0px;
    width: 22px;
    height: 100%;
    border-radius: 6px 0px 0px 6px;
    overflow: hidden;
}

#events-calendar .events-calendar-info div:nth-child(1) {
    border: 1px solid #36A2A9;
}

#events-calendar .events-calendar-info div:nth-child(2) {
    border: 1px solid #CCB68D;
}

#events-calendar .events-calendar-info div:nth-child(3) {
    border: 1px solid #9C9C9C;
    margin-right: 0px;
}

#events-calendar .events-calendar-info div:nth-child(1):before {
    background-color: #36A2A9;
}

#events-calendar .events-calendar-info div:nth-child(2):before {
    background-color: #CCB68D;
}

#events-calendar .events-calendar-info div:nth-child(3):before {
    background-color: #9C9C9C;
}

.events-calendar-days {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #9C9C9C;
    border-right: 0px;
    border-bottom: 0px;
}

.events-calendar-days > div {
    width: calc(100% / 7);
    min-height: 151px;
    border-right: 1px solid #9C9C9C;
    border-bottom: 1px solid #9C9C9C;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 28px 2px 0px;
}

.events-calendar-days > div span {
    position: absolute;
    font-weight: 400;
    right: 10px;
    top: 0px;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    color: #9C9C9C;
}

#events-calendar .events-calendar-nav {
    font-weight: 500;
    font-size: 35px;
    line-height: 100px;
    text-align: center;
    letter-spacing: 0.285em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.events-calendar-slider:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background: #36A2A9;
    border-radius: 6px 6px 0px 0px;
}

.events-calendar-days > div div {
    height: 36px;
    border-radius: 6px;
    font-weight: 400;
    font-size: 17px;
    line-height: 34px;
    text-align: center;
    color: #141414;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.events-calendar-days > div div.close-event {
    border: 1px solid #36A2A9;
}

.events-calendar-days > div div.open-event {
    border: 1px solid #CCB68D;
}

.events-calendar-days > div div.recreational-event {
    border: 1px solid #9C9C9C;
}

.events-calendar-days > div div:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0px;
    width: 12px;
    height: 100%;
    border-radius: 6px 0px 0px 6px;
    overflow: hidden;
}

.events-calendar-days > div div.close-event:before {
    background-color: #36A2A9;
}

.events-calendar-days > div div.open-event:before {
    background-color: #CCB68D;
}

.events-calendar-days > div div.recreational-event:before {
    background-color: #9C9C9C;
}

#events-calendar .slick-next {
    left: auto;
    right: 37px;
    bottom: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='21' cy='21' r='21' fill='white' fill-opacity='0.5'/%3e%3cpath d='M18 26L24 20.5L18 15' stroke='%2336A2A9' stroke-width='2'/%3e%3c/svg%3e ");
}

#events-calendar .slick-prev {
    left: auto;
    right: 94px;
    bottom: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='21' transform='matrix(-1 0 0 1 21 21)' fill='white' fill-opacity='0.5'/%3e%3cpath d='M24 26L18 20.5L24 15' stroke='%2336A2A9' stroke-width='2'/%3e%3c/svg%3e ");
}

#events-calendar .slick-next, #events-calendar .slick-prev {
    width: 42px;
    height: 42px;
    top: 48px;
    z-index: 1000;
}

.slick-prev:before, .slick-next:before {
    display: none;
}

#events-calendar .events-calendar-days-week {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #9C9C9C;
    border-right: 0px;
    border-bottom: 0px;
}

#events-calendar .events-calendar-days-week > div {
    width: calc(100% / 7);
    min-height: 78px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    font-weight: 400;
    font-size: 25px;
    line-height: 78px;
    text-align: right;
    text-transform: uppercase;
    color: #9C9C9C;
    justify-content: flex-end;
    border-right: 1px solid #fff;
    padding-right: 10px;
}

#events-calendar .events-calendar-days-week > div:last-child {
    border-right: 1px solid #9C9C9C;
}

#upcoming-events h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #141414;
    margin-bottom: 60px;
}

#upcoming-events h2 span {
    font-weight: bold;
}

#upcoming-events .events-tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

#upcoming-events .events-tabs > div {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #141414;
    cursor: pointer;
}

#upcoming-events .events-tabs > div.active {
    color: #46A9B0;
    font-weight: 600;
}

#upcoming-events .events-items .events-item .tags {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#upcoming-events .events-items .events-item .tags li:first-child {
    background: #46A9B0;
    border-radius: 31px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 0px 15px;
    margin-right: 15px;
}

#upcoming-events .events-items .events-item .tags li:nth-child(2) {
    background: #fff;
    border: 1px solid #46A9B0;
    border-radius: 31px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #46A9B0;
    padding: 0px 15px;
}

#upcoming-events .events-items .events-item .events-item-image {
    position: relative;
    margin-bottom: 12px;
}

#upcoming-events .events-items .events-item .events-item-image img {
    width: 100%;
    border-radius: 6px;
}

#upcoming-events .events-items .events-item .events-item-image:before {
    content: '';
    background-color: #0000005c;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

#upcoming-events .events-items .events-item .date {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #4C463A;
    margin-top: 45px;
}

#upcoming-events .events-items .events-item .author {
    font-weight: 700;
    font-size: 25px;
    line-height: 2;
    color: #4C463A;
}

#upcoming-events .events-items .events-item .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: #4C463A;
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    min-height: 70px;
}

#upcoming-events .events-items .col-xl-4 {
    border-left: 1px solid #C9E6E8;
    border-right: 1px solid #fff;
    margin-bottom: 30px;
}

#upcoming-events .events-items .col-xl-4:nth-child(3n), #upcoming-events .events-items .col-xl-4:last-child {
    border-right: 1px solid #C9E6E8;
}

#upcoming-events .events-items .events-item .become-member {
    width: auto;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 40px auto 20px;
}

#upcoming-events .events-items .events-item .become-member:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#upcoming-events .events-items .events-item .become-member:hover {
    color: #fff;
    background: #CCB68D;
}

#upcoming-events .events-items .events-item .become-member:hover:after, .user-register button:hover:after {
    display: none;
}

#upcoming-events .events-items .events-item .more {
    width: auto;
    height: 60px;
    border: 2px solid #C59F5A;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #6C4805;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0px auto 10px;
}

#upcoming-events .events-items .events-item .more:hover {
    color: #fff;
    background: #C59F5A;
}

.events-items .row > div.no-active {
    display: none;
}

.events-items .row > div.active {
    display: block;
}

#upcoming-events .events-items {
    padding: 0px 15px;
}

#upcoming-events .events-items .events-item .become-member:hover {
    color: #fff;
}

#hero a.more:hover, #home-form form button:hover, #step a.more:hover, #reasons a.more:hover, #form-home-footer button:hover {
    color: #fff;
}

#upcoming-events .events-items .events-item .become-member:hover:after,
#hero a.more:hover:after,
#home-form form button:hover:after,
#step a.more:hover:after,
#reasons a.more:hover:after,
#form-home-footer button:hover:after,
#user-page .user-page-btn.new-course:hover:after {
    display: none;
}

#speakers-hero {
    padding: 43px 0px 40px;
}

#speakers-hero h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    margin-bottom: 38px;
}

#speakers-hero ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#speakers-hero ul li {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    padding-left: 21px;
    position: relative;
    margin-bottom: 29px;
}

#speakers-hero ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 13px;
    width: 6px;
    height: 6px;
    background-color: #141414;
    border-radius: 10px;
}

#speakers-hero .img-block {
    text-align: right;
    position: relative;
    margin-top: -42px;
}

#speakers-hero .img-block:after {
    content: '';
    width: 543px;
    height: 543px;
    background: rgba(54, 162, 169, 0.39);
    position: absolute;
    left: -280px;
    top: 0px;
    border-radius: 50%;
    z-index: -1;
}

#speakers-hero .img-block .line-hero1 {
    position: absolute;
    left: -56px;
    bottom: 30px;
}

#speakers-hero .img-block .line-hero2 {
    position: absolute;
    left: -12px;
    top: 44px;
}

#speakers-hero a.more {
    width: 304px;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 74px 0px 20px;
}

#speakers-hero a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#speakers-hero a.more span {
    z-index: 1;
    position: relative;
}

#marketplace-manager {
    padding: 60px 0px 80px;
}

#marketplace-manager h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    text-align: center;
    margin-bottom: 62px;
}

#marketplace-manager p {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    margin-bottom: 30px;
}

#marketplace-manager .line-hero2 {
    position: absolute;
    left: -245px;
    bottom: 32px;
}

#marketplace-manager .line6 {
    position: absolute;
    left: -101px;
    top: 44px;
}

#marketplace-manager .img-block {
    position: relative;
    text-align: right;
}

#marketplace-manager .img-block:after {
    content: '';
    width: 386px;
    height: 386px;
    background: rgba(54, 162, 169, 0.39);
    position: absolute;
    left: -228px;
    top: 0px;
    border-radius: 50%;
    z-index: -1;
}

#training-program {
    background-color: #C9E6E8;
    padding: 60px 0 40px;
}

#training-program h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    position: relative;
    margin-bottom: 37px;
}

#training-program h2 span {
    color: #36A2A9;
    display: block;
    font-weight: 900;
    font-size: 50px;
    margin-top: 18px;
}

#training-program h2 img {
    position: absolute;
    left: 290px;
    bottom: 0px;
}

#training-program h3 {
    font-weight: 400;
    font-size: 35px;
    line-height: 42px;
    color: #141414;
    margin-bottom: 26px;
}

#training-program p {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    margin-bottom: 48px;
}

.accordion__item {
    border-bottom: 1px solid #36A2A9;
}

.accordion__item .accordion__title {
    position: relative;
    display: block;
    padding: 30px 20px 30px 0px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    cursor: pointer;
}

.accordion {
    border-top: 1px solid #36A2A9;
}

.accordion .accordion__item:last-child .accordion__title {
    border-bottom: 0px solid #36A2A9;
}

.accordion__item .accordion__title .accordion__arrow {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 30px;
    right: 0px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.accordion__item .accordion__content {
    padding: 0px 0px 20px;
    display: none;
    color: #282828;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
}

.accordion__subtitle {
    color: #141414;
    font-size: 18px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.4;
}

#how-training h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    text-align: center;
    margin-bottom: 40px;
}

#how-training p {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
}

#how-training .number {
    width: 100px;
    height: 100px;
    border: 1px solid #31767B;
    font-weight: 600;
    font-size: 60px;
    line-height: 98px;
    color: #31767B;
    border-radius: 50%;
    text-align: center;
    margin: 60px auto 30px;
}

#how-training .number-name {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    text-align: center;
    margin-bottom: 30px;
}

#how-training .number-description {
    font-weight: 400;
    font-size: 23px;
    line-height: 29px;
    text-align: center;
    color: #141414;
}

#go-meeting h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #6C4805;
}

#go-meeting h2 span {
    font-weight: bold;
}

#go-meeting a.more {
    width: 304px;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
}

#go-meeting a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#go-meeting a.more span {
    z-index: 1;
    position: relative;
}

#go-meeting .col-lg-12 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.img-block {
    position: relative;
}

.modal-block-menu {
    display: none;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 63px;
    height: 100%;
    width: 100%;
    z-index: 100000;
}

.modal-block-menu.open {
    display: block;
}

.modal-menu-bg.open {
    background: rgba(20, 20, 20, 0.3);
    height: 100vh;
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: -86px;
}

.modal-block-menu .modal-menu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 408px;
    height: max-content;
    padding: 30px 0px;
    margin: 0px;
    background: #fff;
    list-style: none;
    border-right: 1px solid #9C9C9C;
    border-radius: 10px 0px 0px 10px;
}

.modal-block-menu .modal-menu .mobile-vision {
    display: none;
}

.modal-block-menu .modal-menu li a {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #121212;
    margin: 10px 0px;
    display: block;
    text-align: left;
}

.modal-block-menu .modal-menu li.have-child {
    padding: 0px 30px;
    margin-right: -1px;
}

.modal-block-menu .modal-menu li.have-child > a {
    position: relative;
}

.modal-block-menu .modal-menu li.have-child > a:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L11 10.5L1 20.5' stroke='%23141414' stroke-width='2'/%3e%3c/svg%3e ");
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 13px;
    height: 22px;
}

.modal-block-menu .modal-menu > li:hover > a {
    color: #36A2A9;
}

.modal-block-menu .modal-menu .children-menu {
    width: max-content;
    list-style: none;
    margin: 0px;
    padding: 30px;
    position: absolute;
    left: 408px;
    top: 0px;
    background: #fff;
    display: none;
    height: 100%;
    border-radius: 0px 10px 10px 0px;
}

.modal-block-menu .modal-menu .children-menu li:hover > a {
    color: #36A2A9;
}

.modal-block-menu .modal-menu > li:hover .children-menu {
    display: block;
}

#course-hero {
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}

#course-hero img {
    width: 100%;
}

#course-hero .hero-image {
    position: absolute;
    left: 28%;
    top: 0px;
    z-index: -1;
}

#course-hero h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 131.69%;
    letter-spacing: 0.02em;
    color: #4C463A;
    margin: 30px 0px 40px;
}

#course-hero p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 131.69%;
    letter-spacing: 0.02em;
    color: #4C463A;
    margin-bottom: 36px;
}

#course-hero .container {
    z-index: 2;
    position: relative;
}

#course-hero h2 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    margin-top: 57px;
}

#course-hero .img-block {
    text-align: right;
    position: relative;
    margin-top: 27px;
}

#course-hero .img-block .line-hero1 {
    position: absolute;
    left: -56px;
    top: 71px;
}

#course-hero a.more {
    max-width: 360px;
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 55px 0px 20px;
}

#course-hero a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#course-hero a.more span {
    z-index: 1;
    position: relative;
}

/*--------------------------------------------------------------
# Company page
--------------------------------------------------------------*/
#company-hero {
    padding: 0px 0px 30px;
    position: relative;
    overflow: hidden;
}

#company-hero img {
    width: 100%;
}

#company-hero .hero-image {
    position: absolute;
    left: 28%;
    top: 0px;
    z-index: -1;
}

#company-hero h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 131.69%;
    letter-spacing: 0.02em;
    color: #4C463A;
}

#company-hero p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #141414;
    margin-bottom: 15px;
}

#company-hero .container {
    z-index: 2;
    position: relative;
}

#company-hero h2 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    margin-top: 57px;
}

#company-hero .img-block {
    text-align: right;
    position: relative;
    padding-left: 0px;
}

#company-hero .img-block .line-hero1 {
    position: absolute;
    left: -56px;
    top: 71px;
}

#company-hero a.more {
    max-width: 360px;
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 55px 0px 20px;
}

#company-hero a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#company-hero a.more span {
    z-index: 1;
    position: relative;
}

#company-training {
    padding: 100px 0px;
}

#company-training .company-training-blue-bg {
    padding: 50px 30px 80px;
    background: #46A9B0;
    box-shadow: 0px 4px 17px 9px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

#company-training .company-training-blue-bg h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
}

#company-training .company-training-blue-bg p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

#company-training .company-training-blue-bg h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

#company-training .company-training-blue-bg img {
    margin-bottom: 20px;
}

#company-training .company-training-blue-bg h3 {
    margin-bottom: 25px;
}

#company-training .company-training-image {
    border-radius: 6px;
    box-shadow: 0px 4px 17px 9px rgba(0, 0, 0, 0.25);
    margin: -50px auto 0px;
    display: block;
    width: max-content;
}

#company-faq h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    color: #141414;
    margin-top: -15px;
}

#courses-page {
    overflow: inherit;
    padding: 40px 0px 0px;
}

#courses-page h1 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #141414;
    margin-bottom: 50px;
}

#courses-page .courses-tags {
    display: flex;
    justify-content: space-between;
}

#courses-page .courses-tags a {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #46A9B0;
    background: rgba(201, 230, 232, 0.3);
    border-radius: 31px;
    height: 24px;
    padding: 0px 15px;
}

#courses-page .courses-toolbar {
    display: flex;
    margin-top: 20px;
    width: fit-content;
}

#courses-page .courses-toolbar > div {
    height: 35px;
    background: rgba(20, 20, 20, 0.71);
    border-radius: 5px;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF;
    margin-right: 20px;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

#courses-page .courses-toolbar > div > div:first-child {
    padding: 0px 25px;
}

#courses-page .courses-toolbar > div:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#courses-page .courses-toolbar > div.courses-toolbar-courses svg {
    margin-left: 17px;
}

#courses-page .courses-toolbar > div.courses-toolbar-sorting svg, #courses-page .courses-toolbar > div.courses-toolbar-all-filter svg {
    margin-right: 10px;
}

#courses-page .col-xl-12 {
    position: relative;
}

#all-courses {
    padding: 30px 0px;
}

#all-courses:has(.courses-item) {
    padding: 30px 0px 78px;
}

#all-courses .courses-item {
    margin-bottom: 30px;
    position: relative;
}

#all-courses .courses-item:hover:before {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    z-index: -1;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(36, 36, 36, .1);
    border-radius: 16px;
}

#all-courses .courses-item .rating {
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 10px;
}

#all-courses .courses-item .rating span {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #C59F5A;
    display: block;
    margin-left: 10px;
}

#all-courses .courses-item .courses-item-image {
    position: relative;
    margin-bottom: 12px;
}

#all-courses .courses-item .courses-item-image img {
    width: 100%;
    height: 177px;
    object-fit: cover;
    border-radius: 6px;
}

#all-courses .courses-item .courses-item-image:before {
    content: '';
    background-color: #0000005c;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

#all-courses .courses-item .title {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    color: #4C463A;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 60px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

#all-courses .courses-item .author {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #9C9C9C;
    margin-top: 10px;
    height: 20px;
}

#all-courses .courses-item .price {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    margin-top: 10px;
}

#all-courses .courses-item ul {
    padding: 0px;
    margin: 10px 0px 0px;
    display: none;
    list-style: none;
}

#all-courses .courses-item ul li {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #9C9C9C;
    position: relative;
}

#all-courses .courses-item ul li:not(:first-child) {
    padding-left: 15px;
}

#all-courses .courses-item ul li:not(:first-child):before {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    bottom: 0px;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #9C9C9C;
}

#all-courses .courses-item .more {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    height: 50px;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #141414;
    width: 100%;
    margin-top: 24px;
    display: none;
}

#all-courses .courses-item:hover .more {
    display: block;
}

#all-courses .courses-item:hover {
    margin-bottom: -44px;
    position: relative;
    z-index: 10;
}

#all-courses .courses-item .more:hover {
    background: #BB2649;
    color: #fff;
}

#courses-page .courses-toolbar-courses-modal {
    position: absolute;
    left: 0px;
    top: 55px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    z-index: 100;
    display: none;
    width: auto;
}

#courses-page .courses-toolbar-courses-modal:before {
    content: '';
    position: absolute;
    top: -34px;
    left: 43px;
    width: 43px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='35' viewBox='0 0 42 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_453_2354)'%3e%3cpath d='M21 16.9985L33.9904 34.5485H8.00962L21 16.9985Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_453_2354' x='0.00964355' y='0.998535' width='41.9807' height='33.5498' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='-8'/%3e%3cfeGaussianBlur stdDeviation='4'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_453_2354'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_453_2354' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
}

#courses-page .active .courses-toolbar-courses-modal {
    display: flex;
}

#courses-page .courses-toolbar-courses-modal ul {
    margin: 0px;
    width: max-content;
    list-style: none;
}

#courses-page .courses-toolbar-courses-modal li {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 1;
    color: #4B4B4B;
    padding: 7px 15px;
    margin: 5px 0px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#courses-page .courses-toolbar-courses-modal ul {
    padding: 30px;
}

#courses-page .courses-toolbar-courses-modal ul li:hover, #courses-page .courses-toolbar-courses-modal ul li.active {
    height: auto;
    background: #36A2A9;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
}

.courses-toolbar-three-column, .courses-toolbar-two-column, .courses-toolbar-three-column ul, .courses-toolbar-two-column ul {
    display: none;
}

.courses-toolbar-three-column ul.active, .courses-toolbar-two-column ul.active, .courses-toolbar-three-column.active, .courses-toolbar-two-column.active {
    display: block;
}

.courses-toolbar-three-column, .courses-toolbar-two-column {
    border-left: 2px solid rgba(156, 156, 156, 0.2);
}

#courses-page .courses-toolbar > div.courses-toolbar-sorting, #courses-page .courses-toolbar > div.courses-toolbar-price {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='-0.5' x2='5.59696' y2='-0.5' transform='matrix(-0.766943 0.641715 -0.766943 -0.641715 9 0.0488281)' stroke='white'/%3e%3cline y1='-0.5' x2='6.2333' y2='-0.5' transform='matrix(-0.766943 -0.641715 0.766943 -0.641715 5.78027 4)' stroke='white'/%3e%3c/svg%3e ");
    background-position: center right 13px;
    background-repeat: no-repeat;
}

#courses-page .courses-toolbar > div.courses-toolbar-sorting > div:first-child, #courses-page .courses-toolbar > div.courses-toolbar-price > div:first-child {
    padding: 0px 45px 0px 25px;
}

#courses-page .active .courses-toolbar-sorting-modal {
    display: block;
}

#courses-page .courses-toolbar-sorting-modal {
    position: absolute;
    left: 0px;
    top: 55px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    z-index: 100;
    display: none;
    width: auto;
    padding: 15px;
}

#courses-page .courses-toolbar-sorting-modal:before {
    content: '';
    position: absolute;
    top: -34px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 43px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='35' viewBox='0 0 42 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_453_2354)'%3e%3cpath d='M21 16.9985L33.9904 34.5485H8.00962L21 16.9985Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_453_2354' x='0.00964355' y='0.998535' width='41.9807' height='33.5498' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='-8'/%3e%3cfeGaussianBlur stdDeviation='4'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_453_2354'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_453_2354' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
}

#courses-page .courses-toolbar-sorting-modal .input-radio {
    display: block;
    cursor: pointer;
}

#courses-page .courses-toolbar-sorting-modal .input-radio input {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
}

#courses-page .courses-toolbar-sorting-modal .input-radio label {
    font-family: 'Golos';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding-left: 35px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: max-content;
}

#courses-page .courses-toolbar-sorting-modal .input-radio label:before {
    display: block;
    position: absolute;
    margin-top: -7px;
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    border: 1px solid #d3d4dd;
    border-radius: 50%;
    background: #fff;
    z-index: 5;
    content: '';
}

#courses-page .courses-toolbar-sorting-modal .input-radio:hover label:before {
    border-color: #a9a8b0;
}

#courses-page .courses-toolbar-sorting-modal .input-radio input:checked + label:before {
    border: 2px solid #36A2A9;
}

#courses-page .courses-toolbar-sorting-modal .input-radio input:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    top: 13px;
    left: 6px;
    background: #36A2A9;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
}

#courses-page .active .courses-toolbar-price-modal {
    display: block;
}

#courses-page .courses-toolbar-price-modal {
    position: absolute;
    left: -83px;
    top: 55px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    z-index: 100;
    display: none;
    width: 296px;
    padding: 15px;
}

#courses-page .courses-toolbar-price-modal:before {
    content: '';
    position: absolute;
    top: -34px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 43px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='35' viewBox='0 0 42 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_453_2354)'%3e%3cpath d='M21 16.9985L33.9904 34.5485H8.00962L21 16.9985Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_453_2354' x='0.00964355' y='0.998535' width='41.9807' height='33.5498' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='-8'/%3e%3cfeGaussianBlur stdDeviation='4'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_453_2354'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_453_2354' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
}

#courses-page .courses-toolbar-price-modal .filter .filter__price {
    display: flex;
    width: 100%;
}

#courses-page .courses-toolbar-price-modal .filter .filter__price-item {
    width: calc(50% - 4px);
}

#courses-page .courses-toolbar-price-modal h3 {
    font-family: 'Golos';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 15px;
}

#courses-page .courses-toolbar-price-modal .input-search--gray input {
    background-color: #f1f1f5;
    transition: background-color .3s ease 0s, border-color .3s ease 0s;
    padding: 6px 12px;
    height: 36px;
    width: 100%;
    border: 1px solid #f1f1f5;
    border-radius: 8px;
    font-size: 16px;
    line-height: 16px;
    color: #242424;
}

#courses-page .courses-toolbar-price-modal .filter .filter__price-item ~ .filter__price-item {
    margin-left: 8px;
}

#courses-page .courses-toolbar-price-modal button {
    width: 100%;
    height: 40px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    border: none;
    margin: 15px auto 0px;
}

#courses-page .courses-toolbar-price-modal button:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#courses-page .courses-toolbar-price-modal span {
    z-index: 1;
    position: relative;
}

.filter-modal {
    position: fixed;
    top: 0;
    right: -336px;
    width: 336px;
    height: 100vh;
    overflow: hidden;
    background-color: #fff;
    transition: right .3s ease 0s;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    padding: 24px 40px;
    z-index: 100000;
}

.filter-modal.active {
    right: 0px;
}

.filter-modal-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-right: auto;
    margin-bottom: 20px;
}

.filter-modal-subtitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.filter-modal .block-content {
    margin-bottom: 20px;
}

.filter-modal .filter .filter__price {
    display: flex;
    width: 100%;
}

.filter-modal .filter .filter__price-item {
    width: calc(50% - 4px);
}

.filter-modal .filter h3 {
    font-family: 'Golos';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 15px;
}

.filter-modal .input-search--gray input {
    background-color: #f1f1f5;
    transition: background-color .3s ease 0s, border-color .3s ease 0s;
    padding: 6px 12px;
    height: 36px;
    width: 100%;
    border: 1px solid #f1f1f5;
    border-radius: 8px;
    font-size: 16px;
    line-height: 16px;
    color: #242424;
}

.filter-modal .filter .filter__price-item ~ .filter__price-item {
    margin-left: 8px;
}

.filter-modal .input-radio {
    display: block;
    cursor: pointer;
    margin-bottom: 6px;
}

.filter-modal .input-radio svg {
    margin-right: 10px;
}

.filter-modal .input-radio input {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
}

.filter-modal .input-radio label {
    font-family: 'Golos';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding-left: 35px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: max-content;
    display: flex;
    align-content: center;
    align-items: center;
}

.filter-modal .input-radio label:before {
    display: block;
    position: absolute;
    margin-top: -7px;
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    border: 1px solid #d3d4dd;
    border-radius: 50%;
    background: #fff;
    z-index: 5;
    content: '';
}

.filter-modal .input-radio:hover label:before {
    border-color: #a9a8b0;
}

.filter-modal .input-radio input:checked + label:before {
    border: 2px solid #36A2A9;
}

.filter-modal .input-radio input:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    top: 6px;
    left: 6px;
    background: #36A2A9;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
}

.filter-modal .input-checkbox {
    display: block;
    cursor: pointer;
    margin-bottom: 6px;
}

.filter-modal .input-checkbox svg {
    margin-right: 10px;
}

.filter-modal .input-checkbox input {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
}

.filter-modal .input-checkbox label {
    font-family: 'Golos';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding-left: 35px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: max-content;
    display: flex;
    align-content: center;
    align-items: center;
}

.filter-modal .input-checkbox label:before {
    display: block;
    position: absolute;
    margin-top: -7px;
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    border: 1px solid #d3d4dd;
    background: #fff;
    z-index: 5;
    content: '';
}

.filter-modal .input-checkbox:hover label:before {
    border-color: #a9a8b0;
}

.filter-modal .input-checkbox input:checked + label:before {
    border: 2px solid #36A2A9;
}

.filter-modal .input-checkbox input:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    top: 6px;
    left: 6px;
    background: #36A2A9;
    position: absolute;
    z-index: 11;
}

.filter-modal .filter-modal-body {
    overflow-y: auto;
    scrollbar-color: #d3d4dd transparent;
    scrollbar-width: thin;
    width: 100%;
    height: calc(100vh - 100px);
    padding-right: 6px;
}

.filter-modal .filter-modal-body::-webkit-scrollbar {
    width: 6px;
}

.filter-modal .filter-modal-body::-webkit-scrollbar-track {
    background-color: transparent;
}

.filter-modal .filter-modal-body::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #d3d4dd;
    border-radius: 3px;
}

.filter-modal .filter-modal-body::-webkit-scrollbar-thumb:hover {
    background: #605f65;
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #242424;
    opacity: .3 !important;
    position: fixed;
    z-index: 1000;
}

.overlay.active {
    display: block;
}

.filter-modal-close {
    position: absolute;
    right: 48px;
    top: 44px;
    cursor: pointer;
}

.filter-modal-close::after {
    transition: background .3s ease 0s;
    background-color: #b9b9c1;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 20px;
    height: 2px;
}

.filter-modal-close::before {
    width: 2px;
    height: 20px;
    transition: background .3s ease 0s;
    background-color: #b9b9c1;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

#for-teachers h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #4C463A;
    margin-bottom: 30px;
}

#for-teachers p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #141414;
}

#for-teachers img {
    width: 100%;
}

#for-teachers a.more {
    max-width: 360px;
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 55px 0px 20px;
}

#for-teachers a.more:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#for-teachers a.more span {
    z-index: 1;
    position: relative;
}

#for-teachers-steps {
    padding: 20px 0px;
}

#for-teachers-steps h2 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    text-align: center;
    margin-bottom: 50px;
}

#for-teachers-steps h2 span {
    font-weight: bold;
}

#for-teachers-steps .step {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    line-height: 89%;
    text-align: center;
    color: #46A9B0;
    position: relative;
}

#for-teachers-steps .step-title {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 89%;
    text-align: center;
    color: #141414;
}

#for-teachers-steps .step-text {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #141414;
    text-align: center;
    margin-top: 20px;
}

#for-teachers-steps .step.arrow:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='267' height='30' viewBox='0 0 267 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M265.707 15.7071C266.098 15.3166 266.098 14.6834 265.707 14.2929L259.343 7.92893C258.953 7.53841 258.319 7.53841 257.929 7.92893C257.538 8.31946 257.538 8.95262 257.929 9.34315L263.586 15L257.929 20.6569C257.538 21.0474 257.538 21.6805 257.929 22.0711C258.319 22.4616 258.953 22.4616 259.343 22.0711L265.707 15.7071ZM0 16H5.52083V14H0V16ZM16.5625 16H27.6042V14H16.5625V16ZM38.6458 16H49.6875V14H38.6458V16ZM60.7292 16H71.7708V14H60.7292V16ZM82.8125 16H93.8542V14H82.8125V16ZM104.896 16H115.937V14H104.896V16ZM126.979 16H138.021V14H126.979V16ZM149.062 16H160.104V14H149.062V16ZM171.146 16H182.188V14H171.146V16ZM193.229 16H204.271V14H193.229V16ZM215.313 16H226.354V14H215.313V16ZM237.396 16H248.438V14H237.396V16ZM259.479 16H265V14H259.479V16ZM266.414 16.4142C267.195 15.6332 267.195 14.3668 266.414 13.5858L253.686 0.857864C252.905 0.0768156 251.639 0.0768156 250.858 0.857864C250.077 1.63891 250.077 2.90524 250.858 3.68629L262.172 15L250.858 26.3137C250.077 27.0948 250.077 28.3611 250.858 29.1421C251.639 29.9232 252.905 29.9232 253.686 29.1421L266.414 16.4142ZM0 17H5.52083V13H0V17ZM16.5625 17H27.6042V13H16.5625V17ZM38.6458 17H49.6875V13H38.6458V17ZM60.7292 17H71.7708V13H60.7292V17ZM82.8125 17H93.8542V13H82.8125V17ZM104.896 17H115.937V13H104.896V17ZM126.979 17H138.021V13H126.979V17ZM149.062 17H160.104V13H149.062V17ZM171.146 17H182.188V13H171.146V17ZM193.229 17H204.271V13H193.229V17ZM215.313 17H226.354V13H215.313V17ZM237.396 17H248.438V13H237.396V17ZM259.479 17H265V13H259.479V17Z' fill='%239C9C9C'/%3e%3c/svg%3e ");
    right: -145px;
    top: 23px;
    width: 267px;
    height: 30px;
}

#for-teachers-steps-group h2 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    text-align: center;
    margin-bottom: 50px;
}

#for-teachers-steps-group h2 span {
    font-weight: bold;
}

#for-teachers-steps-group img {
    border-radius: 6px;
    width: 100%;
}

#for-teachers-steps-group .step {
    width: 100%;
    height: 170px;
    border: 1px solid #E6E6E6;
    box-shadow: 4px 4px 13px 3px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

#for-teachers-steps-group .step .step-title {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    color: #46A9B0;
}

#for-teachers-steps-group .step .step-text {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #141414;
}

#for-teachers-steps-group .step.step-1 {
    background-image: url("/images/step-1.png");
    background-position: top -12px right -12px;
    background-repeat: no-repeat;
}

#for-teachers-steps-group .step.step-2 {
    background-image: url("/images/step-2.png");
    background-position: top -12px right -12px;
    background-repeat: no-repeat;
}

#user-page {
    padding: 0px 0px 70px 0px;
    min-height: 460px;
}

#user-page h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #4C463A;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#user-page h3 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #4C463A;
}

#user-page h4 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    color: #4C463A;
}

#user-page .user-nav {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    padding: 11px 16px;
    margin: 0px 0px 30px 0px;
    list-style: none;
}

#user-page .user-nav li {
    padding: 5px 0px;
}

#user-page .user-nav li a {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #4C463A;
}

#user-page .user-nav li a.active, #user-page .user-nav li a:hover {
    color: #36A2A9;
    font-weight: bold;
}

#user-page .user-page-btn.new-course {
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 55px 0px 20px;
}

#user-page .user-page-btn.new-course:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#user-page .user-page-btn.new-course span {
    z-index: 1;
    position: relative;
}

#user-page .user-page-btn {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 6px;
    height: 61px;
    line-height: 61px;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.1em;
    color: #141414;
    display: block;
    line-height: 61px;
}

#user-page .user-page-courses-link {
    justify-content: space-between;
    margin-bottom: 30px !important;
}

#user-page .user-page-courses-link, #user-page .user-page-training-video {
    display: flex;
    margin: 0px -15px;
    flex-wrap: wrap;
}

#user-page .user-page-courses-link.user-page-training-video, #user-page .user-page-training-video.user-page-training-video {
    margin-bottom: 50px;
}

#user-page .user-page-courses-link .user-page-btn, #user-page .user-page-courses-link div, #user-page .user-page-training-video .user-page-btn, #user-page .user-page-training-video div {
    margin: 0px 15px;
    width: calc(50% - 30px);
}

#user-page .user-page-courses-table-header {
    display: flex;
    border-radius: 0px;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #141414;
}

#user-page .user-page-courses-table {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    margin-bottom: 64px;
}

#user-page .user-page-courses-table-header div {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 20px 0px 20px 30px;
}

#user-page .user-page-courses-table-header div a {
    color: #36A2A9;
    display: inline-block;
    margin-right: 5px;
}

#user-page .user-page-courses-table-header div span {
    margin-left: 5px;
    display: inline-block;
}

#user-page .user-page-courses-table-header div .draft-class {
    color: #70757A;
}

#user-page .user-page-courses-table-header div .moderation-class {
    color: #BB2649;
}

#user-page .user-page-courses-table-header div .published-class {
    color: #117B00;
}

#user-page .user-page-courses-table-header div:nth-child(1) {
    width: 219px;
    border-right: 1px solid rgba(202, 202, 202, 0.43);
}

#user-page .user-page-courses-table-header:not(:last-child) {
    border-bottom: 1px solid rgba(202, 202, 202, 0.43);
}

#user-page iframe {
    margin-bottom: 20px;
}

#user-page.user-page-training ul:not(.user-nav) {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
}

#user-page.user-page-training ul:not(.user-nav) li {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
    margin-bottom: 30px;
    padding-left: 50px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_902_10)'%3e%3cpath d='M12.5 0C14.4389 0 16.2738 0.441726 17.9133 1.22961C17.2422 1.76053 16.6199 2.27022 16.0402 2.76079C14.9359 2.35941 13.7445 2.14067 12.5021 2.14067C9.64152 2.14067 7.05063 3.3002 5.17754 5.17542C3.30233 7.05063 2.1428 9.6394 2.1428 12.5C2.1428 15.3606 3.30233 17.9494 5.17754 19.8246C7.05275 21.6998 9.64152 22.8593 12.5021 22.8593C15.3627 22.8593 17.9536 21.6998 19.8267 19.8246C21.7019 17.9494 22.8615 15.3606 22.8615 12.5C22.8615 11.8204 22.7956 11.1536 22.6703 10.5101C23.2076 9.80929 23.7576 9.1106 24.3204 8.41828C24.7621 9.69674 25.0021 11.0708 25.0021 12.5C25.0021 15.951 23.6026 19.077 21.3409 21.3388C19.0792 23.6005 15.9531 25 12.5021 25C9.05114 25 5.92508 23.6005 3.66335 21.3388C1.39951 19.077 0 15.951 0 12.5C0 9.04901 1.39951 5.92295 3.66123 3.66123C5.92295 1.39951 9.04902 0 12.5 0ZM6.67686 10.4464L9.72647 10.406L9.9537 10.4655C10.5696 10.8202 11.1493 11.2258 11.6909 11.6845C12.0816 12.0158 12.4554 12.3768 12.8101 12.7676C13.9038 11.0071 15.0697 9.39093 16.3014 7.90435C17.6499 6.27548 19.0813 4.7974 20.5849 3.44886L20.8822 3.33418H24.21L23.5389 4.0796C21.4768 6.37105 19.6058 8.73896 17.9154 11.1812C16.2249 13.6256 14.7129 16.1485 13.3686 18.7458L12.9502 19.5528L12.5658 18.7309C11.8565 17.2082 11.0071 15.8108 9.99405 14.5621C8.98106 13.3134 7.80241 12.2048 6.42839 11.2619L6.67686 10.4464Z' fill='%2336A2A9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_902_10'%3e%3crect width='25' height='25' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-position: top left 0px;
    background-repeat: no-repeat;
}

#user-page .user-page-analytics-table {
    display: flex;
    flex-wrap: wrap;
}

#user-page .user-page-analytics-table > div {
    width: 100%;
    display: flex;
}

#user-page .user-page-analytics-table > div > div:nth-child(1) {
    width: 300px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
    margin-bottom: 20px;
}

#user-page .user-page-analytics-table > div > div:nth-child(2) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
}

#user-page .user-page-analytics-students {
    margin: 30px -15px;
    display: flex;
    flex-wrap: wrap;
}

#user-page .user-page-analytics-students div {
    margin: 0px 15px 30px;
    width: calc(100% / 5 - 30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#user-page .user-page-analytics-students div img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

#user-page .user-page-analytics-students div span {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 138.5%;
    color: #141414;
    text-align: center;
}

#user-page .user-page-analytics-reviews {
    margin-top: 30px;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review {
    margin-bottom: 30px;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-name {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 138.5%;
    color: #141414;
    margin-bottom: 20px;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body {
    display: flex;
    flex-wrap: wrap;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-avatar {
    width: 150px;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-avatar img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-info {
    width: calc(100% - 150px);
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-info .user-page-analytics-review-body-info-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-info .user-page-analytics-review-body-info-line div:nth-child(1) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #C59F5A;
    display: flex;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-info .user-page-analytics-review-body-info-line div:nth-child(1) span {
    display: block;
    margin-left: 10px;
}

#user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-info .user-page-analytics-review-body-info-line div:nth-child(2) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #141414;
}

#courses-item-page {
    position: relative;
    padding: 0px 0px 35px;
}

#courses-item-page:before {
    content: '';
    background: #36A2A9;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 284px;
    width: 100%;
    z-index: -1;
}

#courses-item-page h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

#courses-item-page .description {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

#courses-item-page .info {
    display: flex;
    margin-bottom: 15px;
}

#courses-item-page .info div:nth-child(1) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #DCAF5D;
    display: flex;
}

#courses-item-page .info div:nth-child(1) svg {
    color: #DCAF5D;
}

#courses-item-page .info div:nth-child(1) span {
    display: block;
    margin-left: 10px;
}

#courses-item-page .info div:nth-child(2) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    margin-left: 30px;
}

#courses-item-page .author {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
}

#courses-item-page .author span {
    font-weight: bold;
}

#courses-item-page .update {
    display: flex;
    align-content: center;
    align-items: center;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 15px;
}

#courses-item-page .update svg {
    margin-right: 15px;
}

#courses-item-page h3 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #4C463A;
    margin: 48px 0px 30px;
}

#courses-item-page h3.first-h2 {
    margin: 85px 0px 30px;
}

#courses-item-page ul.check-list {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
}

#courses-item-page ul.check-list li {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
    margin-bottom: 30px;
    padding-left: 50px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_902_10)'%3e%3cpath d='M12.5 0C14.4389 0 16.2738 0.441726 17.9133 1.22961C17.2422 1.76053 16.6199 2.27022 16.0402 2.76079C14.9359 2.35941 13.7445 2.14067 12.5021 2.14067C9.64152 2.14067 7.05063 3.3002 5.17754 5.17542C3.30233 7.05063 2.1428 9.6394 2.1428 12.5C2.1428 15.3606 3.30233 17.9494 5.17754 19.8246C7.05275 21.6998 9.64152 22.8593 12.5021 22.8593C15.3627 22.8593 17.9536 21.6998 19.8267 19.8246C21.7019 17.9494 22.8615 15.3606 22.8615 12.5C22.8615 11.8204 22.7956 11.1536 22.6703 10.5101C23.2076 9.80929 23.7576 9.1106 24.3204 8.41828C24.7621 9.69674 25.0021 11.0708 25.0021 12.5C25.0021 15.951 23.6026 19.077 21.3409 21.3388C19.0792 23.6005 15.9531 25 12.5021 25C9.05114 25 5.92508 23.6005 3.66335 21.3388C1.39951 19.077 0 15.951 0 12.5C0 9.04901 1.39951 5.92295 3.66123 3.66123C5.92295 1.39951 9.04902 0 12.5 0ZM6.67686 10.4464L9.72647 10.406L9.9537 10.4655C10.5696 10.8202 11.1493 11.2258 11.6909 11.6845C12.0816 12.0158 12.4554 12.3768 12.8101 12.7676C13.9038 11.0071 15.0697 9.39093 16.3014 7.90435C17.6499 6.27548 19.0813 4.7974 20.5849 3.44886L20.8822 3.33418H24.21L23.5389 4.0796C21.4768 6.37105 19.6058 8.73896 17.9154 11.1812C16.2249 13.6256 14.7129 16.1485 13.3686 18.7458L12.9502 19.5528L12.5658 18.7309C11.8565 17.2082 11.0071 15.8108 9.99405 14.5621C8.98106 13.3134 7.80241 12.2048 6.42839 11.2619L6.67686 10.4464Z' fill='%2336A2A9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_902_10'%3e%3crect width='25' height='25' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-position: top left 0px;
    background-repeat: no-repeat;
}

#courses-item-page .programs-info {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}

#courses-item-page .programs-info span {
    display: block;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #141414;
    position: relative;
}

#courses-item-page .programs-info span:nth-child(1) {
    padding-right: 30px;
}

#courses-item-page .programs-info span:nth-child(1):before {
    content: '';
    position: absolute;
    right: 11px;
    top: 2px;
    bottom: 0px;
    margin: auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9C9C9C;
}

#courses-item-page .accordion {
    margin-bottom: 50px;
}

#courses-item-page .accordion .accordion__item .accordion__title {
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
    padding: 14px 20px 14px 0px;
}

#courses-item-page .programs-description p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #141414;
}

#courses-item-page ul.circular-list {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
}

#courses-item-page ul.circular-list li {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #141414;
    margin-bottom: 30px;
    padding-left: 30px;
    position: relative;
}

#courses-item-page ul.circular-list li:before {
    content: '';
    position: absolute;
    left: 16px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #141414;
}

#courses-item-page .teachers {
    margin-top: 30px;
}

#courses-item-page .teachers .teacher {
    margin-bottom: 30px;
}

#courses-item-page .teachers .teacher .teacher-name {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 138.5%;
    color: #141414;
    margin-bottom: 20px;
}

#courses-item-page .teachers .teacher .teacher-name .teacher-name-who {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #141414;
    margin-top: 3px;
}

#courses-item-page .teachers .teacher .teacher-body {
    display: flex;
    flex-wrap: wrap;
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-avatar {
    width: 150px;
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-avatar img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-info {
    width: calc(100% - 150px);
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-info .teacher-body-info-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-info .teacher-body-info-line div:nth-child(1) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #C59F5A;
    display: flex;
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-info .teacher-body-info-line div:nth-child(1) span {
    display: block;
    margin-left: 10px;
}

#courses-item-page .teachers .teacher .teacher-body .teacher-body-info .teacher-body-info-line div:nth-child(2) {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #141414;
}

#courses-item-page .courses-item-bar {
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

#courses-item-page .courses-item-bar video {
    height: auto;
    width: 100%;
}

#courses-item-page .courses-item-bar .add-card {
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    border: none;
    margin: 14px auto 0px;
}

#courses-item-page .courses-item-bar .add-card:hover:after {
    display: none;
}

#courses-item-page .courses-item-bar .add-card:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

#courses-item-page .courses-item-bar .add-card span {
    z-index: 1;
    position: relative;
}

#courses-item-page .courses-item-bar .price {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #C59F5A;
    margin: 20px 0px 15px;
}

#courses-item-page .courses-item-bar h4 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #141414;
}

#courses-item-page .courses-item-bar ul.courses-item-bar-list {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
}

#courses-item-page .courses-item-bar ul.courses-item-bar-list li {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #141414;
    padding-left: 25px;
    position: relative;
    margin-bottom: 12px;
}

#courses-item-page .courses-item-bar ul.courses-item-bar-list li:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #141414;
}

.user-page-title {
    text-align: center;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #202124;
    padding: 50px 0px;
}

.user-register {
    max-width: 432px;
    margin: auto;
    padding-bottom: 70px;
}

.user-register input:not(button) {
    width: 100%;
    height: 56px;
    border: 1px solid #DADCE0;
    border-radius: 4px;
    padding-left: 17px;
    margin-bottom: 30px;
}

.user-register .text-right a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.408px;
    color: #70757A;
    display: block;
    margin: -5px 0px 6px;
}

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

.user-register input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.408px;
    text-transform: capitalize;
    color: #70757A;
}

/* Для старых браузеров, таких как IE */
.user-register input:-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.408px;
    text-transform: capitalize;
    color: #70757A;
}

/* Для старых версий Firefox */
.user-register input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.408px;
    text-transform: capitalize;
    color: #70757A;
}

/* Для Safari 10+ */
.user-register input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.408px;
    text-transform: capitalize;
    color: #70757A;
}

.user-register button {
    position: relative;
    width: 100%;
    height: 60px;
    background: #BB2649;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    border: none;
    margin: 4px auto 0px;
}

.user-register button:after {
    content: '';
    position: absolute;
    width: 212px;
    height: 29px;
    left: 0px;
    top: -14.5px;
    right: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    filter: blur(16px);
    border-radius: 50%;
}

.user-register button span {
    z-index: 1;
    position: relative;
}

.user-register .else {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.408px;
    text-transform: lowercase;
    color: #202124;
    margin: 20px 0px;
}

.user-register .reg-btn {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    height: 60px;
    color: #202124;
    line-height: 60px;
}

.captcha_reload {
    display: block;
    margin-bottom: 30px;
}

.сourse-editor label:not(.upload_files):not(.button) {
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    height: calc(100% - 21px);
    align-items: center;
    align-content: center;
}

.сourse-editor label span {
    color: #70757A;
    display: block;
}

.сourse-editor input:not([type="checkbox"]):not([type="radio"]) {
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
}

.сourse-editor textarea {
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    resize: none;
}

.сourse-editor input:focus, .сourse-editor select:focus {
    box-shadow: 0px 0px 4px #36A2A9 !important;
}

.сourse-editor select:focus-visible, .сourse-editor textarea:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.сourse-editor select {
    max-width: 221px;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='-0.5' x2='6' y2='-0.5' transform='matrix(0.738525 0.674226 0.738525 -0.674226 1 0)' stroke='%23141414'/%3e%3cline y1='-0.5' x2='6' y2='-0.5' transform='matrix(-0.738525 0.674226 -0.738525 -0.674226 8.43066 0)' stroke='%23141414'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.tox-tinymce {
    border: 0px !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0px !important;
    margin-bottom: 15px;
}

.сourse-editor .more {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #70757A;
    height: 37px;
}

.сourse-editor .more a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #46A9B0;
}

.сourse-editor .upload_files, .сourse-editor .form_product_image label {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #46A9B0;
}

.сourse-editor .form_product_image label {
    height: 41px;
}

.сourse-editor .form_product_files {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #70757A;
    display: block;
    margin-top: 15px;
}

.сourse-editor .lessens {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #4C463A;
}

.сourse-editor .new-lessens {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #46A9B0;
    display: block;
    margin: 20px 0px;
}

.сourse-editor table {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
}

.сourse-editor table tbody tr:first-child {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #141414;
}

.сourse-editor table tbody tr td {
    padding: 21px 15px;
}

.сourse-editor table tbody tr td:not(:last-child) {
    border-right: 1px solid rgba(202, 202, 202, 0.43);
}

.сourse-editor table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(202, 202, 202, 0.43);
}

.сourse-editor table {
    margin-bottom: 33px;
}

.сourse-editor table tbody tr:not(:first-child) {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #141414;
}

.сourse-editor table tbody tr:not(:first-child) a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #46A9B0;
}

.сourse-editor table tbody tr .open {
    color: #117B00;
}

.сourse-editor .custom-checkbox {
    position: relative;
}

.сourse-editor .custom-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.сourse-editor .custom-checkbox input + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    align-items: flex-start;
    justify-content: flex-start !important;
    margin-bottom: 15px;
    height: auto;
    flex-wrap: nowrap;
    align-content: flex-start;
}

.сourse-editor .custom-checkbox input + label::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(202, 202, 202, 0.43);
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    border-radius: 5px;
    margin-right: 15px;
}

.сourse-editor .custom-checkbox input + label::after {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 10px;
    height: 10px;
    background: #36A2A9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 1px;
    border: 0px;
    display: none;
    position: absolute;
    left: 5px;
    top: 5px;
}

.сourse-editor .custom-checkbox input:checked + label::after {
    display: block;
}

.сourse-editor .custom-radio-block {
    display: flex;
    margin-top: 20px;
}

.сourse-editor .custom-radio-block span {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    display: block;
    margin-right: 15px;
}

.сourse-editor .custom-radio {
    position: relative;
    margin-right: 25px;
}

.сourse-editor label {
    cursor: pointer;
}

.сourse-editor .custom-radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.сourse-editor .custom-radio input + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    justify-content: flex-start;
    margin-bottom: 15px;
    height: auto;
}

.сourse-editor .custom-radio input + label::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(202, 202, 202, 0.43);
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    border-radius: 100px;
    margin-right: 15px;
}

.сourse-editor .custom-radio input + label::after {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 10px;
    height: 10px;
    background: #36A2A9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border: 0px;
    display: none;
    position: absolute;
    left: 5px;
    top: 2px;
}

.сourse-editor .custom-radio input:checked + label::after {
    display: block;
}

.сourse-editor .button-block .button {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    max-width: 360px;
    height: 60px;
    color: #202124;
    line-height: 60px;
    border: 0px;
    margin-right: 30px;
}

.сourse-editor .button-block {
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 20px;
}

.сourse-editor .button-block a {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.065em;
    text-decoration-line: underline;
    color: #46A9B0;
}

#user-page table {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
}

#user-page table tbody tr:first-child {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #141414;
}

#user-page table tbody tr td {
    padding: 21px 15px;
}

#user-page table tbody tr td:not(:last-child) {
    border-right: 1px solid rgba(202, 202, 202, 0.43);
}

#user-page table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(202, 202, 202, 0.43);
}

#user-page table {
    margin-bottom: 33px;
}

#user-page table tbody tr:not(:first-child) {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #141414;
}

#user-page table tbody tr:not(:first-child) a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #46A9B0;
}

#user-page table tbody tr .open {
    color: #117B00;
}

#user-page table .draft-class {
    color: #70757A;
}

#user-page table .moderation-class {
    color: #BB2649;
}

#user-page table .published-class {
    color: #117B00;
}

#user-page .user-page-btn:hover, .user-register .reg-btn:hover {
    background: #BB2649;
    color: #fff;
}


.form-profile label {
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.form-profile input:not([type="checkbox"]):not([type="radio"]) {
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
}

.form-profile a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #46A9B0;
}

.form-profile .col-xl-9, .form-profile .col-xl-3 {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    min-height: 40px;
    position: relative;
}

.form-profile .input-text {
    position: absolute;
    left: 15px;
    bottom: -25px;
}

.form-profile button, .form-profile .button {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    max-width: 360px;
    height: 60px;
    color: #202124;
    line-height: 60px;
    border: 0px;
}

#form_profile.form-profile button {
    margin-top: 40px;
}

.form-profile textarea {
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    resize: none;
}

.form-support label {
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.form-support input:not([type="checkbox"]):not([type="radio"]) {
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
}

.form-support .button {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    max-width: 360px;
    height: 60px;
    color: #202124;
    line-height: 60px;
    border: 0px;
}

.form-support textarea {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    resize: none;
}

.list_support {
    padding-top: 30px;
}

.list_support h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #141414;
    margin-bottom: 25px;
}

.list_support #list_support_update {
    margin-bottom: 15px;
}

.list_support #answer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.list_support br {
    display: none;
}

.list_support .user {
    margin-bottom: 5px;
}

.upload_avatar {
    display: flex;
    align-items: center;
    align-content: center;
    cursor: pointer;
    width: fit-content;
    border: 2px solid #D4D8DC;
    flex-direction: column;
}

.upload_avatar div {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #767676;
    margin: 5px 0;
    display: flex;
    align-items: center;
}

.upload_avatar img {
    max-width: 229px;
    width: 100%;
    height: 229px;
    border-radius: 2px;
    object-fit: cover;
}

#form_avatar {
    display: none;
}

.teacher-form label {
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.teacher-form input:not([type="checkbox"]):not([type="radio"]) {
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
}

.teacher-form a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #46A9B0;
}

.teacher-form .col-xl-9, .teacher-form .col-xl-3 {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    min-height: 40px;
    position: relative;
}

.teacher-form button, .teacher-form .button {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    max-width: 360px;
    height: 60px;
    color: #202124;
    line-height: 60px;
    border: 0px;
}

.teacher-form .upload_teacher_image {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    max-width: 360px;
    height: 40px;
    color: #202124;
    line-height: 40px;
    border: 0px;
    margin-bottom: 15px;
}

.teacher-form textarea {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    resize: none;
}

textarea {
    padding-top: 10px;
}

#select_payment_method .input-radio {
    display: block;
    cursor: pointer;
    margin-bottom: 6px;
}

#select_payment_method .input-radio svg {
    margin-right: 10px;
}

#select_payment_method .input-radio input {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
}

#select_payment_method .input-radio label {
    font-family: 'Golos';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding-left: 35px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: max-content;
    display: flex;
    align-content: center;
    align-items: center;
}

#select_payment_method .input-radio label:before {
    display: block;
    position: absolute;
    margin-top: -7px;
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    border: 1px solid #d3d4dd;
    border-radius: 50%;
    background: #fff;
    z-index: 5;
    content: '';
}

#select_payment_method .input-radio:hover label:before {
    border-color: #a9a8b0;
}

#select_payment_method .input-radio input:checked + label:before {
    border: 2px solid #36A2A9;
}

#select_payment_method .input-radio input:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    top: 6px;
    left: 6px;
    background: #36A2A9;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
}


#order_box > div:not(#table_cart) {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    padding: 7px 0px;
}

#order_box .button {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    min-width: 360px;
    height: 60px;
    color: #202124;
    line-height: 60px;
    border: 0px;
}

.cart_block label {
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.cart_block input:not([type="checkbox"]):not([type="radio"]) {
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    border: 0px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #141414;
    width: 100%;
}

.cart_block a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #46A9B0;
}

.cart_block .col-xl-9, .cart_block .col-xl-3 {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    min-height: 40px;
    position: relative;
}

.popup_win .product_name {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 131.69%;
    letter-spacing: 0.02em;
    color: #4C463A;
}

.popup_win .button {
    height: 40px;
    font-size: 17px;
    line-height: 40px;
}

.popup_win .button:hover {
    color: #fff;
}
/*# sourceMappingURL=style.css.map */