/**
Theme Name: WebTech Университет ИТМО
Author: Станислав Андреевич Сивинский
*/

@font-face {
    font-display: swap;
    font-family: ALSGorizont_reg;
    src: url(./fonts/ALS_Gorizont/ALSGorizont-RegularExpanded.otf) format("opentype");
}

@font-face {
    font-display: swap;
    font-family: ALSGorizont_med;
    src: url(./fonts/ALS_Gorizont/ALSGorizont-MediumExpanded.otf) format("opentype");
}

@font-face {
    font-display: swap;
    font-family: ALSGorizont_thin;
    src: url(./fonts/ALS_Gorizont/ALSGorizont-ThinExpanded.otf) format("opentype");
}

@font-face {
    font-display: swap;
    font-family: ALSGorizont_var;
    src: url(./fonts/ALS_Gorizont/ALS\ Gorizont\ Variable.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: ALSGorizont_bold_exp;
    src: url(./fonts/ALS_Gorizont/ALSGorizont-BoldExpanded.otf) format("opentype");
}

@font-face {
    font-display: swap;
    font-family: ALSGorizont_extra_bold;
    src: url(./fonts/ALS_Gorizont/ALSGorizont-ExtraBoldExpanded.otf) format("opentype");
}

@font-face {
    font-display: swap;
    font-family: ALSGorizont_light_exp;
    src: url(./fonts/ALS_Gorizont/ALSGorizont-LightExpanded.otf) format("opentype");
}


@font-face {
    font-family: PTGolos_reg;
    src: url(./fonts/PT-Golos/Golos\ Text_Regular.ttf) format("truetype");
}

@font-face {
    font-family: PTGolos_med;
    src: url(./fonts/PT-Golos/Golos\ Text_Medium.ttf) format("truetype");
}

@font-face {
    font-family: PTGolos_bold;
    src: url(./fonts/PT-Golos/Golos\ Text_Bold.ttf) format("truetype");
}

@font-face {
    font-family: PTGolos_demibold;
    src: url(./fonts/PT-Golos/Golos\ Text_DemiBold.ttf) format("truetype");
}

@font-face {
    font-family: PTGolos_black;
    src: url(./fonts/PT-Golos/Golos\ Text_Black.ttf) format("truetype");
}

@font-face {
    font-family: PTGolos_vf;
    src: url(./fonts/PT-Golos/golos-text_vf.ttf) format("truetype");
}

@font-face {
    font-family: 'MaterialDesignIconsReg';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url("./fonts/material-design/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
    font-family: 'MaterialDesignIconsReg';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

html, body {
    margin: 0 !important;
    font-size: 16px;
    padding: 0 !important;
}

.hidebr {
    display: none;
}

.showbr {
    display: block;
}

.display-none {
    display: none;
}

/****************************Блок Хедер***************************************************/

.header {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='1920' height='3506' viewBox='0 0 1920 3506' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2001_30288)'%3E%3Crect width='1920' height='3506' fill='url(%23paint0_linear_2001_30288)'/%3E%3Cg filter='url(%23filter0_f_2001_30288)'%3E%3Ccircle cx='1337' cy='251' r='43' fill='%232646E3'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_f_2001_30288)'%3E%3Ccircle cx='-56' cy='522' r='182' fill='%23223EC8'/%3E%3C/g%3E%3Cg opacity='0.4' filter='url(%23filter2_f_2001_30288)'%3E%3Ccircle cx='1838.5' cy='2458.5' r='314.5' fill='%23223EC8'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_2001_30288)'%3E%3Ccircle cx='1908.5' cy='834.5' r='130.5' fill='%23223EC8'/%3E%3C/g%3E%3Cg opacity='0.5' filter='url(%23filter4_f_2001_30288)'%3E%3Ccircle cx='1592' cy='1514' r='68' fill='%23223EC8'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter5_f_2001_30288)'%3E%3Ccircle cx='866.5' cy='1014.5' r='221.5' fill='%23223EC8'/%3E%3C/g%3E%3Cg filter='url(%23filter6_f_2001_30288)'%3E%3Ccircle cx='82' cy='2049' r='37' fill='%232646E3'/%3E%3C/g%3E%3Cg opacity='0.5' filter='url(%23filter7_f_2001_30288)'%3E%3Ccircle cx='853.5' cy='3449.5' r='256.5' fill='%23223EC8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2001_30288' x='1214' y='128' width='246' height='246' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter1_f_2001_30288' x='-318' y='260' width='524' height='524' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter2_f_2001_30288' x='1404' y='2024' width='869' height='869' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='60' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter3_f_2001_30288' x='1698' y='624' width='421' height='421' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter4_f_2001_30288' x='1444' y='1366' width='296' height='296' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter5_f_2001_30288' x='565' y='713' width='603' height='603' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter6_f_2001_30288' x='-35' y='1932' width='234' height='234' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3Cfilter id='filter7_f_2001_30288' x='517' y='3113' width='673' height='673' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_2001_30288'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2001_30288' x1='2266' y1='-2221.05' x2='-2399.23' y2='-905.3' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23071456'/%3E%3Cstop offset='0.25' stop-color='%231D2D78'/%3E%3Cstop offset='0.5' stop-color='%23152C9C'/%3E%3Cstop offset='0.75' stop-color='%231D2D78'/%3E%3Cstop offset='1' stop-color='%23071456'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2001_30288'%3E%3Crect width='1920' height='3506' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.header__block_menu {
    margin: 1.4375rem 0rem 1.4375rem 2.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.header__logo {
    width: 10.5rem;
    margin-right: 3.25rem;
}

.header__logo img {
    width: 100%;
}

.header__button {
    display: none;
}

.header__menu {
    width: 81.875rem;
    padding-top: 0.0625rem;
}

.menu__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0rem;
    padding: 0rem;
}

.menu__list > .menu__item {
    list-style-type: none;
}

.menu__list > .menu__item a {
    text-decoration: none;
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 125%;
    letter-spacing: -1%;
    vertical-align: bottom;
    color: #FFFFFF;
}

.menu__list > .menu__item a:hover,
.menu__list > .menu__item a:active,
.menu__list > .menu__item a:focus {
    color: #00CCFF;
    padding-bottom: 1.875rem;
    border-bottom: 0.125rem solid #00CCFF;
}


.header__block_course {
    width: 87.5rem;
    align-self: center;
    margin-top: 7rem;
}

.course-type {
    margin: 0rem;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem;
    background-color: #0B68FE;
    border-radius: 2.5rem;
    max-width: 37.5rem;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.course-type_name {
    font-family: ALSGorizont_reg;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 120%;
    letter-spacing: 0.03125rem;
    color: #FFFFFF;
}

.course-type_icon {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 100px;
    background-color: #00CCFF;
    content: "";
    margin-right: 0.5rem;
}

.course-name {
    margin-top: 0.75rem;
    margin-bottom: 2.3125rem;
}

.course-name, .course-name span {
    font-family: ALSGorizont_var;
    font-weight: 750;
    font-size: 3.25rem;
    line-height: 114.99999999999999%;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.course-name span {
    padding: 0rem;
    margin: 0rem;
    display: inline;
}

.course-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4rem;
}

.course-info__item {
    color: rgba(255, 255, 255, 0.6);
    font-family: ALSGorizont_var;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 140%;
    letter-spacing: 0px;
    font-variant-numeric: lining-nums tabular-nums;
}

.course-info__item span {
    display: block;
    font-family: ALSGorizont_var;
    font-weight: 400;
    font-size: 1rem;
    line-height: 140%;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 0.5rem;
}

.course-info__item_cashback {
    font-family: ALSGorizont_var !important;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    line-height: 140% !important;
    letter-spacing: 0px !important;
    color: #00CCFF !important;
    margin-top: 0.3125rem !important;
}

.course-annotation_short-text {
    font-family: PTGolos_vf;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.6);
    width: 57.875rem;
    margin-top: 3.0625rem;
    margin-bottom: 1.25rem;
}


.course-annotation_full-text {
    font-family: PTGolos_vf;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    max-width: 57.875rem;
    margin-top: 3.0625rem;
    margin-bottom: 2.5rem;
}

.course-annotation_full-text p {
    font-family: PTGolos_vf;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: 0px;
    margin-bottom: 1.1875rem;
}

.course-annotation_properties {
    background-color: #0B68FE;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin:2.5rem 0 2.5rem 0;
    padding: 2.5rem 2rem 2.5rem 2rem;
}

.course-annotation_properties__item_icon::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2266 4.71484C15.2266 7.56472 16.2187 9.13257 17.3691 10.0137C18.5545 10.9214 20.0198 11.1849 21.0732 11.1934C21.0942 11.1932 21.1151 11.1934 21.1357 11.1934V12.6934H21.0762C20.0729 12.7044 18.6009 12.9924 17.3965 13.9316C16.2253 14.8452 15.2149 16.4456 15.2148 19.2842H13.7148C13.7149 16.0384 14.8968 13.979 16.4736 12.749C16.5001 12.7283 16.528 12.7096 16.5547 12.6895H2.86328V11.1963H16.4463C14.8781 9.99006 13.7266 7.95384 13.7266 4.71484H15.2266Z' fill='%23D0FF14'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
}

.course-annotation_properties__item_text {
    font-family: PTGolos_vf;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: 0%;
}

.course-annotation_properties__item {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.course-annotation_properties__item p {
    margin: 0;
    padding: 0;
}

.course-annotation__heading {
    font-family: ALSGorizont_var;
    font-weight: 550;
    font-size: 1.375rem;
    line-height: 140%;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin-top: 4rem;
    margin-bottom: 1.6rem;
}

.course-annotation-profstand {
    border: 1px solid #00CCFF;
    border-radius: 1.5rem;
    margin: 0;
    padding: 2.5rem 2rem 2.5rem 2rem;
}

.course-annotation-profstand__heading {
    font-family: PTGolos_vf;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: 0%;
    margin-bottom: 1.25rem;
}

.course-annotation-profstand__item_icon::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2266 4.71484C15.2266 7.56472 16.2187 9.13257 17.3691 10.0137C18.5545 10.9214 20.0198 11.1849 21.0732 11.1934C21.0942 11.1932 21.1151 11.1934 21.1357 11.1934V12.6934H21.0762C20.0729 12.7044 18.6009 12.9924 17.3965 13.9316C16.2253 14.8452 15.2149 16.4456 15.2148 19.2842H13.7148C13.7149 16.0384 14.8968 13.979 16.4736 12.749C16.5001 12.7283 16.528 12.7096 16.5547 12.6895H2.86328V11.1963H16.4463C14.8781 9.99006 13.7266 7.95384 13.7266 4.71484H15.2266Z' fill='%23D0FF14'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
}

.course-annotation-profstand__item_text {
    font-family: PTGolos_vf;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: 0%;
}

.course-annotation-profstand__list {
    row-gap: 1.25rem;
}

.course-annotation_button {
    border-radius: 2.5rem;
    padding-top: 0.125rem;
    padding-right: 0.6rem;
    padding-bottom: 0.125rem;
    padding-left: 0.75rem;
    background-color: #263DAD;
    border: none;
    opacity: 0.6;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    column-gap: 0.25rem;
}

.course-annotation_button span {
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 125%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: #fff;
}

.course-annotation_button-icon::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 0.125rem;
    rotate: 0deg;
    color: #fff;
    padding: 0rem;
    margin: 0rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M5 12.5L10 7.5L15 12.5' stroke='white' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
}

