:root {
    --gap-default: 24px;
    --container-width: 1224px;
    --bs-primary: #434343;
    --bs-green: #3ADAC0;
    --bs-white: #fff;
    --bs-yellow: #FFB800;
    --bs-red: #FF2E00;
    --bs-green-700:#178A77;
    --bs-green-600:#1DAC95;
    --bs-green-500:#3ADAC0;
    --bs-green-250:#89E9D9;
    --bs-green-100:#CBF5EE;
    --bs-violet-700:#3A3189;
    --bs-violet-600:#5144C1;
    --bs-violet-500:#7163E9;
    --bs-violet-250:#A49BF1;
    --bs-violet-100:#D1CCF8;
    --bs-grey-900:#242424;
    --bs-grey-800:#434343;
    --bs-grey-500:#7A7A7A;
    --bs-grey-250:#BABABA;
    --bs-grey-100:#EFEFEF;
    --bs-blue-900:#36469B;
    --bs-blue-800:#E0E0E0;
    --bs-blue-500:#80D6E1;
    --bs-blue-250:#BABABA;
    --bs-blue-100:#E0E0E0;
    --bs-black: #000;
    --gap: 24px;
}


#bx-panel.bx-panel-folded #bx-panel-top {
    opacity: .8!important;
}

html {
    font-size: 10px;
}
body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
}
h1 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bs-grey-900);
}
h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #242424;
}
h3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #242424;
}
h4 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #242424;

}
h5 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #242424;
}
h6 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #242424;

}
p {

}
a {

}
.text-20 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #242424;
}
.text-16 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #242424;
}
.text-14 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}
.text-12 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #242424;
}
.text-10 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #242424;
}
.line-clamp-2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}
.line-clamp-3 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.line-clamp-4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}
.line-clamp-5 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    box-orient: vertical;
}

.btn {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #434343;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 32px;
    height: 48px;
    background: #3ADAC0;
    border-radius: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    outline: none;
    text-decoration: none;
    border: none;
    box-shadow: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.btn-green {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #434343;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 32px;
    height: 48px;
    background: #3ADAC0;
    border-radius: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    outline: none;
    text-decoration: none;
    border: none;
    box-shadow: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.btn-light:focus,
.btn-light:hover {
    background-color: #8DDFC9!important; 
}
.btn-light:active {
    background-color: #7CC5B1!important; 
}

.custom-form .b24-form-btn {
    width: 100%;
    border-radius: 9999px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(58 218 192 / var(--tw-bg-opacity));
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(67 67 67 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    outline-width: 0px;
    outline-color: transparent;
}
.custom-form .b24-form-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(67 67 67 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(58 218 192 / var(--tw-text-opacity));
}
.custom-form .b24-form-btn,
.btn,
.coolBeans {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #434343;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 32px;
    height: 48px;
    background: #3ADAC0;
    border-radius: 40px;
    outline: none;
    text-decoration: none;
    border: none;
    box-shadow: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  /* border: 2px solid #3ADAC0; */
  background-color: #3ADAC0;
  border-radius: 40px;
  color: #434343;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: 0.3s transform ease-in-out;
  will-change: transform;
  z-index: 0;
  position: relative;
}

.custom-form .b24-form-btn::after,
.btn::after,
.coolBeans::after {
  background-color: #434343;
    border-radius: 40px;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.3s transform ease-out;
  will-change: transform;
  z-index: -1;
}

.custom-form .b24-form-btn:hover::after,
.btn:hover::after,
.coolBeans:hover::after {
  transform: translate(0, 0);
}

.custom-form .b24-form-btn:hover,
.btn:hover,
.coolBeans:hover {
  /* border: 2px solid #434343;
  background-color: #434343; */
  color: #3ADAC0;
  transform: scale(1.05)!important;
  will-change: transform;
  background-color: inherit;
  border-color: inherit;
}

.btn-tr {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 28px;
    height: 48px;
    border: 1px solid #3ADAC0;
    border-radius: 40px;
    background: transparent;
}
.btn-tr:hover {
    border: 1px solid transparent;
    background: #3ADAC0;
    background: transparent;
    color: #434343;
}
.custom-form .b24-form-btn.btn-tr::after,
.btn-tr::after, 
.coolBeans.btn-tr::after {
    background-color: #3ADAC0;
    color: #434343;
}

.btn-xl {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    height: 76px;
}



.btn-grey {
    background: #EFEFEF;
    border-radius: 28px;
    color: #434343;

}
.btn-grey-sm {
    padding: 8px 16px;
    height: 32px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.breadcrumbs-wrapper {
    width: 100%;
    margin: 2.4rem 0 5.2rem;
}
div.breadcrumbs {
    display: flex;
    flex-wrap: nowrap;
    overflow: inherit;
}
.bx-breadcrumb-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 1.2rem;
}
.bx-breadcrumb-item svg {
    max-width: 32px;
    width: 32px;
    margin-right: 1.2rem;
}
.bx-breadcrumb-item span,
.bx-breadcrumb-item a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    text-decoration: none;
    white-space: nowrap;
}
.breadcrumb-current span {
    color: #BABABA; 
}
div.breadcrumbs .bx-breadcrumb-item.breadcrumb-current {
    overflow: hidden;
}
div.breadcrumbs .bx-breadcrumb-item.breadcrumb-current span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
}


.page-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    margin-bottom: 4.8rem;
}
.socials-list-icon {
    transition: .3s;

}
.socials-list-icon svg {
    max-width: 32px;
    transition: .3s;
}
.socials-list-icon:hover svg path {
    fill: #1DAC95;
}
 

.main:not(.main-home) {
    padding-top: 152px; 
}
.logged-in .main:not(.main-home) {
    padding-top: 120px; 
}


@media only screen and (max-width: 1399px) {
    .main:not(.main-home) {
        padding-top: 136px; 
    }
    .logged-in .main:not(.main-home) {
        padding-top: 97px; 
    }



}
@media only screen and (max-width: 1025px) {



}




.socials-list {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    gap: 12px;
}
footer a {
    color: white;
}
.footer-socials .btn,
.header-socials .btn {
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 32px;

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

.screen {
    padding-top: 152px;
}
.screen-list {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin-bottom: 36px;
}
.screen-list li {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: white;
}
.text-green {
    color: var(--bs-green);
}
.screen-title {
    font-weight: 900;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: white; 
    margin-bottom: 36px;
}
header {
    background-color: #434343;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 120;
}
.is-scrolled {
    z-index: 120;
}
.is-scrolled .header-top {
    /* display: none; */
    height: 0;
    opacity: 0;
    min-height: 0;
    padding: 0;
}

.logo {
    max-width: 255px;
}
.header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    width: 100%;
    min-height: 64px;
}
.header-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.header-menu a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: white;
    position: relative;
}
.header-menu a.link-green {
    color: #3ADAC0;
}
.header-menu a:hover {
    color: #3ADAC0;
}
.header-menu a:active {
    color: #1DAC95;
}
.header-menu a.current {
    color: white;  
}
.header-menu a.current::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #3ADAC0;
    bottom: -6px;
    left: calc(50% - 2px);
    border-radius: 100%;
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #7A7A7A;
    width: 100%;
    min-height: 88px;
    opacity: 1;
    height: 88px;
    transition: .3s;
}
.row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.counts-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
}
.counts-grid {
    row-gap: 1.75rem;
}
.header-banner {
    width: 100%;
}
.header-banner img {
    height: 92px;
    width: 100%;
    object-fit: cover;
}


.banner-place {
    position: relative;
    width: 100%;
}
.banner-place img {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
}
.home-banner img {
    max-height: 520px;
    object-fit: cover;
    border-radius: 30px;
}

.custom-form .b24-form {
    all: unset;
}
.custom-form .b24-form-wrapper {
    all: unset;
}
.custom-form .b24-form-shadow {
    all: unset;
}
.custom-form .b24-form-border-bottom {
    all: unset;
}
.custom-form .b24-form-header-padding {
    all: unset;
}
.custom-form .b24-form-content {
    all: unset;
}
.custom-form .b24-form-padding-side {
    all: unset;
}
.custom-form .b24-form-control-alert {
    margin-bottom: 1rem !important;
}
.custom-form .b24-form-field {
    /*all: unset;*/
    margin-bottom: 1rem;
}
@media (min-width: 768px) {
    .custom-form .b24-form-field {
        /*all: unset;*/
        margin-bottom: 1.75rem;
    }
    .custom-form .b24-form-control-alert {
        margin-bottom: 1.75rem !important;
    }
}
.custom-form .b24-form-control {
    /*all: unset !important;*/
    border-radius: 9999px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    padding-left: 1.125rem !important;
    padding-right: 1.125rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    display: block !important;
    width: 100% !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(67 67 67 / var(--tw-text-opacity)) !important;
    /*position: absolute !important;*/
    /*bottom: 0px !important;*/
    /*left: 0px !important;*/
}
.custom-form .b24-form-control-container {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 40px;
}
.custom-form .b24-form-control-string .b24-form-control,
.custom-form .b24-form-control-list .b24-form-control,
.custom-form .b24-form-control-text .b24-form-control,
.custom-form .b24-form-control-select .field-item {
    /*all: initial !important;*/
    height: auto;
    border: none;
    background-image: none;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500;
}

.custom-form .b24-form-control-string .b24-form-control-label,
.custom-form .b24-form-control-list .b24-form-control-label,
.custom-form .b24-form-control-text .b24-form-control-label {
    all: unset;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.75rem;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.custom-form .b24-form-control-select-label,
.custom-form .b24-form-control:focus+.b24-form-control-label,
.custom-form .b24-form-control-not-empty+.b24-form-control-label {
    top: 0px;
    font-size: 1.125rem;
}
@media (min-width: 768px) {
    .custom-form .b24-form-control-string .b24-form-control-label,
    .custom-form .b24-form-control-list .b24-form-control-label,
    .custom-form .b24-form-control-text .b24-form-control-label {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .custom-form .b24-form-control-select-label,
    .custom-form .b24-form-control:focus+.b24-form-control-label,
    .custom-form .b24-form-control-not-empty+.b24-form-control-label {
        top: 0px;
        font-size: 1.5rem;
    }
    .custom-form .b24-form-control-container {
        padding-top: 36px;
    }
}
.custom-form .b24-form-control-list .b24-form-control-container:after {
    top: 50px;
}
.custom-form .b24-form-icon-after {
    top: 25px;
}

.custom-form [type=checkbox] {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(195 195 195 / var(--tw-bg-opacity));
    border-radius: 0.25rem !important;
}
.custom-form [type=checkbox]:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(113 99 233 / var(--tw-bg-opacity));
    border-radius: 0.25rem !important;
}
.custom-form [type=checkbox]:checked:hover,
.custom-form [type=checkbox]:checked:focus,
.custom-form [type=radio]:checked:hover,
.custom-form [type=radio]:checked:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(113 99 233 / var(--tw-bg-opacity));
}
.custom-form .b24-form-field-agreement .b24-form-control-desc {
    all: unset;
}
.custom-form .b24-form-field-agreement .b24-form-field-agreement-link {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: 0.5rem;
}
.custom-form .b24-form-control-container:has(> [type=checkbox]) {
    padding-top: 0px;
}
.custom-form .b24-form-btn-block {
    all: unset;
    width: 100%;
}

@media (min-width: 1200px) {
    .custom-form .b24-form-btn-block {
        width: auto;
    }
    .custom-form #download-modal .b24-form-btn-block {
        width: 100%;
    }
}


.custom-form [type=string]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    border-color: #2563eb;
}
.custom-form .b24-form-sign {
    display: none;
}

.link-nav {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    min-height: 48px;
    overflow: hidden;
    border-radius: 30px;
    z-index: 1;
    transition: all 0.2s ease;
}
.link-nav span {
    font-size: inherit;
    color: inherit;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
}
.link-nav svg {
    position: relative;
    top: 0;
    transform: translateX(-5px);
    transition: all 0.3s ease;
    max-width: 36px;
    margin-left: 12px;
}
.link-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 48px;
    background: #3ADAC0;
    width: 48px;
    height: 48px;
    transition: all 0.3s ease;
}

.link-nav:hover::before {
    width: 100%;           
    border-radius: 30px;
    background: #3ADAC0;
}

.header-contacts {
    display: flex;
    align-items: center;
    gap: 83px;
}
.header-contacts a {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #3ADAC0;
}


.addr-block ,
.mail-block,
.phone-block {
    position: relative;
    padding-left: 28px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #3ADAC0;
}
.phone-block::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDEyQzIyIDEwLjY4NjggMjEuNzQxMyA5LjM4NjQ3IDIxLjIzODggOC4xNzMxQzIwLjczNjIgNi45NTk5NiAxOS45OTk3IDUuODU3NDIgMTkuMDcxMSA0LjkyODk2QzE4LjE0MjUgNC4wMDAyNCAxNy4wNDAxIDMuMjYzNjcgMTUuODI2OCAyLjc2MTIzQzE0LjYxMzYgMi4yNTg1NCAxMy4zMTMyIDIgMTIgMlY0QzEzLjA1MDYgNCAxNC4wOTA5IDQuMjA3MDMgMTUuMDYxNSA0LjYwODg5QzE2LjAzMjEgNS4wMTA5OSAxNi45MTQgNS42MDAzNCAxNy42NTY5IDYuMzQzMjZDMTguMzk5NyA3LjA4NTk0IDE4Ljk4OSA3Ljk2ODAyIDE5LjM5MSA4LjkzODQ4QzE5Ljc5MzEgOS45MDkxOCAyMCAxMC45NDk1IDIwIDEySDIyWiIgZmlsbD0iIzNBREFDMCIvPgo8cGF0aCBkPSJNMiAxMFY1QzIgNC40NDc3NSAyLjQ0NzcyIDQgMyA0SDhDOC41NTIyOCA0IDkgNC40NDc3NSA5IDVWOUM5IDkuNTUyMjUgOC41NTIyOCAxMCA4IDEwSDZDNiAxNC40MTgyIDkuNTgxNzMgMTggMTQgMThWMTZDMTQgMTUuNDQ3OCAxNC40NDc3IDE1IDE1IDE1SDE5QzE5LjU1MjMgMTUgMjAgMTUuNDQ3OCAyMCAxNlYyMUMyMCAyMS41NTIyIDE5LjU1MjMgMjIgMTkgMjJIMTRDNy4zNzI1OSAyMiAyIDE2LjYyNzQgMiAxMFoiIGZpbGw9IiMzQURBQzAiLz4KPHBhdGggZD0iTTE3LjU0MzMgOS43MDM4NkMxNy44NDQ4IDEwLjQzMTkgMTggMTEuMjEyMiAxOCAxMkgxNi4yQzE2LjIgMTEuNDQ4NSAxNi4wOTE0IDEwLjkwMjMgMTUuODgwMyAxMC4zOTI4QzE1LjY2OTIgOS44ODMwNiAxNS4zNTk5IDkuNDIwMTcgMTQuOTY5OCA5LjAzMDI3QzE0LjU3OTggOC42NDAxNCAxNC4xMTY5IDguMzMwODEgMTMuNjA3MyA4LjExOTYzQzEzLjA5NzcgNy45MDg2OSAxMi41NTE1IDcuODAwMDUgMTIgNy44MDAwNVY2QzEyLjc4NzkgNiAxMy41NjgxIDYuMTU1MjcgMTQuMjk2MSA2LjQ1Njc5QzE1LjAyNCA2Ljc1ODMgMTUuNjg1NSA3LjIwMDIgMTYuMjQyNiA3Ljc1NzMyQzE2Ljc5OTggOC4zMTQ0NSAxNy4yNDE4IDguOTc1ODMgMTcuNTQzMyA5LjcwMzg2WiIgZmlsbD0iIzNBREFDMCIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
}
.phone-block2 {
    padding-left: 12px;
}
.phone-block2::before {
    display: none;
}
.mail-block::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjAwOTc3IDUuODM3ODlDMy4wMDk3NyA1LjI4NTYxIDMuNDU3NDggNC44Mzc4OSA0LjAwOTc3IDQuODM3ODlIMjBDMjAuNTUyMyA0LjgzNzg5IDIxIDUuMjg1NjEgMjEgNS44Mzc4OVYxNy4xNjIxQzIxIDE4LjI2NjcgMjAuMTA0NiAxOS4xNjIxIDE5IDE5LjE2MjFINUMzLjg5NTQzIDE5LjE2MjEgMyAxOC4yNjY3IDMgMTcuMTYyMVY2LjE2MjExQzMgNi4xMTQ0OSAzLjAwMzMzIDYuMDY3NjUgMy4wMDk3NyA2LjAyMThWNS44Mzc4OVpNNSA4LjA2MTY1VjE3LjE2MjFIMTlWOC4wNjE5OUwxNC4xMjE1IDEyLjk0MDVDMTIuOTQ5OSAxNC4xMTIxIDExLjA1MDQgMTQuMTEyMSA5Ljg3ODg1IDEyLjk0MDVMNSA4LjA2MTY1Wk02LjU3MjMyIDYuODA1NTRIMTcuNDI4TDEyLjcwNzMgMTEuNTI2M0MxMi4zMTY4IDExLjkxNjggMTEuNjgzNiAxMS45MTY4IDExLjI5MzEgMTEuNTI2M0w2LjU3MjMyIDYuODA1NTRaIiBmaWxsPSIjM0FEQUMwIi8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
}
.addr-block::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4yNzIxIDEwLjI3MjFDMTYuMjcyMSAxMi40ODEzIDE0LjQ4MTMgMTQuMjcyMSAxMi4yNzIxIDE0LjI3MjFDMTAuMDYzIDE0LjI3MjEgOC4yNzIxNCAxMi40ODEzIDguMjcyMTQgMTAuMjcyMUM4LjI3MjE0IDguMDYyOTggMTAuMDYzIDYuMjcyMTIgMTIuMjcyMSA2LjI3MjEyQzE0LjQ4MTMgNi4yNzIxMiAxNi4yNzIxIDguMDYyOTggMTYuMjcyMSAxMC4yNzIxWk0xNC4yNzIxIDEwLjI3MjFDMTQuMjcyMSAxMS4zNzY3IDEzLjM3NjcgMTIuMjcyMSAxMi4yNzIxIDEyLjI3MjFDMTEuMTY3NiAxMi4yNzIxIDEwLjI3MjEgMTEuMzc2NyAxMC4yNzIxIDEwLjI3MjFDMTAuMjcyMSA5LjE2NzU1IDExLjE2NzYgOC4yNzIxMiAxMi4yNzIxIDguMjcyMTJDMTMuMzc2NyA4LjI3MjEyIDE0LjI3MjEgOS4xNjc1NSAxNC4yNzIxIDEwLjI3MjFaIiBmaWxsPSIjM0FEQUMwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS43OTQxNyAxNi41MTgzQzIuMTk0MjQgMTMuMDkwOSAyLjA1NDM4IDcuMzk0MDkgNS40ODE3OCAzLjc5NDE3QzguOTA5MTggMC4xOTQyNDMgMTQuNjA1OSAwLjA1NDM4MyAxOC4yMDU5IDMuNDgxNzhDMjEuODA1OCA2LjkwOTE4IDIxLjk0NTcgMTIuNjA1OSAxOC41MTgzIDE2LjIwNTlMMTIuMzEyNCAyMi43MjQxTDUuNzk0MTcgMTYuNTE4M1pNMTcuMDY5OCAxNC44MjY4TDEyLjI0MyAxOS44OTY1TDcuMTczMjQgMTUuMDY5OEM0LjM3MzMgMTIuNDA0IDQuMjY0NTIgNy45NzMxOCA2LjkzMDI4IDUuMTczMjRDOS41OTYwMyAyLjM3MzMgMTQuMDI2OCAyLjI2NDUyIDE2LjgyNjggNC45MzAyOEMxOS42MjY3IDcuNTk2MDMgMTkuNzM1NSAxMi4wMjY4IDE3LjA2OTggMTQuODI2OFoiIGZpbGw9IiMzQURBQzAiLz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
}
.footer-contacts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
    gap: 20px;
    margin-bottom: 20px;
}
.footer-contacts p, 
.footer-contacts a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #3ADAC0;
    white-space: nowrap;
}
.footer-legal {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #BABABA;
    margin-bottom: 24px;
}
.footer-logo {
    width: max-content;
    max-width: 440px;
    margin-bottom: .8rem;
}
.text-sm {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.mt-140 {
    margin-top: 140px;
}
.mt-160 {
    margin-top: 160px;
}
.mt-120 {
    margin-top: 120px; 
}

.h2,
.section-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    margin-bottom: 48px;
}
.mb-28 {
    margin-bottom: 28px;
}
.form-courses-clear-btn,
.clear-search {
    position: absolute;
    right: 10px;
    top: 13px;
    border: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjI2NjQgNC44MTA5NkM1LjgzNjExIDQuNDIwNDQgNS4yMDI5NSA0LjQyMDQ0IDQuODEyNDIgNC44MTA5NkM0LjQyMTkgNS4yMDE0OCA0LjQyMTkgNS44MzQ2NSA0LjgxMjQyIDYuMjI1MTdMMTAuNTg3MiAxMS45OTk5TDQuODEyNDggMTcuNzc0NkM0LjQyMTk2IDE4LjE2NTEgNC40MjE5NiAxOC43OTgzIDQuODEyNDggMTkuMTg4OEM1LjIwMzAxIDE5LjU3OTMgNS44MzYxNyAxOS41NzkzIDYuMjI2NyAxOS4xODg4TDEyLjAwMTQgMTMuNDE0MUwxNy43NzYgMTkuMTg4OEMxOC4xNjY2IDE5LjU3OTMgMTguNzk5NyAxOS41NzkzIDE5LjE5MDMgMTkuMTg4OEMxOS41ODA4IDE4Ljc5ODMgMTkuNTgwOCAxOC4xNjUxIDE5LjE5MDMgMTcuNzc0NkwxMy40MTU2IDExLjk5OTlMMTkuMTkwMyA2LjIyNTE3QzE5LjU4MDggNS44MzQ2NSAxOS41ODA4IDUuMjAxNDggMTkuMTkwMyA0LjgxMDk2QzE4Ljc5OTggNC40MjA0NCAxOC4xNjY2IDQuNDIwNDQgMTcuNzc2MSA0LjgxMDk2TDEyLjAwMTQgMTAuNTg1N0w2LjIyNjY0IDQuODEwOTZaIiBmaWxsPSIjNDM0MzQzIi8+Cjwvc3ZnPgo=);
    background-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 1;
    font-size: 0;
    cursor: pointer;
}

.search-form .form-input {
    height: 40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    padding: 0 40px;
    max-width: 240px;
    border-radius: 999px;
}
.search-form .form-input:hover,
.search-form .form-input:focus {
    border-radius: 999px;
}
.search-form .form-input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.search-form .form-input::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.search-form .form-input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.search-form .form-input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.search-form .form-input::placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.b24-form-field-agreement .b24-form-control-alert-message {
    display: none!important;
}

.inline-search form {
    position: relative;
}
.search-form-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 13px;
    top: calc(50% - 10px);
    z-index: 2;
}
.search-form-btn svg {
    max-width: 20px;
}
.title-search-result a {

}
.choices__list--multiple .choices__item,
.choices__list--multiple .choices__item.is-highlighted {
    background: transparent!important;
    border: none!important;
}
.title-search-result > div.flex {
    /* box-shadow: none!important; */
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05)!important;
    max-width: calc(100% - 24px)!important;
        border-radius: 12px;
}
div.title-search-result {
    border: none!important;
    margin-left: 12px;
    box-shadow: none!important;
    border-radius: 12px;
}
div.title-search-result:first-of-type {
    position: fixed !important;
    top: 236px !important;
    top: 142px !important;
    transition: .3s;
}
body.is-scrolled div.title-search-result:first-of-type {
    top: 150px!important;
}

div.title-search-result + div.title-search-result {
    z-index: 12;
     /* top: 477px!important; */
    position: absolute!important;
}
body.is-scrolled div.title-search-result + div.title-search-result {
    /* top: 477px!important; */
    position: absolute!important;
}


.title-search-result a span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}
.title-search-result a .text-black {
    display: none;
}
.search-form-row {
    position: relative;
    width: 100%;
    display: flex;
}
.courses-search form .form-input {
    color: #434343;
    padding-top: 8px;
    padding-bottom: 8px;
}
.custom-form .b24-form-dropdown-container {
    background: #FFFFFF!important;
    box-shadow: 0px 0px 4px 1px #CBF5EE!important;
    border-radius: 12px!important;
}
.custom-form .b24-form-control-list-selector-item {
    font-family: 'Montserrat'!important;
    font-weight: 500;
    font-size: 16px!important;
    line-height: 24px;
    color: #7A7A7A!important;
    border: none!important;
    box-shadow: none!important;
    background: white!important;
    
}
.custom-form .b24-form-control-list-selector-item:hover {
    background: #CBF5EE!important;
}
.custom-form .b24-form-control-list-selector-item-title {
    font-family: 'Montserrat'!important;
    font-weight: 500;
    font-size: 16px!important;
    line-height: 24px;
    color: #7A7A7A !important;
}
.custom-form .b24-form-control-list .b24-form-control-container:after {
    width: 20px!important;
    height: 20px!important;
    border: none!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNy41TDEwIDEyLjVMMTUgNy41IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS13aWR0aD0iMS42NjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    box-shadow: none;
    transform: translateX(-50%) translateY(-50%) rotate(0deg)!important;
}








.footer-grid {
    display: flex;
    justify-content: space-between; 
}
.footer-grid-col {

}
.footer-docs {

}
.footer-nav-menu {

}
#footer .\37 68\:py-16 {
    padding-top: 2rem;
}
#footer .\31 600\:py-24 {
    padding-bottom: 0;
}
.footer-bottom {
    margin-top: 4.6rem;
    margin-top: 46px;
}
.footer-bottom p {
    color: white;
    margin: 0;
}
.footer-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-bottom: 3.8rem;
    margin-bottom: 38px;
}
.footer-menu li:nth-child(4) {
    display: none;
}
.footer-menu a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: white;
    white-space: nowrap;
}
.footer-docs ul,
.docs-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    gap: .8rem;
    margin-bottom: 2.4rem;
    margin-bottom: 24px;
}
footer .docs-list .docs-li-1 {order: 6;}
footer .docs-list .docs-li-2 {order: 4;}
footer .docs-list .docs-li-3 {order: 3;}
footer .docs-list .docs-li-4 {order: 2;}
footer .docs-list .docs-li-5 {order: 5;}
footer .docs-list .docs-li-6 {order: 5;}
.footer-menu a:hover,
footer .docs-list a:hover {
    color: #3ADAC0;
}
.footer-contacts a:hover {
    opacity: .7;
}

.payment-list {
    display: flex;
    align-items: center;
    gap: 28px;
}
.payment-list img {
    max-width: 70px;
    max-height: 24px;
    object-fit: contain;
}
footer .payment-list {
    justify-content: flex-end;
    text-align: right; 
}