.course-annotation_button.collapsed .course-annotation_button-icon::after {
    rotate: 180deg;
}


.course-actions {
    margin-top: 3.9375rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.5rem;
    z-index: 5;
}

.course-actions__link {
    text-decoration: none;
    display: inline-block;
}

.course-actions__enrol-on-course {
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.03125rem;
    vertical-align: bottom;
    color: #FFFFFF;
    background-color: #ED1044;
    border: 0.0625rem solid #ED1044;
    width: 15.6875rem;
    border-radius: 0.75rem;
    border-width: 0.0625rem;
    padding-top: 1.1875rem;
    padding-right: 1.6785rem;
    padding-bottom: 1rem;
    padding-left: 1.6785rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    margin: 0;
}

.course-actions__enrol-on-course-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 0.75rem;
}

.course-actions__online-consultation {
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.025rem;
    vertical-align: bottom;
    border-radius: 0.75rem;
    border-width: 0.0625rem;
    padding-top: 0.875rem;
    padding-right: 1.375rem;
    padding-bottom: 0.875rem;
    padding-left: 1.6785rem;
    gap: 0.3125rem;
    border: 0.0625rem solid #FFFFFF;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    color: #000;
    margin: 0px;
    text-decoration: none;
}

.course-actions__online-consultation img {
    width: 4.5rem;
    height: 2rem;
}