.swiper-slide-four {
    height: calc((100% - 30px) / 2) !important;
}
.h-full {
    height: 100%;
}
.swiper-slide-four img {
    max-width: 198px;
    max-height: 55px;
    object-fit: contain;
}
.swiper-pagination .swiper-pagination-bullet {
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 1.6rem;
    background-color: #C3C3C3;
    border: 4px solid #C3C3C3;
    box-sizing: border-box;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border: 4px solid #7163E9;
    height: 1.6rem;
    width: 1.6rem;
}
.swiper-pagination {
    margin-top: 4.8rem;
    gap: 1.6rem;
}
.swiper-button {
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
.swiper-button svg {
    max-width: 24px;
}
.swiper-button.swiper-button-next {

}
.swiper-button.swiper-button-prev {

}
.clients-swiper .swiper-wrapper {
    height: 246px;
}
.blog-bottom-row {
    display: none;
}
.subscribe-box {
    display: flex;
    justify-content: flex-end;
    background: #EFEFEF;
    border-radius: 3rem;
    padding: 4rem 11.6rem;
    overflow: hidden;
    background-image: url(/local/templates/new_2cifra/images/cta-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.subscribe-img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    display: none;
}
.subscribe-form {
    max-width: 556px;
}
footer {
    margin-top: 14rem;
    padding-bottom: .8rem;
}
.subscribe-title {
    font-weight: 900;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
}
.text-h1 {
    font-weight: 900;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
}
.text-violet {
    color: var(--bs-violet-500);
}
.custom-form .form-input,
.custom-form .b24-form-control-string .b24-form-control,
.custom-form .b24-form-control-list .b24-form-control, 
.custom-form .b24-form-control-text .b24-form-control,
.custom-form .b24-form-control-select .field-item {
    height: 40px!important;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 999px;
    padding: 0 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px!important;
    line-height: 24px!important;
    color: #7A7A7A!important;
    border: none !important;      
    outline: none !important; 
}
.form-row {
    width: 100%;
    margin-bottom: 24px;
    position: relative;
}
.custom-form label {
    display: block;
}
.custom-form label, 
.custom-form .b24-form-control-string .b24-form-control-label, 
.custom-form .b24-form-control-list .b24-form-control-label, 
.custom-form .b24-form-control-text .b24-form-control-label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 20px!important;
    color: #7A7A7A !important;
}
.custom-form .b24-form-control-list .b24-form-control-container:after {
    top: 57px;
}
.custom-form .b24-form-field-agreement .b24-form-field-agreement-link {
    margin-left: 0;
}
.custom-form input:-webkit-autofill,
.custom-form textarea:-webkit-autofill,
.custom-form select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;  
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #7A7A7A !important; 
  transition: background-color 5000s ease-in-out 0s; 
      color: #7A7A7A !important;
}

 
.custom-form .form-input::-webkit-input-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.custom-form .form-input::-moz-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.custom-form .form-input:-ms-input-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.custom-form .form-input::-ms-input-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.custom-form .form-input::placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}

.b24-form-control-required {
    display: none!important;
}
.custom-form [type=checkbox] {
    border: 1px solid #434343!important;
    width: 16px!important;
    height: 16px!important;
    min-width: 16px;
    border-radius: 0.4rem !important;
    background-color: transparent!important;
    margin-right: .8rem;
}
.custom-form .agreement-link, 
.custom-form .b24-form-field-agreement .b24-form-field-agreement-link {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500!important;
    font-size: 12px!important;
    line-height: 16px!important;
    color: #434343!important;
}
.custom-form .agreement-link a, 
.custom-form .b24-form-field-agreement .b24-form-field-agreement-link a {
    color: #7163E9!important;
}
.custom-form .form-btn {
    width: 100%;
}
.custom-form label.checkbox {
    display: flex;
}
.form-row-bottom {
    display: flex;
}
.form-soc {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 16px;
}
.form-soc svg {
    max-width: 48px;
}
.form-soc a {
    text-decoration: none;

}
.custom-form .form-btn,
.custom-form .b24-form-btn {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 28px!important;
    height: 48px!important;
    background: #3ADAC0!important;
    border-radius: 40px!important;
    max-width: 428px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    /* color: #434343; */
}
.custom-form .b24-form-btn-block {
    width: 100%!important;

}
.custom-form .b24-form-control-agreement .b24-form-control-container {
    display: flex!important;
}
.form-result-success h4 {
    font-weight: 900;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    margin-bottom: 16px;
}
.form-result-success {
    display: none;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.form-result-success h4 span {
    display: block;
}
.form-result-success p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
}
 
.form-row.form-row-checkbox .error-message {
    display: none;
}
.custom-form-wrapper .checkbox:after {
    left: -1px;
    top: -1px;
}
.subscribe-box {
    min-height: 660px;
}


.modal .custom-form .form-input {
    background: #FFFFFF;
    border: 1px solid #EFEFEF!important; 
}
.modal .custom-form .form-btn,
.modal .custom-form .b24-form-btn {
    width: 100%;
    max-width: 100%;
}
.error-message {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #FF2E00;
    position: relative;
    display: none;
    padding-left: 24px;
    margin-top: 4px;
}
.error-message::before{
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEzNTZfMjQyOTgpIj4KPHBhdGggZD0iTTggMTRDMTEuMzEzNyAxNCAxNCAxMS4zMTM3IDE0IDhDMTQgNC42ODYyOSAxMS4zMTM3IDIgOCAyQzQuNjg2MjkgMiAyIDQuNjg2MjkgMiA4QzIgMTEuMzEzNyA0LjY4NjI5IDE0IDggMTRaIiBzdHJva2U9IiNGRjJFMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCA1LjMzMzMzVjcuOTk5OTkiIHN0cm9rZT0iI0ZGMkUwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04IDEwLjY2NjdIOC4wMDY2NyIgc3Ryb2tlPSIjRkYyRTAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMzU2XzI0Mjk4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    top: -1px;
    position: absolute;
}
.form-validate .error-message {
    position: absolute;
    bottom: -16px;
    left: 0;
}

.modal .custom-form .form-input.is-invalid,
.is-invalid {
    border: 1px solid #FF9D83!important; 
}
.form-row-invalid .error-message {
    display: block;
}
.custom-form .is-invalid.checkbox {
    border: 1px solid #FF2E00 !important;
}
.custom-form .agreement-link a {
    color: #7163E9 !important;
}


.tab-content {
    width: 100%;
}
.tab-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 4.8rem;
}
.tab-nav li {
    margin-right: 1.6rem;
}
.tab-link {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 28px;
    width: max-content;
    height: 48px;
    border: 1px solid #BABABA;
    background: transparent;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
}
.tab-link:hover {
    background: #EFEFEF;
    border: 1px solid #BABABA;
    color: #434343;
}
.tab-link.active {
    background: #7163E9;
    color: white;
}
.tab-pane {
  display: none;
  padding: 0;
  border: none;
  margin: 0;
}
.tab-pane.active {
  display: block;
}
.courses-list-wrapper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.courses-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  column-gap: 24px;  
  row-gap: 28px;     
    box-sizing: border-box;
}
.courses-item {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 30px;
    box-sizing: border-box;
}
.courses-item-img {
    height: 252px;
    border-radius: 30px 30px 0px 0px;
}
.courses-item-speackers {
    overflow-x: scroll;
    padding-bottom: 25px;
    margin-bottom: -8px;
    scrollbar-width: none;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    bottom: 0;
    padding: 0 0 0 1.2rem;
}
.courses-item-speackers > .flex-none:nth-child(n+10) {
    display: none;
}

.courses-item-format {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    height: 32px;
    background: #EFEFEF;
    border-radius: 28px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #434343;
}
.courses-item-city {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    height: 32px;
    background: #EFEFEF;
    border-radius: 28px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #434343;
}
.courses-item-content {
    padding: 1.6rem;
    min-height: 292px;
}
.courses-item-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    margin-bottom: 1.6rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    min-height: 84px;
}
.courses-item-except {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #434343;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical; 
    min-height: 60px;
}
.courses-item-badges {
    position: absolute;
    top: 12px;
    right: 12px;
    flex-direction: column;
    display: flex;
    align-items: flex-end;
    gap: 1.2rem;
}
.courses-item-badges svg {
    max-width: 82px;
    max-height: 28px;
    object-fit: contain;
}
.courses-item-info {
    display: flex;
    justify-content: space-between;
    margin: 1.6rem 0;
}
.courses-item-info span {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #434343;
}
.courses-item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.courses-item-price {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #434343;
}
.courses-item .courses-item-price {
    order: 1;
}
.courses-item .courses-item-price-old {
    white-space: nowrap;
    order: 2;
}
.courses-item .courses-item-prices {
    display: flex;
    margin-right: 12px;
    flex-wrap: wrap;
}

.choices__list--multiple .choices__item[data-deletable] {
    white-space: nowrap;
}
.courses-item-date {
    text-align: right;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
}
.courses-item-label {
    white-space: nowrap;
}
.courses-item-bg {
    position: relative;
}
.courses-item-tags {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.courses-item .btn {
    min-width: max-content;
    height: 48px;
    padding: 0 28px;
}
#clients .swiper-slide-four img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;  
}

#clients .swiper-slide-four img:hover {
    filter: grayscale(0%);
}
.top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 2.8rem;
    width: 100%;
}
.top-row .h2, 
.top-row .section-title {
    margin-bottom: 0;
}
.top-row h1, 
.top-row .page-title {
    margin-bottom: 0;
}
.courses-navs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5.2rem auto 0;
}
.courses-speacker-img {
    -o-object-position: center;
    object-position: center;
    object-fit: cover;
    width: 6rem;
    height: 6rem;
    border: 4px solid var(--bs-green);
    border-radius: 6rem;
}

.line {
    width: 100%;
    height: 4px;
    background-color: #3ADAC0;
    margin-bottom: .8rem;
}
.violet-line {
    background-color: #7163E9;
} 
.line-120 {
    width: 120px;
}

 


.events-row {
    border: 1px solid #EFEFEF;
    border-radius: 30px;
    background-color: white;
    padding: 3.8rem 4rem;
    display: flex;
    justify-content: space-between;
    gap: 7.6rem;
}
.events-col-left {
    flex: 0 0 580px;
}
.events-col-right {
    flex: 0 1 100%;
}
.air-datepicker-body--day-names {
    height: 56px;
    background: #EFEFEF;
    border-radius: 16px;
    gap: 2.8rem;
    margin-top: 0;
        padding: 0;
}
.air-datepicker-body--cells.-days- {
    margin-bottom: 0;
    gap: 2.8rem;
}
.air-datepicker-cell {
    max-width: 56px;
    max-height: 56px;
}
.air-datepicker-cell.multipleDate:not(.endMultipleDate):after {
    background-color: #CBF5EE;
    max-height: 56px;
    box-sizing: border-box;
    padding-top: 26px;
    background-color: transparent;
}
.air-datepicker-cell {
    background-color: #CBF5EE;
} 
.air-datepicker-cell.-disabled- {
    color: #BABABA;
}
.air-datepicker-cell.-after-current-,
.air-datepicker-cell.-current-{
    color: #434343;
    background-color: #CBF5EE;
}  



.air-datepicker-cell.-disabled- {
    background: transparent;
}
.air-datepicker-cell.-disabled-::before {
    content: none;
}

.air-datepicker-cell.-current- {
    background: #CBF5EE;
}
.air-datepicker-cell.-selected- {
    color: white;
}
.air-datepicker-cell.-selected-::before {
    display: none;
}

.air-datepicker-cell {
    background-color: transparent;
    position: relative;
}
.air-datepicker-cell::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 1px;
    background-color: #3adac0;
    bottom: 16px;
}
.air-datepicker-cell.-other-month-.multipleDate::before,
.air-datepicker-cell.multipleDate.-customSelected-::before,
.air-datepicker-cell.multipleDate:not(.endMultipleDate).-customSelected-::before {
    display: none;
}




.air-datepicker-body--day-name {
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
}
.air-datepicker--content {
    padding: 0;
}
.air-datepicker-nav--title i,
.air-datepicker-nav--title {
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    order: 1;
}
.air-datepicker-nav--title {
    margin-right: 2.4rem;
}
.air-datepicker-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.4rem;
    padding: 0;
}
.air-datepicker-nav--action {
    order: 3;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 60px;
    margin-right: 2.4rem;
}
.air-datepicker-nav--action svg {
    max-width: 24px;
}
.air-datepicker-nav--action path {
    fill: #434343;
}
.events-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
}
.events-item:not(:last-child) {
    margin-bottom: 32px;
}
.events-item-date {
    display: flex;
    align-items: center;
    margin-bottom: .8rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #434343;
}
.events-item-date svg {
    max-width: 2rem;
    margin-right: .4rem;
}
.events-item-title {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    margin-bottom: .8rem;
        overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.events-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    min-height: 48px;
}
.events-item .btn {
    height: 5.2rem;
    min-width: 16.7rem;
    padding: 0 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}


.blog-card {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.blog-card:hover .blog-card-title {
    color: var(--bs-violet-500);
}
.blog-card-link {
    display: block;
    width: 100%;
}
.blog-card-tags {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    list-style-type: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    max-height: 32px;
    overflow: hidden;
}
.blog-card-tags li {
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    height: 32px;
    background: #EFEFEF;
    border-radius: 28px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #434343;
    white-space: nowrap;
}
.blog-card-img {
    min-height: 228px;
    position: relative;
    margin-bottom: 1.2rem;
    aspect-ratio: 10 / 6;
    max-height: 228px;
    border-radius: 8px 8px 0px 0px;
}
.blog-card-img img {
    width: 100%;
    height: 228px;
    object-fit: cover;
    border-radius: 30px;
}
.blog-card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0.4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    transition: .3s;
    text-transform: none;
}
.blog-card-date {
    display: inline-flex;
    align-items: center;
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 0 16px;
    height: 32px;
    background: #EFEFEF;
    border-radius: 28px;
}
.blog-card-except {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #434343;
    margin-bottom: 1.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.blog-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;  
}
.header-mob-nav {
    display: none;
}
.header-menu-mob {
    height: 100vh;
    position: fixed;
    right: 0;
    transition-duration: .5s;
    background-color: #434343;
    width: 100%;
    max-width: 100%;
    top: 0;
    flex-direction: column;
    overflow: hidden;
    padding: 2.8rem;
}
.header-menu-mob.translate-x-full {
 
}
.header-menu-mob .header-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
.header-menu-mob .socials-list a {
    padding: 0;
    width: 28px;
    height: 28px;
}
.header-menu-mob .header-contacts {
    gap: 0;
    flex-direction: column;
    align-items: flex-end;
}
.burger-btn {
    width: 24px;
    height: 24px;
}
.burger-btn svg {
    max-width: 24px;
}
.search-mob-btn {
    display: none;
}
.close-menu-btn {
    margin-bottom: 28px;
}
.close-menu-btn svg {
    width: 40px;
    height: 40px;
}
.header-menu-mob li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.header-menu-mob li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: white;
}
.header-menu-mob .header-contacts a {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #3ADAC0;

}

.ac {
    border: none;
    margin-bottom: 2rem;
}
.ac .ac-trigger:after {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid #EFEFEF;
    border-radius: 50px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzQzOSA3Ljc1NzMyTDQuOTI5NjkgOS4xNzE1NEwxMi4wMDA3IDE2LjI0MjZMMTkuMDcxOCA5LjE3MTU3TDE3LjY1NzYgNy43NTczNUwxMi4wMDA4IDEzLjQxNDJMNi4zNDM5IDcuNzU3MzJaIiBmaWxsPSIjN0E3QTdBIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s;
    right: 0;
    top: calc(50% - 24px);
    bottom: auto;
    position: absolute;
    transform: none;
}
.ac .ac-trigger {
    outline: none;
    transition: .3s;
    padding: 0;
    margin: 0;
    font-family: 'Montserrat';
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    padding-right: 45px;
}
.ac .ac-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    min-height: 60px;
    border: 1px solid #EFEFEF;
    border-radius: 30px;
}
.ac.is-active>.ac-header .ac-trigger:after {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid #EFEFEF;
    border-radius: 50px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzQzOSA3Ljc1NzMyTDQuOTI5NjkgOS4xNzE1NEwxMi4wMDA3IDE2LjI0MjZMMTkuMDcxOCA5LjE3MTU3TDE3LjY1NzYgNy43NTczNUwxMi4wMDA4IDEzLjQxNDJMNi4zNDM5IDcuNzU3MzJaIiBmaWxsPSIjN0E3QTdBIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}
.ac.is-active {
    background-color: transparent;
}
.ac.is-active .ac-panel {
    padding: 20px;
}

.modal {
    width: 640px;
    background: #FFFFFF;
    border: 1px solid #BABABA;
    border-radius: 30px !important;
    height: auto !important;
    overflow: hidden;
}
.modal-inner {
    padding: 36px 52px 32px 32px;
    position: relative;
}
.modal-close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.callback-modal {

}
.modal-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434343;
    margin-bottom: 2rem;
}
#callbackModal {
    max-width: 640px !important;
} 
.fancybox__slide.has-close-btn {
    cursor: pointer;
}




.swiper-button-next,
.swiper-button-prev {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    width: 48px;
    height: 48px;
    background: white;
    border-radius: 60px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjAzODcgNi4zNDMxNEwxMy42Mjc4IDcuNzYwNjZMMTYuODk4IDExLjAxNTZMMy4yOTI5NyAxMS4wMjkzTDMuMjk0OTggMTMuMDI5M0wxNi44NjI3IDEzLjAxNTdMMTMuNjQ3NiAxNi4yNDU5TDE1LjA2NTEgMTcuNjU2OEwyMC43MDg3IDExLjk4NjdMMTUuMDM4NyA2LjM0MzE0WiIgZmlsbD0iIzQzNDM0MyIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: none;
    margin: 0;
    left: auto;
    right: 0;
    /* border: 1px solid #EFEFEF; */
}
.swiper-button-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjMyODcgMTEuMDAwMlYxMy4wMDAyTDcuNTAwNDIgMTMuMDAwMkwxMC43NDI5IDE2LjI0MjhMOS4zMjg3MyAxNy42NTdMMy42NzE4OCAxMi4wMDAxTDkuMzI4NzMgNi4zNDMyNkwxMC43NDI5IDcuNzU3NDdMNy41MDAxOSAxMS4wMDAyTDIwLjMyODcgMTEuMDAwMloiIGZpbGw9IiM0MzQzNDMiLz4KPC9zdmc+Cg==);
    right: auto;
    left: 0;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
    content: none;
}
header .socials-list-icon svg {
    max-width: 32px;
    width: 32px;
    height: max-content;
    overflow: visible;
}
header .socials-list {
    margin-bottom: 0;
}


.checkbox-group {
    display: grid;
    grid-template-columns: 16px 1fr;
    grid-template-rows: auto auto;
    gap: 0 8px;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 0;
}
.checkbox-group label {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #434343;
    cursor: pointer;
}
sup.required {
    color: #FF2E00;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    top: 0;
    margin: 0;
    padding: 0;
} 
input.checkbox {
    appearance: none;
    position: relative;
    width: 16px!important;
    min-width: 16px!important;
    min-height: 16px!important;
    height: 16px!important;
    padding: 0!important;
    background: transparent!important;
    border-radius: 4px!important;
    border: 1px solid #434343!important;
    transition: .3s;
    margin: 0 8px 0 0;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    box-shadow: none!important;
    outline: none!important;
}
input.checkbox:hover,
input.checkbox:focus {
    background: transparent!important;
    border-radius: 4px!important;
    border: 1px solid #434343!important;
}
.checkbox:after {
    content: "";
    position: absolute;
    width: 16px!important;
    min-width: 16px!important;
    height: 16px!important;
    border-radius: 4px!important;
    inset: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzExNDcgNi42NzQ4Mkw5LjgyODcxIDAuNzYwNjI5QzEwLjAzNTEgMC41MzkzNSAxMC4yOTc5IDAuNDI4NzExIDEwLjYxNjkgMC40Mjg3MTFDMTAuOTM1OSAwLjQyODcxMSAxMS4xOTg2IDAuNTM5MzUgMTEuNDA1MSAwLjc2MDYyOUMxMS42MTE1IDAuOTgxOTA5IDExLjcxNDcgMS4yNjM1NCAxMS43MTQ3IDEuNjA1NTFDMTEuNzE0NyAxLjk0NzQ5IDExLjYxMTUgMi4yMjkxMiAxMS40MDUxIDIuNDUwNEw1LjA5OTY0IDkuMjA5NDhDNC44NzQ0NSA5LjQ1MDg3IDQuNjExNzIgOS41NzE1NyA0LjMxMTQ3IDkuNTcxNTdDNC4wMTEyMSA5LjU3MTU3IDMuNzQ4NDggOS40NTA4NyAzLjUyMzI5IDkuMjA5NDhMMC41OTU3NzMgNi4wNzEzM0MwLjM4OTM0NiA1Ljg1MDA1IDAuMjg2MTMzIDUuNTY4NDIgMC4yODYxMzMgNS4yMjY0NUMwLjI4NjEzMyA0Ljg4NDQ3IDAuMzg5MzQ2IDQuNjAyODQgMC41OTU3NzMgNC4zODE1NkMwLjgwMjIwMSA0LjE2MDI4IDEuMDY0OTMgNC4wNDk2NCAxLjM4Mzk1IDQuMDQ5NjRDMS43MDI5OCA0LjA0OTY0IDEuOTY1NyA0LjE2MDI4IDIuMTcyMTMgNC4zODE1Nkw0LjMxMTQ3IDYuNjc0ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat !important;
    background-position: 50% 35%;
    background-size: 10px;
    transition: transform .2s;
    transform: scale(0);
    opacity: 0;
    border: 1px solid #7163E9;
    background-color: #7163E9;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.checkbox:checked:after {
    transform: scale(1);
    opacity: 1;
} 
[type=checkbox],
[type=checkbox]:focus, 
[type=radio]:focus,
.custom-form [type=checkbox]:hover,
.custom-form [type=checkbox] {
    outline: none!important;
    box-shadow: none!important;
}
input[type=checkbox]:checked:hover, 
input[type=checkbox]:checked:focus,
input[type=checkbox]:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzExNDcgNi42NzQ4Mkw5LjgyODcxIDAuNzYwNjI5QzEwLjAzNTEgMC41MzkzNSAxMC4yOTc5IDAuNDI4NzExIDEwLjYxNjkgMC40Mjg3MTFDMTAuOTM1OSAwLjQyODcxMSAxMS4xOTg2IDAuNTM5MzUgMTEuNDA1MSAwLjc2MDYyOUMxMS42MTE1IDAuOTgxOTA5IDExLjcxNDcgMS4yNjM1NCAxMS43MTQ3IDEuNjA1NTFDMTEuNzE0NyAxLjk0NzQ5IDExLjYxMTUgMi4yMjkxMiAxMS40MDUxIDIuNDUwNEw1LjA5OTY0IDkuMjA5NDhDNC44NzQ0NSA5LjQ1MDg3IDQuNjExNzIgOS41NzE1NyA0LjMxMTQ3IDkuNTcxNTdDNC4wMTEyMSA5LjU3MTU3IDMuNzQ4NDggOS40NTA4NyAzLjUyMzI5IDkuMjA5NDhMMC41OTU3NzMgNi4wNzEzM0MwLjM4OTM0NiA1Ljg1MDA1IDAuMjg2MTMzIDUuNTY4NDIgMC4yODYxMzMgNS4yMjY0NUMwLjI4NjEzMyA0Ljg4NDQ3IDAuMzg5MzQ2IDQuNjAyODQgMC41OTU3NzMgNC4zODE1NkMwLjgwMjIwMSA0LjE2MDI4IDEuMDY0OTMgNC4wNDk2NCAxLjM4Mzk1IDQuMDQ5NjRDMS43MDI5OCA0LjA0OTY0IDEuOTY1NyA0LjE2MDI4IDIuMTcyMTMgNC4zODE1Nkw0LjMxMTQ3IDYuNjc0ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 12px!important;
    /* border: 1px solid #7163E9!important; */
    background-color: #7163E9!important;
    /* background-image: none!important; */
    border: 1px solid #7163E9!important;
}
.custom-form [type=checkbox]:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzExNDcgNi42NzQ4Mkw5LjgyODcxIDAuNzYwNjI5QzEwLjAzNTEgMC41MzkzNSAxMC4yOTc5IDAuNDI4NzExIDEwLjYxNjkgMC40Mjg3MTFDMTAuOTM1OSAwLjQyODcxMSAxMS4xOTg2IDAuNTM5MzUgMTEuNDA1MSAwLjc2MDYyOUMxMS42MTE1IDAuOTgxOTA5IDExLjcxNDcgMS4yNjM1NCAxMS43MTQ3IDEuNjA1NTFDMTEuNzE0NyAxLjk0NzQ5IDExLjYxMTUgMi4yMjkxMiAxMS40MDUxIDIuNDUwNEw1LjA5OTY0IDkuMjA5NDhDNC44NzQ0NSA5LjQ1MDg3IDQuNjExNzIgOS41NzE1NyA0LjMxMTQ3IDkuNTcxNTdDNC4wMTEyMSA5LjU3MTU3IDMuNzQ4NDggOS40NTA4NyAzLjUyMzI5IDkuMjA5NDhMMC41OTU3NzMgNi4wNzEzM0MwLjM4OTM0NiA1Ljg1MDA1IDAuMjg2MTMzIDUuNTY4NDIgMC4yODYxMzMgNS4yMjY0NUMwLjI4NjEzMyA0Ljg4NDQ3IDAuMzg5MzQ2IDQuNjAyODQgMC41OTU3NzMgNC4zODE1NkMwLjgwMjIwMSA0LjE2MDI4IDEuMDY0OTMgNC4wNDk2NCAxLjM4Mzk1IDQuMDQ5NjRDMS43MDI5OCA0LjA0OTY0IDEuOTY1NyA0LjE2MDI4IDIuMTcyMTMgNC4zODE1Nkw0LjMxMTQ3IDYuNjc0ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)!important;
    border: 1px solid #7163E9!important;
    background-color: #7163E9!important;
}
.b24-form-btn {
    font-family: 'Montserrat'!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    background: #3ADAC0 !important;
    color: white;
}
.b24-form-btn.b24-form-btn-border {
    background: transparent!important;
    border: 1px solid #3ADAC0!important;
    color: #434343!important;
}
.b24-window-close {
    background-color: #3ADAC0 !important;
}
.b24-form-btn:hover {

}
.b24-form-btn.b24-form-btn-border:hover {

}
.course-day-link {
    color: #434343;
}
.course-day-link:hover {
    color: #242424;
}
.course-day-link:hover path {
    fill: #242424;
}
.course-day-link:active{
    color: #7A7A7A;
}
.course-day-link:active path {
    fill: #7A7A7A;
}
.course-day-link:disabled {
    color: #BABABA;
}
.course-day-link:disabled path {
    fill: #BABABA;
}


.checkbox.__error:after,
.checkbox.__error {
    background-image: none!important;
    border: 1px solid #FF2E00!important;
}
.error-text {
    color: #FF2E00!important;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}
.radio-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 0 8px;
    position: relative;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
}
.radio-option input[type="radio"] {
    appearance: none;
    min-width: 16px!important;
    width: 16px!important;
    height: 16px!important;
    background: transparent!important;
    border: 1px solid #7A7A7A!important;
    border-radius: 100%;
    margin-right: 8px;
    position: relative;
    /* overflow: hidden; */
    cursor: pointer;
    transition: .3s;
    box-sizing: border-box;
    display: inline-flex;
    outline: none!important;
    box-shadow: none!important;
}
.radio-option input[type="radio"]:checked {
    background: transparent!important;
    outline: none!important;
    box-shadow: none!important;    
}
.radio-option input[type="radio"]::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    min-width: 16px !important;
    width: 16px !important;
    height: 16px !important;
    transform: none;
    background: transparent !important;
    border: 4px solid #7163E9 !important;
    border-radius: 100%;
    box-sizing: border-box;
    opacity: 0;
    transition: .3s;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2;
}
.radio-option input[type="radio"]:checked::before {
    opacity: 1;
}
.radio-option span {
    display: flex;
    align-items: center;
}
.radio-option svg {
    max-width: 51px;
    margin-left: 8px;
}



.choices__inner {
    padding: 4px 12px;
    height: 40px;
    min-height: 40px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 999px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
        display: flex;
    align-items: center;
    cursor: pointer;
}
.choices__list--multiple {
    display: flex;
}
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
        cursor: pointer;
}