.header__background_webtech {
    margin-top: -1.625rem;
}

/*****************************************************************************************/
/******************************Ширина экрана 1790px до 1200px******************************/

@media screen and (max-width: 1790px) {
    .header__background_webtech {
        margin-top: 2.5rem;
    }
}


/******************************Ширина экрана 1600px до 769px******************************/

@media screen and (max-width: 1200px) {
    .showbr-1200 {
        display: block;
    }

    .header__block_menu {
        justify-content: space-between;
        margin: 1.4375rem 2.5rem 1.4375rem 2.5rem
    }

    .header__menu {
        display: none;
    }

    .header__button {
        display: block;
        width: 2rem;
        height: 2rem;
        border: none;
        background-color: rgba(0, 0, 0, 0);
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6665 9.33337H25.3332' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M6.6665 16H25.3332' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M6.6665 22.6666H25.3332' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
        background-size: contain;
    }

    .header__block_course {
        margin-left: 4rem;
        margin-right: 0rem;
        margin-top: 4rem;
        width: auto;
    }

    .course-name, .course-name span {
        font-family: ALSGorizont_var;
        font-weight: 750;
        font-size: 2.5rem;
        line-height: 114.99999999999999%;
        letter-spacing: 0px;
    }

    .course-name {
        margin-bottom: 2.75rem;
    }

    .course-info {
        display: block;
        width: 58.4375rem;
    }

    .course-info__item {
        display: inline-block;
        vertical-align: top;
    }

    .course-info__item:nth-child(1) {
        margin-right: 10.875rem;
    }

    .course-info__item:nth-child(2) {
        margin-right: 10.75rem;
    }

    .course-info__item:nth-child(4) {
        margin-top: 2.5rem;
        margin-right: 6.1875rem;
    }

    .course-info__item:nth-child(5) {
        margin-top: 2.5rem;
    }

    .course-annotation_short-text {
        width: 56.875rem;
        margin-bottom: 0.9375rem;
    }

    .course-actions {
        margin-top: 2.9375rem;
        gap: 1.5rem;
    }

    .course-actions__enrol-on-course {
        width: 27.25rem;
        justify-content: center;
    }

    .course-actions__online-consultation {
        width: 27.25rem;
        justify-content: center;
    }

    .hidebr-1024 {
        display: none;
    }

    .header__background_webtech {
        width: 100%;
    }
}