.choices__list--dropdown {
  border-radius: 8px;
}

.choices__list--dropdown .choices__item:hover, 
.choices__list[aria-expanded] .choices__item:hover {
    background: #CBF5EE;
}
.choices__list--dropdown {
    background: #FFFFFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
    border-radius: 12px;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, 
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: #CBF5EE;
}
.is-focused .choices__inner {
    border: 1px solid #89E9D9;
    box-shadow: 0px 0px 4px 1px #CBF5EE;
        border-radius: 999px;
}
.is-open .choices__inner {
          border-radius: 999px;  
}
.choices__list--dropdown, 
.choices__list[aria-expanded] {
    border: none;
    border-radius: 12px;
}
.choices__placeholder {
    opacity: 1;
}
.choices__item--selectable {
    overflow: hidden;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
}
.choices__input {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    background: transparent;
    margin: 0;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
     pointer-events: none;
}
.choices__list--multiple .choices__item {
    padding: 0;
    background: transparent;
        font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    margin: 0;
    border: none;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    margin: 0px -2px 0px 5px;
    padding-left: 10px;
    border: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjI2NjQgNC44MTA5NkM1LjgzNjExIDQuNDIwNDQgNS4yMDI5NSA0LjQyMDQ0IDQuODEyNDIgNC44MTA5NkM0LjQyMTkgNS4yMDE0OCA0LjQyMTkgNS44MzQ2NSA0LjgxMjQyIDYuMjI1MTdMMTAuNTg3MiAxMS45OTk5TDQuODEyNDggMTcuNzc0NkM0LjQyMTk2IDE4LjE2NTEgNC40MjE5NiAxOC43OTgzIDQuODEyNDggMTkuMTg4OEM1LjIwMzAxIDE5LjU3OTMgNS44MzYxNyAxOS41NzkzIDYuMjI2NyAxOS4xODg4TDEyLjAwMTQgMTMuNDE0MUwxNy43NzYgMTkuMTg4OEMxOC4xNjY2IDE5LjU3OTMgMTguNzk5NyAxOS41NzkzIDE5LjE5MDMgMTkuMTg4OEMxOS41ODA4IDE4Ljc5ODMgMTkuNTgwOCAxOC4xNjUxIDE5LjE5MDMgMTcuNzc0NkwxMy40MTU2IDExLjk5OTlMMTkuMTkwMyA2LjIyNTE3QzE5LjU4MDggNS44MzQ2NSAxOS41ODA4IDUuMjAxNDggMTkuMTkwMyA0LjgxMDk2QzE4Ljc5OTggNC40MjA0NCAxOC4xNjY2IDQuNDIwNDQgMTcuNzc2MSA0LjgxMDk2TDEyLjAwMTQgMTAuNTg1N0w2LjIyNjY0IDQuODEwOTZaIiBmaWxsPSIjNDM0MzQzIi8+Cjwvc3ZnPgo=);
    background-size: 14px;
    width: 14px;
    line-height: 1;
    opacity: .75;
    transform: translateY(2px);
}

.choices__input::-webkit-input-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.choices__input::-moz-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.choices__input:-ms-input-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.choices__input::-ms-input-placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.choices__input::placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}

.choices__list--dropdown .choices__item, 
.choices__list[aria-expanded] .choices__item {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    padding: 10px 14px;
    min-height: 44px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    position: relative;
}

.choices[data-type="select-multiple"]::after,
.choices[data-type*=select-one]::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjI4OTQgNS4xNzE1N0wzLjI4NjEzIDYuMTE0MzhMOC4wMDAxNyAxMC44Mjg0TDEyLjcxNDIgNi4xMTQ0TDExLjc3MTQgNS4xNzE1OUw4LjAwMDE4IDguOTQyODFMNC4yMjg5NCA1LjE3MTU3WiIgZmlsbD0iIzQzNDM0MyIvPgo8L3N2Zz4K);
    background-size: 16px;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    right: 12px;
    top: calc(50% - 8px);
    display: inline-flex;
    margin: 0;
}
.choices[data-type="select-multiple"].is-open::after,
.choices[data-type*=select-one].is-open::after {
    border: none;
    margin: 0;
    transform: rotate(180deg);
}
.choices__list--dropdown, .choices__list[aria-expanded] {
    top: 100%;
    margin-top: 4px;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 208px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.modal .custom-form .b24-form-control-string .b24-form-control, 
.modal .custom-form .b24-form-control-list .b24-form-control, 
.modal.custom-form .b24-form-control-text .b24-form-control, 
.modal .custom-form .b24-form-control-select .field-item {
    background: #FFFFFF!important;
    border: 1px solid #EFEFEF!important;
    border-radius: 999px!important;
    outline: none !important;
}
.modal .custom-form .b24-form-btn {
    display: flex!important;
    width: 100%;
    max-width: 100%;
}
.modal .custom-form .b24-form-control-string textarea.b24-form-control, 
.modal .custom-form .b24-form-control-list textarea.b24-form-control, 
.modal .custom-form .b24-form-control-text textarea.b24-form-control, 
.modal .custom-form .b24-form-control-select textarea.field-item {
    background: #FFFFFF!important;
    border: 1px solid #EFEFEF!important;
    border-radius: 12px!important;
    padding: 10px 14px!important;
    height: 132px!important;
    max-width: 100%;
    max-height: 200px;
}
.modal .custom-form .b24-form-control-container {
    padding-top: 22px;
}

 
.form-input:focus {
    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
    border: 1px solid #89E9D9!important;
    box-shadow: 0px 0px 4px 1px #CBF5EE!important;
}
.form-input:disabled {
    cursor: default;
    background: #FFFFFF!important;
    border: 1px solid #EFEFEF!important;
    color: #EFEFEF!important;
    opacity: .5;
}
.form-input:disabled::-webkit-input-placeholder {
    color: #EFEFEF!important;
}
.form-input:disabled::-moz-placeholder {
    color: #EFEFEF!important;
}
.form-input:disabled::placeholder {
    color: #EFEFEF!important;
}
.custom-form .b24-form-control-string .b24-form-control:focus, 
.custom-form .b24-form-control-list .b24-form-control:focus, 
.custom-form .b24-form-control-text .b24-form-control:focus, 
.custom-form .b24-form-control-select .field-item:focus {
    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
    border: 1px solid #89E9D9!important;
    box-shadow: 0px 0px 4px 1px #CBF5EE!important;
}
.custom-form .b24-form-control-string .b24-form-control:disabled, 
.custom-form .b24-form-control-list .b24-form-control:disabled, 
.custom-form .b24-form-control-text .b24-form-control:disabled, 
.custom-form .b24-form-control-select .field-item:disabled {
    cursor: default;
    background: #FFFFFF!important;
    border: 1px solid #EFEFEF!important;
    color: #EFEFEF!important;
    opacity: .5;
}
.custom-form .b24-form-control::-webkit-input-placeholder,
.custom-form .b24-form-control-select .field-item:disabled:disabled::-webkit-input-placeholder {
    color: #EFEFEF!important;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.custom-form .b24-form-control::-moz-placeholder,
.custom-form .b24-form-control-select .field-item:disabled:disabled::-moz-placeholder {
    color: #EFEFEF!important;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.custom-form .b24-form-control::placeholder,
.custom-form .b24-form-control-select .field-item:disabled:disabled::placeholder {
    color: #EFEFEF!important;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
/* .custom-form .b24-form-control-string .b24-form-control:focus:not(:placeholder-shown):not(:disabled), 
.custom-form .b24-form-control-list .b24-form-control:focus:not(:placeholder-shown):not(:disabled), 
.custom-form .b24-form-control-text .b24-form-control:focus:not(:placeholder-shown):not(:disabled), 
.custom-form .b24-form-control-select .field-item:focus:not(:placeholder-shown):not(:disabled) {
    cursor: not-allowed;
    background: #F9FAFB!important;
    border: 1px solid #EFEFEF!important;
} */
 
.custom-form  .b24-form-control-alert.b24-form-control-checkbox, 
.custom-form  .b24-form-control-alert.b24-form-control-radiobox, 
.custom-form  .b24-form-control-alert.b24-form-control-file, 
.custom-form  .b24-form-control-alert.b24-form-control-list .b24-form-control, 
.custom-form  .b24-form-control-alert.b24-form-control-string .b24-form-control, 
.custom-form  .b24-form-control-alert.b24-form-control-text .b24-form-control {
    background: #FFFFFF!important;
    border: 1px solid #FF9D83!important;
}
.custom-form .b24-form-control-alert-message {
    color: #FF2E00 !important;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    background: transparent !important;
    left: 0;
}
.custom-form .b24-form-control-alert-message:after {
    content: none;
}
.custom-form .b24-form-control-alert-message:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNDVfNDE2NykiPgo8cGF0aCBkPSJNOCAxNEMxMS4zMTM3IDE0IDE0IDExLjMxMzcgMTQgOEMxNCA0LjY4NjI5IDExLjMxMzcgMiA4IDJDNC42ODYyOSAyIDIgNC42ODYyOSAyIDhDMiAxMS4zMTM3IDQuNjg2MjkgMTQgOCAxNFoiIHN0cm9rZT0iI0ZGMkUwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04IDUuMzMzNVY4LjAwMDE2IiBzdHJva2U9IiNGRjJFMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAxMC42NjY1SDguMDA2NjciIHN0cm9rZT0iI0ZGMkUwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjA0NV80MTY3Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
    width: 16px;
    height: 16px;
    background-size: 16px;

}
.subscribe-form .custom-form .b24-form-control-alert.b24-form-control-checkbox, 
.subscribe-form .custom-form .b24-form-control-alert.b24-form-control-radiobox, 
.subscribe-form .custom-form .b24-form-control-alert.b24-form-control-file, 
.subscribe-form .custom-form .b24-form-control-alert.b24-form-control-list .b24-form-control, 
.subscribe-form .custom-form .b24-form-control-alert.b24-form-control-string .b24-form-control, 
.subscribe-form .custom-form .b24-form-control-alert.b24-form-control-text .b24-form-control {
    background: transparent !important;
}
.custom-form .b24-form-control-list .b24-form-icon-remove {
    display: none;
}
.custom-form .b24-form-control-string [type=email].b24-form-control, 
.custom-form .b24-form-control-list [type=email].b24-form-control, 
.custom-form .b24-form-control-text [type=email].b24-form-control, 
.custom-form .b24-form-control-select [type=email].field-item {
    padding-left: 40px!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3Nl84NTgyKSI+CjxwYXRoIGQ9Ik0xNS44MzMzIDQuMTY2NUg0LjE2NjY3QzMuMjQ2MTkgNC4xNjY1IDIuNSA0LjkxMjcgMi41IDUuODMzMTdWMTQuMTY2NUMyLjUgMTUuMDg3IDMuMjQ2MTkgMTUuODMzMiA0LjE2NjY3IDE1LjgzMzJIMTUuODMzM0MxNi43NTM4IDE1LjgzMzIgMTcuNSAxNS4wODcgMTcuNSAxNC4xNjY1VjUuODMzMTdDMTcuNSA0LjkxMjcgMTYuNzUzOCA0LjE2NjUgMTUuODMzMyA0LjE2NjVaIiBzdHJva2U9IiNCQUJBQkEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgNS44MzM1TDEwIDEwLjgzMzVMMTcuNSA1LjgzMzUiIHN0cm9rZT0iI0JBQkFCQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85NzZfODU4MiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)!important;
    background-repeat: no-repeat!important;
    background-position: 12px 50%!important;
}
#fis-email,
#ur-email,
.oplata [type=email].form-input,
[type=email].form-input {
    padding-left: 40px!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3Nl84NTgyKSI+CjxwYXRoIGQ9Ik0xNS44MzMzIDQuMTY2NUg0LjE2NjY3QzMuMjQ2MTkgNC4xNjY1IDIuNSA0LjkxMjcgMi41IDUuODMzMTdWMTQuMTY2NUMyLjUgMTUuMDg3IDMuMjQ2MTkgMTUuODMzMiA0LjE2NjY3IDE1LjgzMzJIMTUuODMzM0MxNi43NTM4IDE1LjgzMzIgMTcuNSAxNS4wODcgMTcuNSAxNC4xNjY1VjUuODMzMTdDMTcuNSA0LjkxMjcgMTYuNzUzOCA0LjE2NjUgMTUuODMzMyA0LjE2NjVaIiBzdHJva2U9IiNCQUJBQkEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgNS44MzM1TDEwIDEwLjgzMzVMMTcuNSA1LjgzMzUiIHN0cm9rZT0iI0JBQkFCQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85NzZfODU4MiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)!important;
    background-repeat: no-repeat!important;
    background-position: 12px 50%!important;
}
.form-email-wrapper {
    position: relative;
    width: 100%;
}
.form-input-wrapper .form-input {
    padding-left: 40px !important;
}
.form-email-wrapper .form-input,
.form-email-wrapper [type=email].form-input {
    background-image: none!important;
}

.form-email-wrapper::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 52%;
    z-index: 3;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3Nl84NTgyKSI+CjxwYXRoIGQ9Ik0xNS44MzMzIDQuMTY2NUg0LjE2NjY3QzMuMjQ2MTkgNC4xNjY1IDIuNSA0LjkxMjcgMi41IDUuODMzMTdWMTQuMTY2NUMyLjUgMTUuMDg3IDMuMjQ2MTkgMTUuODMzMiA0LjE2NjY3IDE1LjgzMzJIMTUuODMzM0MxNi43NTM4IDE1LjgzMzIgMTcuNSAxNS4wODcgMTcuNSAxNC4xNjY1VjUuODMzMTdDMTcuNSA0LjkxMjcgMTYuNzUzOCA0LjE2NjUgMTUuODMzMyA0LjE2NjVaIiBzdHJva2U9IiNCQUJBQkEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgNS44MzM1TDEwIDEwLjgzMzVMMTcuNSA1LjgzMzUiIHN0cm9rZT0iI0JBQkFCQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icnJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDA5NzZfODU4MiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
    background-size: 18px;
    background-repeat: no-repeat;
}


.iti__flag,
.iti__flag.iti__dz {
    display: none!important;
}
.iti {
    width: 100%;
}
.iti--separate-dial-code .iti__selected-flag {
    background: transparent!important;
}
.iti--separate-dial-code .iti__selected-dial-code {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
}
.iti__country-name {
    display: none!important;
}
.iti__country {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    padding: 0;
}
.iti__country-list {
    background: #FFFFFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
    border-radius: 12px;
    border: none;
}
.iti__country:hover {
    background: #CBF5EE!important;
}
.iti__country.iti__highlight {
    background: transparent!important;
}
.custom-form input[type='tel'].b24-form-control {
    /* padding-left: 76px!important; */
    outline: none;
}
.b24-from-state-on .b24-form-state-container {
    background: #efefef !important;
    left: -5px;
    bottom: -1px;
}
.b24-form-control-list .b24-form-control {
    cursor: pointer;
}

.b24-form-state-container .b24-form-success {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important;
}
.b24-form-success .b24-form-state-text p {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
}
.b24-form-wrapper.b24-form-border-bottom {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important;
}

.iti__arrow {
    margin-left: 6px;
    width: 20px;
    height: 20px;
    border: none!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNy41TDEwIDEyLjVMMTUgNy41IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS13aWR0aD0iMS42NjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
}
.iti__arrow--up {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNDVfMTM5MCkiPgo8cGF0aCBkPSJNNSAxM0wxMCA4TDE1IDEzIiBzdHJva2U9IiM0MzQzNDMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjA0NV8xMzkwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.btn.load-more-items2:focus,
.btn.load-more-items1:focus,
.btn.load-more-items:focus {
    border-radius: 8px!important;
    background: #7163E9!important;
    border: 1px solid #7163E9!important;
    color: white!important;
    transform: none!important;
}
.btn.load-more-items2:hover,
.btn.load-more-items1:hover,
.btn.load-more-items:hover {
    border-radius: 8px!important;
    background: #7163E9!important;
    border: 1px solid #7163E9!important;
    color: white!important;
    transform: none!important;
}
.btn.load-more-items2:active,
.btn.load-more-items1:active,
.btn.load-more-items:active {
    border-radius: 8px!important;
    background: #5144C1!important;
    border: 1px solid #5144C1!important;
    color: white!important;
    transform: none!important;
}
.btn.load-more-items2:disabled,
.btn.load-more-items1:disabled,
.btn.load-more-items:disabled {
    background: transparent!important;
    border: 1px solid #BABABA!important;
    color: #BABABA!important;
    transform: none!important;
    cursor: default;
}
.btn.load-more-items2::after,
.btn.load-more-items1::after,
.btn.load-more-items::after {
    content: none!important;
    border-radius: 8px!important;
}

#clients .swiper-button-next, 
#clients .swiper-button-prev {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 60px;
    top: 70px;
}

#clients .swiper-button-next:hover, 
#clients .swiper-button-prev:hover, 
.swiper-button-next:hover, 
.swiper-button-prev:hover,
.swiper-button:hover {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
}
#clients .swiper-button-next:active, 
#clients .swiper-button-prev:active, 
.swiper-button-next:active, 
.swiper-button-prev:active,
.swiper-button:active {
    background-color: #BABABA;
    border: 1px solid #BABABA;
}

.course-employees .swiper-button.swiper-button-prev:hover,
.course-employees .swiper-button.swiper-button-next:hover,
.reviews .swiper-button.swiper-button-next:hover,
.reviews .swiper-button.swiper-button-prev:hover {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
}
.course-employees .swiper-button.swiper-button-prev:active,
.course-employees .swiper-button.swiper-button-next:active,
.reviews .swiper-button.swiper-button-next:active,
.reviews .swiper-button.swiper-button-prev:active {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
}


.about-img {
    width: auto;
    width: 208px;
    height: 208px;
    border: 12px solid #7163E9;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
.about-row {
    align-items: center;
}


 div.title-search-result {
    border-radius: 12px;
    border: none;
}
.title-search-result a span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}
.title-search-result a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
    text-decoration: none;
    padding: 10px 14px;
    background-color: transparent;
    margin: 0;
    border: none;
}
.title-search-result a:hover {
    background-color: #CBF5EE;
}
.title-search-result > div.flex {
    border: none !important;
    max-height: 208px;
    background: #FFFFFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
    border-radius: 12px;
    overflow: auto;
}
body div.title-search-result,
div.title-search-result {
    padding-bottom: 20px;
}

.courses-filters-reset-btn {
    color: #434343;
}
.courses-filters-reset-btn:hover {
    color: #242424;
}
.courses-filters-reset-btn:hover path{
    fill: #242424;
}
.courses-filters-reset-btn:active {
    color: #7A7A7A;
}
.courses-filters-reset-btn:active path{
    fill: #242424;
}
.courses-filters-reset-btn.disabled,
.courses-filters-reset-btn:disabled {
    color: #BABABA;
    cursor: default;
}
.courses-filters-reset-btn.disabled path,
.courses-filters-reset-btn:disabled path{
    fill: #BABABA;
}





.lector-card {
    position: relative;
    box-sizing: border-box;
}
.lector-card .lector-card-content {
    
    display: flex;
    flex-direction: column;
}
.lector-card .lector-card-btn {
    margin-bottom: 0;
    margin-top: auto;
}
.employee-modal-text {
    max-height: 410px;
    overflow: auto;
 
}
.employee-modal-text .review-modal .review-text {
    scrollbar-width: thin;
    scrollbar-color: #BABABA #EFEFEF;
}
.browser-firefox .employee-modal-text {
    scrollbar-width: thin;
    scrollbar-color: #BABABA #EFEFEF;
}
.employee-modal-text::-webkit-scrollbar {
    width: 4px;
}
.employee-modal-text::-webkit-scrollbar-track {
    background: #EFEFEF;
    border-radius: 8px;
}
.employee-modal-text::-webkit-scrollbar-thumb {
    background: #BABABA;
    border-radius: 8px;
}
.employee-modal-text::-webkit-scrollbar-thumb:hover {
    background: #999999;
}
.employee-modal-text::-webkit-scrollbar-button {
    display: none;
}

 
.footer-banner {
    position: fixed;
    left: 0;
    top: 0 !important;
    bottom: auto !important;
    z-index: 112;
    height: 92px;
}
.footer-banner img {
    width: 100%;
    height: 100%;
    max-height: 92px;
    object-fit: cover;
}
.footer-banner .footer-banner-close {
    position: absolute;
    right: 0;
    top: 10px;
}
.footer-banner-row {
    position: relative;
    width: 100%;
    height: 100%;
}
header.has-footer-banner:not(.main-home) {
    top: 92px;
}

main.has-footer-banner:not(.main-home) {
    padding-top: 244px;
}

main.has-footer-banner .blog-cat {
    padding-top: 0;
}

main.has-footer-banner {
    padding-top: 92px;
}

.home-screen-content {
    display: flex;
    align-items: center;
    padding: 30px 0;
}
.lecture .lecture-head-row .font-bold {
    width: 100%;
    display: block;
}


.lecture-courses .swiper-button-next-2 {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 60px;
    right: 2px;
}

.lecture-courses .swiper-button-prev-2 {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 60px;
    left: 2px;
}
.lecture-course-desc {
    flex: 0 1 100%;
}


.iti__country-list {
    z-index: 11;
}
.blog-list .blog-card-content {
    display: flex;
    flex-direction: column;
}
.blog-list .blog-card-tags {
    margin-bottom: 0;
    margin-top: auto;
}
.js-show_more--show-more .js-show_more--show-more2 {
    margin: 0 auto;
}
.events-row {
    overflow: hidden;
}


/* Стили для скелетонов */
.skeleton {
    position: relative;
    overflow: hidden;
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100%;
    height: 100%;
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}
header.is-skeleton {
    z-index: 900;
}
header .skeleton {
    z-index: 900;
}
.skeleton-br::after {
    border-radius: 30px;
}