/****************************************************************************************/


/******************************Ширина экрана до 769px******************************/

@media screen and (max-width: 768px) {
    .header__block_menu {
        margin: 1.25rem 1.25rem 0rem 1.25rem;
    }

    .header__block_course {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        margin-top: 3.75rem;
    }

    .course-type {
        max-width: 20.9375rem;
        font-family: ALSGorizont_reg;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 120%;
        letter-spacing: 0px;
        padding: 0.1875rem 0.75rem 0.25rem 0.5625rem
    }

    .course-type_name {
        font-size: 0.625rem;
        letter-spacing: 0.025rem;
    }

    .course-type_icon {
        width: 0.375rem;
        height: 0.375rem;
        margin-right: 0.5625rem;
    }

    .course-info {
        max-width: 26.875rem;
    }

    .course-info, .course-annotation_short-text {
        width: auto !important;
    }

    .course-info__item span {
        font-size: 0.875rem;
    }

    .course-info__item:nth-child(1) {
        margin-right: 3.25rem;
    }

    .course-info__item:nth-child(2) {
        margin-right: 0.625rem;
    }

    .course-info__item:nth-child(3) {
        margin-right: 1.1875rem;
        margin-top: 1.25rem;
        width: 9.71875rem;
    }

    .course-info__item:nth-child(4) {
        margin-right: 0rem;
        margin-top: 1.25rem;
        width: 9.71875rem;
    }

    .course-info__item:nth-child(5) {
        margin-top: 1.1875rem;
    }

    .course-info__item:nth-child(5) span {
        font-family: ALSGorizont_var !important;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 140%;
        letter-spacing: 0px;
        font-variant-numeric: lining-nums tabular-nums;
    }

    .course-info__item_cashback {
        font-family: ALSGorizont_var !important;
        font-weight: 400 !important;
        font-size: 0.6875rem !important;
        line-height: 140% !important;
        letter-spacing: 0px !important;
        color: #00CCFF !important;
        font-variant-numeric: lining-nums tabular-nums;
        margin-top: 0.5rem !important;
    }

    .course-annotation_short-text {
        font-size: 1rem;
        width: auto;
        margin-top: 2.125rem;
    }

    .course-name, .course-name span {
        font-weight: 750;
        font-size: 1.5rem;
        line-height: 110.00000000000001%;
        letter-spacing: 0px;
        hyphens: auto;
    }

    .course-name {
        margin-bottom: 2rem;
    }

    .course-actions {
        flex-wrap: wrap;
        margin-top: 1.875rem;
        gap: 0.9375rem;
        margin-bottom: 2.5rem;
    }

    .course-actions__enrol-on-course {
        width: 100%;
        justify-content: center;
    }

    .course-actions__online-consultation {
        width: 100%;
        justify-content: center;
        font-size: 1rem;
    }

    .course-actions__link {
        width: 100%;
    }

    .header__background_webtech {
        display: none;
    }

    .course-annotation_full-text {
        margin-top: 2.1875rem;
    }
    .course-annotation_full-text p {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .course-annotation_properties {
        padding: 1.75rem 0.75rem 1.75rem 0.75rem;
        margin-bottom: 1.5rem;
    }

    .course-annotation_properties__item_text {
        font-size: 1rem;
    }

    .course-annotation__heading {
        font-size: 1rem;
    }

    .course-annotation_profstand__heading {
        font-size: 1rem;
        margin-left: 1.9375rem;
    }

    .course-annotation-profstand {
        padding: 1.75rem 0.75rem 1.75rem 0.75rem;
    }

    .course-annotation-profstand__heading {
        font-size: 1rem;
        margin-left: 1.9375rem;
    }

    .course-annotation-profstand__item_text {
        font-size: 1rem;
    }

    .showbr-360 {
        display: block;
    }

    .hidebr-360 {
        display: none;
    }
}