.skeleton-rounded::after {
    border-radius: 50%;
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

/* Дополнительные стили для компонентов скелетонов */
.skeleton-block {
    width: 100%;
    height: 100%;
}
.skeleton-text {
    width: auto;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}
.skeleton-hidden::after {
    background-color: #f8f9fa;
}
.skeleton-text-lg {
    height: 24px;
    border-radius: 4px;
}
.skeleton-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.skeleton-title {
    width: auto;
    height: 100%;
    border-radius: 4px;
}
.skeleton-avatar-lg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.skeleton-nav {
    width: auto;
    height: 100%;
    border-radius: 4px;
}
.skeleton-image {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.skeleton-image.lecture-img {
    width: 324px;
    border-radius: 100%;
    border: 12px solid #f8f9fa;
}
.skeleton-banner {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.skeleton-badge {
    width: 60px;
    height: 24px;
    border-radius: 12px;
    display: inline-block;
    margin-right: 10px;
}
.skeleton-screen {
    width: 100%;
    height: 120%;
    top: -10%;
    border-radius: 0;
}
div.breadcrumbs.skeleton-nav {
    width: max-content;
    margin: 0;
}
footer .skeleton-nav,
footer .skeleton-block {
    height: max-content;
}
.js-show_more--show-more.skeleton-button {
    margin: 5.2rem auto 0;
}
.skeleton-button {
    width: max-content;
    height: 100%;
        border-radius: 40px;
}

.skeleton-card {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}
.skeleton-br {
    border-radius: 30px;
}
.show-real-content .skeleton::after {
    /* display: none;  */
}
.adv-card {
    overflow: hidden;
}


#main.has-footer-banner + footer {
    padding-bottom: 92px;
}






@media (min-width: 1900px) {
    .footer-banner .\31 920\:mr-\[230px\] {
        margin-right: 190px;
    }
    header .callback-btn {
        padding: 15px 25px;
        min-width: 251px;
    }



}
@media (max-width: 1380px) {
    .footer-banner .footer-banner-close {
        right: 0;
        margin-right: 0 !important;
    }
    .footer-banner .\37 68\:ml-20 {
        margin-left: 0 !important;
    }


}
@media (max-width: 767px) {
    .footer-banner {
        height: 120px;
    }
    .footer-banner img {
        max-height: 120px;
    }
    header.has-footer-banner {
        top: 120px;
    }
    .footer-banner a {
        margin: 0!important;
    }
    .footer-banner .footer-banner-close svg {
        max-width: 20px;
    }
    main.has-footer-banner {
        padding-top: 120px;
    }



}
@media (min-width: 768px) {
    .container {
        max-width: calc(100% - 70px);
    }


}
@media (min-width: 992px) {
    .container {
        max-width: calc(100% - 135px);
    }

}
@media (min-width: 1200px) {
    .container {
        max-width: 1050px;
    }
    .\37 68\:aspect-video,
    .screen {
        min-height: 82rem;
    }


}
@media only screen and (min-width: 1201px) and (max-width: 1398px) {
    .container {
        max-width: calc(100% - 160px);
    }


}
@media (min-width: 1398px) {
    .container {
        max-width: 1378px;
    }


}
@media only screen and (min-width: 1025px) {
    .header-bottom {
        min-height: 64px;
        height: 64px;
    }
    #clients .swiper-button.swiper-button-prev {
            left: -24px;
    }    
    #clients .swiper-button-next {
        right: -24px;
    }
    #clients .swiper-slide-four img {
        margin: 0 auto;
        max-width: 312px;
        max-height: 80px;
        min-height: 55px;
    }
    #clients .swiper-slide-firstinrow img {
        /* margin-left: 0;  */
    }
    #blog .blog-card-content {
        display: flex;
        flex-direction: column;
    }
    #blog .blog-card-tags {
        margin-bottom: 0;
        margin-top: auto;
    }
    .lecture-course-price {
        white-space: nowrap;
    }
    #tab-media .blog-card-content {
        min-height: 140px !important;
    }



}
@media only screen and (min-width: 1025px) {
    .lector-card .lector-card-content {
        min-height: 292px;  
    }
    .main-home .courses-item .btn {
        margin-right: 1rem;
    }
    .main-home .courses-item-price {
        letter-spacing: -.5px;
    }
    .main-home .courses-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home .courses-item .courses-item-price span {
        white-space: wrap;
    }

}
@media only screen and (min-width: 1900px) {






}
@media only screen and (max-width: 1899px) {
    .header-contacts {
        gap: 50px;
    }
    .header-menu {
        gap: 1.6rem;
    }
    div.breadcrumbs {
        width: 100%;
        max-width: 100%;
    }
    footer .socials-list {
        gap: 12px;
    }


}
@media only screen and (min-width: 1380px) and (max-width: 1580px) {
    .footer-menu {
        gap: 1.8rem;
    }
    .footer-grid-col {
        max-width: 53%;
    }





}
@media only screen and (max-width: 1399px) {
    .clients-swiper .swiper-wrapper {
        height: 200px;
    }
    .logo,
    .header-logo {
        max-width: 180px;
    }
    .footer-logo {
        max-width: 256px;
    }
    header .btn-green {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
        padding: 0 16px;
    }
    .header-contacts {
        gap: 40px;
        flex-direction: row;
    }
    .mt-140 {
        margin-top: 120px;
    }
    .mt-160 {
        margin-top: 120px;
    }
    .h2, .section-title {
        font-size: 44px;
        line-height: 48px;
    }
    .header-menu {
        gap: 1.2rem;
    }
    .search-form .form-input {
        height: 40px;
        padding: 0 12px 0 40px;
        max-width: 180px;
    }
    .header-top {
        padding: 15px 0;
        min-height: 72px;
        height: 72px;
        border: none;
    }
    .screen {
        min-height: 60rem;
    }
    .\37 68\:aspect-video,
    .screen {
        min-height: 60rem;
    }
    .screen-title {
        font-size: 44px;
        line-height: 48px;
        margin-bottom: 24px;
    }
    .screen-list {
        margin-bottom: 24px;
    }
    .screen-list li {
        font-size: 20px;
        line-height: 24px;
    }
    .tab-nav {
        margin: 0 0 2.8rem;
    }
    .courses-item-info {
        flex-wrap: wrap;
    }
    .events-col-left {
        flex: 0 0 500px;
    }
    .events-row {
        gap: 3.5rem;
        padding: 3rem;
    }
    .air-datepicker-cell.multipleDate:not(.endMultipleDate):after {
        max-height: 56px;
        padding-top: 17px;
    }
    .blog-card {
        width: 100%;  
        max-width: 100%;
        box-sizing: border-box;  
    }
    html {
        font-size: 10px;
        overflow-x: hidden;
    }
    .blog-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .blog-card-except {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: .8rem;
    }
    .blog-card-title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: .4rem;
    }
    .blog-card-tags li:nth-child(n+3) {
        display: none;
    }
    .blog-card-img img {
        height: 180px;
    }
    .subscribe-form {
        max-width: 472px;
    }
    .subscribe-box {padding: 4rem;}
    footer .docs-list a {
        font-size: 12px;
        line-height: 16px;
    }
    .footer-grid-col {
        flex: 0 1 50%;
        box-sizing: border-box;
        max-width: 50%;
    }
    .footer-grid {
        box-sizing: border-box;
        overflow: hidden;
    }
    footer {
        margin-top: 12em;
    }
    .footer-docs {
        overflow: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }
    .footer-menu {
        justify-content: flex-end;
        gap: 1.8rem;
        margin-bottom: 2.4rem;
        margin-bottom: 24px;
    }
    .footer-bottom {
        margin-top: 2.8rem;
    }
    .footer-contacts {
        gap: 2rem;
        margin-bottom: 2.4rem;
    }
    .footer-docs ul, .docs-list {
        gap: .8rem;
        gap: 8px;
        margin-bottom: 1.2rem;
        margin-bottom: 12px;
    }
    .footer-nav-menu {
        width: 120%;
        margin-left: -20%;
    }
    .custom-form .b24-form-control-container {
        padding-top: 24px;
    }
    .custom-form .b24-form-control-list .b24-form-control-container:after {
        top: 43px;
    }
    .custom-form .b24-form-btn {
        height: 48px !important;
        max-width: 344px;
        font-size: 20px;
        line-height: 24px;
    }
    .page-title {
        font-size: 44px;
        line-height: 48px;
        margin-bottom: 3.2rem;
    }
    .breadcrumbs-wrapper {
        margin: 2.4rem 0 3.2rem;
    }
    header .socials-list-icon svg {
        max-width: 28px;
        width: 28px;
        height: 28px;
    }



}
@media only screen and (max-width: 1202px) {
    .screen {
        padding-top: 136px;
        overflow: hidden;
        margin-bottom: 0;
        min-height: 73.6rem;
        aspect-ratio: auto;
    }
    .\37 68\:aspect-video {
        aspect-ratio: auto;
    }
    #main {
        box-sizing: border-box;
    }
    .screen .btn-xl {
        width: max-content;
    }
    .counts-title {
        margin-bottom: 1.6rem;
    }
    .h2, .section-title {
        text-align: left;
        margin-bottom: 4rem;
    }
    .top-row .h2, .top-row .section-title {
        margin-bottom: 0;
    }
    .top-row .h2, .top-row .section-title {
        margin-bottom: 0;
    }
    .courses-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .tab-nav li {
        margin-right: 1.6rem;
    }
    .tab-link {
        font-size: 14px;
        line-height: 20px;      
        height: 36px;
        padding: 0 16px;
    }
    .courses-item-title {
        font-size: 12px;
        line-height: 16px;
        min-height: 48px;
        margin-bottom: 1.2rem;
    }
    .courses-item-img {
        height: 189px;
    }
    .courses-item-except {
        font-size: 12px;
        line-height: 16px;
        min-height: auto;
    }
    .courses-item-info {
        margin: 1.2rem 0;
    }
    .courses-item-price {
        font-size: 20px;
        line-height: 24px;
    } 
    .courses-item .btn {
        height: 32px;
        padding: 0 16px;
        font-size: 12px;
        line-height: 16px;
    }
    .courses-navs {margin: 4.8rem auto 0;}
    .home-banner img {max-height: 396px;}
    .events-col-left {
        flex: 0 0 485px;
    }
    .events-row {
        gap: 2.3rem;
        padding: 2rem;
    }
    .events-item-title {
        font-size: 14px;
        line-height: 20px;
    }
    .air-datepicker-nav {margin-bottom: 2rem;}
    .events-top {margin-bottom: 2rem;}
    .air-datepicker-body--day-names {
        gap: 1.2rem;
    }








}
@media only screen and (min-width: 1398px) and (max-width: 1425px) {
    .container {
        max-width: 95%;
    }


}
@media only screen and (min-width: 1398px) and (max-width: 1425px) {
    .container {
        max-width: 95%;
    }


}
@media only screen and (min-width: 767px) and (max-width: 1025px) {
    #counts .\37 68\:col-span-2 {
        grid-column: span 3 / span 1;
    }
 

}
@media only screen and (max-width: 1280px) {
    .footer-contact-phone {
        flex-direction: column;
    }
    .phone-block2::before {
        display: block;
    }
    .footer-contacts .phone-block2 {
        margin: 1.2rem 0 0;
        padding-left: 28px;
    }


}
@media only screen and (max-width: 1080px) {

    div.footer-contact-phone {
        display: flex;
        align-items: flex-start;
    }
    .footer-contact-phone {
        align-items: flex-start;
    }
    .clients-swiper .swiper-wrapper {
        height: 202px;
    }
    .h2, .section-title {
        font-size: 44px;
        line-height: 48px;
        margin-bottom: 4rem;
    }
    .header-bottom,
    header .btn-green {display: none;}
    .hidden-md {
        display: none;
    }
    .header-mob-nav {
        display: flex;
    }
    header.w-full,
    header {
        z-index: 10160;
    }
    .header-menu-mob {
        align-items: flex-end;
        justify-content: flex-start;
    }
    header .addr-block::before,
    header .phone-block::before,
    header .mail-block::before {
        content: none;
    }
    .header-menu-mob .header-contacts {
        margin-top: 2.8rem;
        gap: 0;
    }
    .header-menu-mob .header-contacts a {
        margin-bottom: 1.6rem;
    }
    .header-menu-mob .header-contacts a svg path {
        fill: #434343;
    }
    .header-contacts br {display: none;}
    .screen {
        padding-top: 64px;
        min-height: 60rem;
        aspect-ratio: auto;
    }
    .\37 68\:aspect-video {
        aspect-ratio: auto;
    }
    .header-top {
        padding: 10px 0;
        height: 64px;
        min-height: 64px;
    }
    .mt-120 {
        margin-top: 100px; 
    }

    .mt-160,
    .mt-140 {
        margin-top: 100px;
    }
    .counts-grid {
        row-gap: 3.2rem;
    }
    .counts-title {
        margin-bottom: 1.6rem;
    }
    .top-row .h2, .top-row .section-title {
        margin-bottom: 0;
    }
    .courses-navs {margin: 4rem auto 0;}
    .home-banner img {max-height: 330px;}
    .blog-card-img img {
        height: 160px;
    }
    .blog-card-img {
        min-height: 160px;
        margin-bottom: .8rem;
        aspect-ratio: auto;
        max-height: 160px;
    }
    .footer-menu {
        justify-content: flex-end;
        gap: 2rem;
        margin-bottom: 4rem;
        flex-wrap: wrap;
    }
    .footer-nav-menu {
        width: 100%;
        margin-left: 0;
    }
    .footer-contacts {
        gap: 0;
        margin-bottom: 2.8rem;
        flex-wrap: wrap;
    }
    .footer-contact {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 1.2rem;
    }
    .footer-contact:last-child {margin-bottom: 0;}
    .footer-bottom {
        margin-top: 3.2rem;
    }
    .footer-legal {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 2.4rem;
    }
    #footer .\37 68\:py-16 {
        padding-top: 2rem;
    }
    .subscribe-box {
        padding: 4rem 7.3rem;
        background-image: url(/local/templates/new_2cifra/images/cta-bg-md.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }
    .subscribe-form {
        max-width: 100%;
    }
    .events-row {
        gap: 0;
        flex-wrap: wrap;
        padding: 3.2rem 5.8rem 4rem;
    }
    .events-col {
        flex: 0 0 100%;
        width: 100%;
    }
    .events-top {
        margin-bottom: 2.4rem;
        margin-top: 2.8rem;
    }
    .air-datepicker-nav {
        margin-bottom: 2.4rem;
    }    
    .air-datepicker-cell.multipleDate:not(.endMultipleDate):after {
        padding-top: 17px;
        min-height: 56px;
    }
    .swiper-slide-four {
        height: calc((100% - 2px) / 2) !important;
        margin-top: 0 !important;
    }
    .main:not(.main-home) {
        padding-top: 64px;
    }
    .logged-in .main:not(.main-home) {
        padding-top: 20px; 
    }
    .is-scrolled .header-top {
        display: flex;
    }
    .bx-breadcrumb-item span, .bx-breadcrumb-item a {
        font-size: 14px;
        line-height: 20px;
    }







}
@media only screen and (max-width: 1025px) {
    .clients-swiper .swiper-wrapper {
        height: 202px;
    }
    .h2, .section-title {
        font-size: 44px;
        line-height: 48px;
        margin-bottom: 4rem;
    }
    .header-bottom,
    header .btn-green {display: none;}
    .hidden-md {
        display: none;
    }
    .header-mob-nav {
        display: flex;
    }
    header.w-full,
    header {
        z-index: 10160;
    }
    .header-menu-mob {
        align-items: flex-end;
        justify-content: flex-start;
    }
    header .addr-block::before,
    header .phone-block::before,
    header .mail-block::before {
        content: none;
    }
    .header-menu-mob .header-contacts {
        margin-top: 2.8rem;
        gap: 0;
    }
    .header-menu-mob .header-contacts a {
        margin-bottom: 1.6rem;
    }
    .header-menu-mob .header-contacts a svg path {
        fill: #434343;
    }
    .header-contacts br {display: none;}
    .screen {
        padding-top: 64px;
        min-height: 60rem;
        aspect-ratio: auto;
    }
    .\37 68\:aspect-video {
        aspect-ratio: auto;
    }
    .header-top {
        padding: 10px 0;
        height: 64px;
        min-height: 64px;
    }
    .mt-120 {
        margin-top: 100px; 
    }

    .mt-160,
    .mt-140 {
        margin-top: 100px;
    }
    .counts-grid {
        row-gap: 3.2rem;
    }
    .counts-title {
        margin-bottom: 1.6rem;
    }
    .top-row .h2, .top-row .section-title {
        margin-bottom: 0;
    }
    .courses-navs {margin: 4rem auto 0;}
    .home-banner img {max-height: 330px;}
    .blog-card-img img {
        height: 160px;
    }
    .blog-card-img {
        min-height: 160px;
        margin-bottom: .8rem;
        aspect-ratio: auto;
        max-height: 160px;
    }
    .footer-menu {
        justify-content: flex-end;
        gap: 2rem;
        margin-bottom: 4rem;
        flex-wrap: wrap;
    }
    .footer-nav-menu {
        width: 100%;
        margin-left: 0;
    }
    .footer-contacts {
        gap: 0;
        margin-bottom: 2.8rem;
        flex-wrap: wrap;
    }
    .footer-contact {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 1.2rem;
    }
    .footer-contact:last-child {margin-bottom: 0;}
    .footer-bottom {
        margin-top: 3.2rem;
    }
    .footer-legal {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 2.4rem;
    }
    #footer .\37 68\:py-16 {
        padding-top: 2rem;
    }
    .subscribe-box {
        padding: 4rem 7.3rem;
        background-image: url(/local/templates/new_2cifra/images/cta-bg-md.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }
    .subscribe-form {
        max-width: 100%;
    }
    .events-row {
        gap: 0;
        flex-wrap: wrap;
        padding: 3.2rem 5.8rem 4rem;
    }
    .events-col {
        flex: 0 0 100%;
        width: 100%;
    }
    .events-top {
        margin-bottom: 2.4rem;
        margin-top: 2.8rem;
    }
    .air-datepicker-nav {
        margin-bottom: 2.4rem;
    }    
    .air-datepicker-cell.multipleDate:not(.endMultipleDate):after {
        padding-top: 17px;
        min-height: 56px;
    }
    .swiper-slide-four {
        height: calc((100% - 2px) / 2) !important;
        margin-top: 0 !important;
    }
    .main:not(.main-home) {
        padding-top: 64px;
    }
    .logged-in .main:not(.main-home) {
        padding-top: 20px; 
    }
    .is-scrolled .header-top {
        display: flex;
    }
    .bx-breadcrumb-item span, .bx-breadcrumb-item a {
        font-size: 14px;
        line-height: 20px;
    }








}
@media only screen and (max-width: 1024px) {
    .courses-item .courses-item-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .courses-item .btn {
        height: 48px;
        padding: 0 16px;
        font-size: 20px;
        line-height: 24px;
        width: 100%;
        display: flex;
        margin-top: 1.2rem;
    }
    .courses-item .courses-item-prices {
        width: 100%;
    }
    .main-home .courses-item .courses-item-bottom {
        flex-direction: column-reverse;
    }





}
@media only screen and (max-width: 991px) {

    .glightbox-mobile .goverlay {
        background: #242424;
        opacity: 0.7;
    }

    .clients-swiper .swiper-wrapper {
        height: 156px;
    }
    footer {
        margin-top: 10em;
    }
    .h2, .section-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 2.8rem;
    }
    .screen {
        min-height: 92rem;
        aspect-ratio: auto;
    }
    .screen-box {
        align-items: center;
    }
    .screen-content {
        width: 100%;
        height: 100%;
        min-height: 92rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mt-160,
    .mt-140 {
        margin-top: 100px;
    }
    .counts-grid {
        row-gap: 2rem;
    }
    .counts-title {
        margin-bottom: 0.8rem;
    }
    .top-row .h2, .top-row .section-title {
        margin-bottom: 0;
    }
    .courses-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .tab-nav {
        flex-wrap: wrap;
        margin: 0 0 2rem;
    }
    .tab-nav li {
        margin-right: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .tab-link {
        font-size: 12px;
        line-height: 16px;      
        height: 32px;
        padding: 0 12px;
    }
    .blog-card-img img {
        height: 160px;
    }
    .blog-card-img {
        min-height: 160px;
        margin-bottom: .8rem;
        aspect-ratio: auto;
        max-height: 160px;
    }
    .footer-bottom {
        margin-top: 2rem;
    }
    .footer-bottom p {
        font-size: 10px;
        line-height: 16px;
    }
    .blog-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .link-nav {
        font-size: 14px;
        line-height: 20px;
        min-height: 40px;
    }
    .link-nav::before {
        border-radius: 40px;
        width: 40px;
        height: 40px;
    }
    .link-nav svg {
        max-width: 24px;
    }
    .page-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 3rem;
    }
    .breadcrumbs-wrapper {
        margin: 2.4rem 0 3.2rem
    }
    .bx-breadcrumb-item span, .bx-breadcrumb-item a {
        font-size: 12px;
        line-height: 16px;
    }
    .bx-breadcrumb-item svg {
        min-width: 16px;
        max-width: 16px;
        margin-right: .4rem;
    }
    .bx-breadcrumb-item {
        margin-right: .4rem;
    } 
    .skeleton-image.lecture-img {
        width: 221px;
    }






}
@media only screen and (max-width: 840px) {
    .home-banner img {max-height: 263px;}




}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .tab-content .blog-card:nth-child(3) {display: none;}
    .tab-content .courses-item:nth-child(9) {display: none;}
    .courses-item .courses-item-content {
        display: flex;
        flex-direction: column;
    }
    .courses-item .courses-item-bottom {
        margin-top: auto;
        margin-bottom: 0;
    }
    .courses-item .courses-item-content .grow {
        flex-grow: 0;
    }



}
@media only screen and (max-width: 767px) {

    div.footer-contact-phone {
        align-items: center;
    }
    .h2, .section-title {
        font-size: 24px;
        line-height: 28px;
    }
    .logo,
    .header-logo {
        max-width: 128px;
    }
    .footer-logo {
        max-width: 330px;
    }
    .header-top {
        padding: 10px 0;
        min-height: 52px;
        height: 52px;
    }
    .container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
    .screen {
        min-height: 70rem;
        aspect-ratio: auto;
    }
    .screen-content {
        width: 100%;
        height: 100%;
        min-height: 70rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .screen-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .screen-list li {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
    }
    .screen-list {
        margin-bottom: 16px;
        flex-direction: column;
    }
    .btn-xl {
        font-size: 20px;
        line-height: 24px;
        height: 48px;
    }
    .mt-160,
    .mt-140 {
        margin-top: 80px;
    }
    .mt-120 {
        margin-top: 80px;
    }

    .top-row .h2, .top-row .section-title {
        margin-bottom: 0;
    }
    #courses .top-row .link-nav {
        display: none;
    }
    .tab-nav {
        margin: 0 0 2rem;
        flex-wrap: wrap;
    }
    .tab-nav li {
        margin-right: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .courses-navs {
        margin: 4rem auto 0;
    }
    footer {
        margin-top: 8em;
    }
    .footer-grid {
        flex-wrap: wrap;
    }
    .footer-grid-col {
        flex: 0 0 100%;
        max-width: 100%;
        display: contents;
    }
    #footer .\37 68\:py-16 {
        padding-top: 3.2rem;
    }
    .footer-legal {
        font-size: 12px;
        text-align: center;
        max-width: 80%;
        margin: 0 auto 2.8rem;
        order: 2;
    }
    .footer-nav-menu {
        order: 3;
    }
    .footer-logo {
        margin-bottom: 1.2rem;
    }
    .footer-docs ul, 
    footer .docs-list {
        gap: 0;
        margin-bottom: 2.8rem;
        text-align: center;
        justify-content: center;
        align-items: center;
        order: 6;
    }
    footer .payment-list {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    footer .socials-list {
        align-items: center;
        gap: 1.2rem;
        justify-content: center;
    }
    .footer-socials {
        order: 5;
        width: 100%;
        margin-bottom: 2.8rem;
    }
    .footer-docs {
        order: 6;
        width: 100%;
    }
    .footer-contacts {
        gap: 0;
        margin-bottom: 2.8rem;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        order: 4;
    }
    .footer-contacts p, .footer-contacts a {
        font-weight: 700;
        font-size: 14px;
        display: inline-flex;
        width: auto;
    }
    .footer-menu {
        justify-content: center;
        gap: 0;
        margin-bottom: 2.7rem;
        margin-bottom: 27px;
        flex-wrap: wrap;
    }
    .footer-menu li {
        margin: 0 10px 12px;
    }
    .footer-bottom {
        margin-top: 2.8rem;
    }
    footer .docs-list li:nth-child(1){order: 4;}
    footer .docs-list li:nth-child(2){order: 3;}
    footer .docs-list li:nth-child(3){order: 2;}
    footer .docs-list li:nth-child(4){order: 1;}
    .blog-bottom-row {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 4rem;
    }
    .blog-list {
        grid-template-columns: 1fr;
        gap: 0;
    }
    #blog .top-row .link-nav {
        display: none;
    }
    .link-nav {
        font-size: 14px;
        line-height: 20px;
        min-height: 40px;
    }
    .link-nav::before {
        border-radius: 40px;
        width: 40px;
        height: 40px;
    }
    .link-nav svg {
        max-width: 24px;
    }
    .blog-card {
        width: 100%;
        margin-bottom: 20px;
    }
    .blog-card:last-child {
        margin-bottom: 0;
    }
    .subscribe-box {
        padding: 2rem 1.6rem;
        background-image: none;
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem);
    }
    .subscribe-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: .6rem;
    }
    .text-h1 {
        font-size: 44px;
        line-height: 48px;
    }
    .custom-form .b24-form-btn {
        max-width: 230px;
    }
    .swiper-pagination {
        margin-top: 2.8rem;
        gap: 1.6rem;
        flex-wrap: wrap;
    }
    .events-row {
        gap: 0;
        flex-wrap: wrap;
        padding: 0;
        border: none;
    }
    .page-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 2rem;
    }
    .breadcrumbs-wrapper {
        margin: 1.6rem 0 1.6rem
    }
    .bx-breadcrumb-item svg {
        min-width: 16px;
        max-width: 16px;
        margin-right: .4rem;
    }
    .bx-breadcrumb-item {
        margin-right: .4rem;
    }
    div.breadcrumbs {
        padding-right: 0;
        padding-left: 0;
    }
    .modal {
        width: 100%;
        border-radius: 20px !important;
        padding: 20px 16px;
    }
    .modal-title {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2rem;
    }
    #callbackModal {
        max-width: 100% !important;
    }
    .courses-item-speackers {
        scrollbar-width: none;
        overflow: auto;
    }
    .courses-item .courses-item-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .courses-item .btn {
        height: 48px;
        padding: 0 16px;
        font-size: 20px;
        line-height: 24px;
        width: 100%;
        display: flex;
        margin-top: 1.2rem;
    }
    .courses-item .courses-item-prices {
        width: 100%;
    }
    .main-home .courses-item .courses-item-bottom {
        flex-direction: column-reverse;
    }
    .skeleton-image.lecture-img {
        width: 297px;
    }



}
@media only screen and (max-width: 580px) {

    .courses-item .courses-item-price-old {
        font-size: 12px;
        line-height: 16px;
        text-decoration-line: line-through;
        color: #BABABA;
    }
    .courses-item .courses-item-price {
        font-size: 16px;
        line-height: 24px;
    }
    .logo,
    .header-logo {
        max-width: 128px;
    }
    .footer-logo {
        max-width: 100%;
    }
    .screen .btn-xl {
        width: 100%;
        display: flex;
    }
    .courses-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .home-banner img {
        max-height: 540px;
        min-height: 540px;
        object-position: 36% 50%;
        object-fit: cover;
        border-radius: 20px;
    }
    footer {
        padding-bottom: 11rem;
    }
    .clients-swiper .swiper-slide {
        height: auto;       /* пусть рассчитывается автоматически */
    }
    .clients-swiper img {
        width: 100%;
        height: auto;
        display: block;
    }
    .clients-swiper .swiper-wrapper {
        height: 370px;
    }
    .swiper-slide-four {
        height: calc((100% - 2px) / 3) !important;
        margin-top: 0 !important;
    }
    .clients-swiper .swiper-slide a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .air-datepicker-body--cells.-days- {
        gap: 1rem;
    }
    .air-datepicker-cell {
        max-width: 40px;
        max-height: 40px;
    }
    .air-datepicker-body--day-name {
        font-size: 14px;
        line-height: 20px;
    }
    .air-datepicker-nav--title i,
    .air-datepicker-nav--title {
        font-size: 20px;
        line-height: 24px;
    }
    .air-datepicker-nav--title {
        margin-left: 0;
        margin-right: auto;
    }
    .air-datepicker-body--day-names {
        gap: 1rem;
        height: 40px;
    }
    .air-datepicker-cell.multipleDate:not(.endMultipleDate):after {
        padding-top: 12px;
        min-height: 40px;
    }
    .air-datepicker-nav--action {
        margin-left: 1.2rem !important;
        margin-right: 0;
        justify-self: flex-end;
    }
    .air-datepicker-nav {
        margin-bottom: 1.2rem;
        justify-content: flex-end;
        gap: 0;
        flex-direction: unset;
        align-items: center;
    }
    .events-top {
        margin-bottom: 2rem;
        margin-top: 4rem;
    }
    #clients .swiper-button {display: none;}
    .blog-card-img {
        min-height: 160px;
        margin-bottom: .8rem;
        aspect-ratio: auto;
        max-height: 160px;
        border-radius: 20px;
    }
    .blog-card-img img {
        border-radius: 20px; 
    }
    .tab-nav {
        margin: 0 0 .8rem;
    }
    .lector-card .lector-card-content {
        min-height: auto !important;
    }
    .blog-list .blog-card-content {
        height: auto;
        min-height: auto!important;
    }
    .subscribe-box {
        min-height: 612px;
    }
    .modal .form-result-success h4,
    .form-result-success h4 {
        font-size: 44px;
        line-height: 48px;
    }
    .modal .form-result-success h4 {
        margin-top: 15px;
    }
    main.has-footer-banner:not(.main-home) {
        padding-top: 170px; 
    }
    .main:not(.main-home) {
        padding-top: 60px;
    }
    header.has-footer-banner:not(.main-home) {
        top: 120px;
    }
    .courses-list .courses-item-content {
        min-height: 216px;
    }
    #bx-panel, #bx-panel div {
        display: none !important;
    }



}
@media only screen and (max-width: 350px) {










}



.main-home div.bx-auth {
    margin: 260px auto 0;
}
.main-home div.bx-auth .btn {
    padding: 0 32px;
}


.air-datepicker-nav--title {
    min-width: 248px;
}

main.has-footer-banner .blog-cat {
    padding-top: 0;
}
div.footer-banner {
    top: auto!important; 
    position: fixed;
    bottom: 0!important; 
    height: max-content;
}
#header,
header.has-footer-banner:not(.main-home) {
    top:  0!important; 
}
.main:not(.main-home) {
    padding-top: 152px!important; 
}
.logged-in main.has-footer-banner:not(.main-home) {
    padding-top: 0!important;
}

.logged-in #main {
    padding-top: 120px!important; 
}
.main-home#main {
    padding-top: 0 !important;
}

.socials-footer-warning {
    color: rgb(195 195 195);
    margin-top: 20px;
    font-size: 14px;
}
.main-home .counts-title .text-sm {display: none;}

.courses-item .courses-item-price span {
    white-space: nowrap;
}
.courses-item-info-empty {
    min-height: 20px;
    margin: 1.6rem 0;
}
footer a {
    font-size: 14px;
}
footer .docs-list li {
    font-size: 14px;
}





@media only screen and (max-width: 1024px) {
    .logged-in #main {
        padding-top: 0 !important;
    }


}
@media only screen and (min-width: 1800px) {
    .footer-banner img {
        width: 100%;
        max-width: max-content;
        margin: 0 auto;
    }
    .footer-banner .h-full {
        height: 100%;
        margin-left: auto;
    }



}
@media only screen and (max-width: 580px) {
    .b24-widget-button-position-bottom-right {
        right: 20px!important; 
        bottom: 95px!important; 
    }
    .logged-in #main {
        padding-top: 0 !important;
    }
    .courses-item-info-empty {display: none;}
    .footer-contacts .phone-block2 {
        display: flex;
        padding: 0;
        justify-content: center;
        width: max-content;
        padding-left: 28px;
        margin: 1.2rem auto 0;
    } 
    .phone-block2::before {
        display: block;
    }
    .main:not(.main-home) {
        padding-top: 60px!important;
    }
    .logged-in #main:not(.main-home) {
        padding-top: 60px !important;
    }
    .header-menu-mob .header-contacts .flex a {
        width: 48px;
        padding: 0;
        height: 48px;
    }




}

footer .socials-list-icon {
    background-color: #3ADAC0;
    border-radius: 100%;
    color: rgb(67 67 67);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
footer .socials-list-icon .text-sm {
    font-size: 17px;

}
footer .footer-socials svg {
    max-width: 22px;
    max-height: 22px;
    font-size: 16px;
}

.footer-contact-phone {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 580px) {
    .footer-contact-phone {
        flex-direction: column;
    }
    .footer-banner img {
        max-height: 140px;
    }
    .main-home #courses .courses-item .courses-item-bottom {
        flex-direction: column;
    }
    .home-banner img {
        object-position: 3% 50%;
    }


}