@font-face {
    font-family: Roboto;
    src: url('/fonts/Roboto/Roboto-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: Roboto;
    src: url('/fonts/Roboto/Roboto-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: Roboto;
    src: url('/fonts/Roboto/Roboto-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: Roboto;
    src: url('/fonts/Roboto/Roboto-Light.ttf');
    font-weight: 300;
}
.course-container{
    width: 100%;
    max-width: 1320px;
    padding: 0 12px;
    margin: 0 auto;
}
main.amakids{
    background: #FAFAFA;
}
.course-header{
    padding: 32px 0;
    background:
            linear-gradient(140deg, #03A0E3 14.51%, #714ECC 51.42%, #F50882 85.49%) no-repeat,
            linear-gradient(transparent 90%, rgba(0, 0, 0, 0) 90%) no-repeat;
}

.course-header.blue-bg{
    background: linear-gradient(180deg, #0047FF 14.51%, #0047FF 85.49%) no-repeat,
                linear-gradient(transparent 90%, rgba(0, 0, 0, 0) 90%) no-repeat;
}
.course-header.ocean-gradient{
    background: linear-gradient(180deg, #0047FF 14.51%, #11E1C3 85.49%) no-repeat,
                linear-gradient(transparent 90%, rgba(0, 0, 0, 0) 90%) no-repeat;
}
.course-header.green-bg{
    background: linear-gradient(180deg, #40BF55 14.51%, #40BF55 85.49%) no-repeat,
    linear-gradient(transparent 90%, rgba(0, 0, 0, 0) 90%) no-repeat;
}
.course-header.linear-reverse-purple-bg{
    background: linear-gradient(91deg, #F50899 14.51%, #03A0E3 85.49%) no-repeat,
    linear-gradient(transparent 90%, rgba(0, 0, 0, 0) 90%) no-repeat;
}

.course-header{
    background-size: 100% 90%, 100% 100% !important;
    background-position: 0 0, 0 0 !important;
}
.course-header-wrapper{
    border-radius: 40px;
    border: 1px solid #F2F2F2;
    background: #FFF;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24);
    display: flex;
    gap: 24px;
    overflow: hidden;
}
.course-header-wrapper.linear-reverse-purple-bg{
    background: linear-gradient(91deg, #F50899 0%, #03A0E3 100%);
}
.course *{
    font-family: Roboto, sans-serif;
}
.course h1{
    color: #353339;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: none;
    text-align: left;
    margin: 0;
}
main.amakids .course .title{
    color: #353339;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    display: block;
}
main.amakids .course .subtitle{
    color: #353339;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    display: block;
    font-size: 32px;
    line-height: 40px;
}
main.amakids .course .overtitle{
    color: #353339;
    font-size: 28px;
    font-weight: 400;
    display: block;
    line-height: 36px;
    margin: 0 0 12px 0;
}
main.amakids .course h2.title , main.amakids .course .title.h2{
    line-height: 44px;
    font-size: 36px;
}
main.amakids .course h3.title , main.amakids .course .title.h3{
    line-height: 28px;
    font-size: 22px;
}

main.amakids .course .title span{
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
}
main.amakids .course .deep-pink{
    color: #F50882 !important;
}
main.amakids .course .blue{
    color: #0047FF;
}
main.amakids .course .purple{
    color: #9B51E0 !important;
}
main.amakids .course .white{
    color: #fff;
}
main.amakids .course .green{
    color: #40BF55;
}
main.amakids .course .title.center{
    text-align: center;
}
main.amakids .course .overtitle.center{
    text-align: center;
}
.course-header-wrapper .headers{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.course-header-wrapper .text{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px 0 20px 110px;
    align-items: flex-start;
    justify-content: center;
}
.course-header-wrapper .buttons-wrapper{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.course-header-wrapper .text, .course-header-wrapper .image{
    width: calc(50% - 12px);
}
.course-header-wrapper .image{
    display: flex;
    align-items: flex-end;
}
.course-header-wrapper .image img{
    width: 100%;
}
.course-header-wrapper .text p{
    color: #353339;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0;
}
.course .button{
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    padding: 10px 24px;
    border-radius: 100px;
    background: #0047FF;
    border: 1px solid #0047FF;
    display: inline-block;
    width: auto;
    height: auto;
    text-transform: none;
}
.course .button.white-bordered-button{
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #FFF;
    background: transparent;
    color: white;
}
.inline-course-form-wrapper .button{
    width: 360px;
    text-align: center;
    cursor: pointer;
    margin-top: auto;
}
.course .button.white-bordered-button-blue{
    color: #0047FF;
    border: 1px solid #6691FF;
    background: transparent;
}

.course .text-center .button{
    min-width: 200px;
}
.course-target{
    padding: 32px 0;
}
.course-target-wrapper{
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
}
.course-target-wrapper .text, .course-target-wrapper .image{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: calc(50% - 12px);
    flex-direction: column;
}
.course-target-wrapper .image img{
    width: 100%;
}
.course-target-wrapper .text{
    padding: 48px;
    border-radius: 40px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    gap: 24px;
}
.course-target-wrapper .text p{
    margin: 0;
    color: #353339;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.course-target .course-target-wrapper .text ul{
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.course-target .course-target-wrapper .text ul li{
    display: flex;
    background: url(/img/icons/tick.png) no-repeat;
    min-height: 24px;
    padding-left: 34px;
    align-items: center;

    color: #353339;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}
.why-this-course{
    padding: 32px 0;
}
.course .course-items{
    display: flex;
    gap:  24px;
    flex-wrap: wrap;
    padding: 48px 0 0 0;
}
.course .course-items .item{
    border-radius: 40px;
    border: 1px solid #F2F2F2;
    background: #FFF;
    padding: 24px 48px;
    width: calc(100% / 3 - 16px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.course .course-items.four-row .item{
    width: calc(100% / 4 - 18px);
    padding: 24px;
    min-height: 340px;
}
.course .course-items.four-row .item .image img{
    height: 64px;
}
.course .course-items.tails .item{
    width: calc(100% / 4 - 18px);
    align-items: center;
    padding: 32px 43px;
    aspect-ratio: 306/320;
    gap: 12px;
}

.course .course-items .item .title{
    min-height: 56px;
    display: flex;
    align-items: center;
}
.course .course-items.tails .item .title{
    min-height: auto;
}
.course .course-items .item p{
    color: #625B71;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}
.course .course-items.tails .item p{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding: 0 9px;
}

/*inline form widget*/
.inline-course-form{
    padding: 32px 0;
}
.inline-course-form-wrapper{
    padding: 55px 110px;
    border-radius: 40px;
    border: 1px solid #F2F2F2;
    background: url('/img/courses/icons/background-form.png') no-repeat right center, linear-gradient(140deg, #03A0E3 14.51%, #714ECC 51.42%, #F50882 85.49%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blue-bg .inline-course-form-wrapper{
    background: url('/img/courses/icons/background-form.png') no-repeat right center, #0047FF;
}
.inline-course-form-wrapper .text{
    max-width: 417px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.inline-course-form-wrapper .text p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    margin: 0;
}
.inline-course-form-wrapper .form{
    max-width: 526px;
    padding: 32px 24px;
}
.inline-course-form-wrapper .form p, .inline-course-form-wrapper .form p a{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
}
.inline-course-form-wrapper .form p a{
    text-decoration: underline;
}
.inline-course-form-wrapper .form .form-wrapper{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 12px;
}
.inline-course-form-wrapper .form .form-wrapper .row-inputs{
    display: flex;
    gap: 24px;
}
.inline-course-form-wrapper .form .form-wrapper .row-inputs .input-wrapper{
    width: calc(100% / 2 - 12px);
}
.inline-course-form-wrapper .form .form-wrapper .input-wrapper{
    display: flex;
    flex-direction: column;
    margin: 0;
}
.inline-course-form-wrapper .form .form-wrapper .input-wrapper input{
    width: 100%;
    padding: 16px 8px 16px 24px;
    border-radius: 28px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #191B25;
    position: relative;

}
.inline-course-form-wrapper .form .form-wrapper .input-wrapper input, .inline-course-form-wrapper .form .form-wrapper .input-wrapper input::placeholder{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.inline-course-form-wrapper .form .form-wrapper .input-wrapper .error-text{
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 2px 16px 0 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 100%);
    display: none;
}
/*inline form widget*/

/*inform blocks*/
.course-inform-blocks{
    padding: 32px 0;
}
.course-inform-items{
    padding: 24px 0 32px 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.course-inform-items .item{
    border-radius: 40px;
    border: 1px solid #F2F2F2;
    background: #FFF;
    padding: 32px;
    width: calc(100% / 3 - 16px);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.course-inform-items.four-row .item{
    width: calc(100% / 4 - 18px);
    padding: 24px;
}
.course-inform-items .item.horizontal{
    flex-direction: row;
    width: calc(100% / 2 - 12px);
    gap: 32px;
}
.course-inform-items .item.half{
    width: calc(100% / 2 - 12px);
}
.course-inform-items .item .title.inline{
    display: inline-block;
}
.course-inform-items .item .title.flex{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.course-inform-items .item.horizontal .image img{
    width: 274px;
    border-radius: 30px;
}
.course-inform-items .item .image img{
    width: 100%;
}
.course-inform-items .item .headers{
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
}
.course-inform-items .item .content{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/*colors*/
.course-inform-items .item .title.light-blue{
    color: #FFF;
    border-radius: 40px;
    background: #03A0E3;
    border: 1px solid #03A0E3;
    padding: 12px 24px;
}
.course-inform-items .item .title.green{
    color: #FFF;
    border-radius: 40px;
    background: #40BF55;
    border: 1px solid #40BF55;
    padding: 12px 24px;
}
.course-inform-items .item .title.blue{
    color: #FFF;
    border-radius: 40px;
    background: #0047FF;
    border: 1px solid #0047FF;
    padding: 12px 24px;
}
.course-inform-items .item .title.orange{
    color: #FFF;
    border-radius: 40px;
    background: #F2A904;
    border: 1px solid #F2A904;
    padding: 12px 24px;
}
.course-inform-items .item .title.pink{
    color: #FFF;
    border-radius: 40px;
    background: #F50882;
    border: 1px solid #F50882;
    padding: 12px 24px;
}
.course-inform-items .item .title.transparent{
    padding: 12px 24px;
    border-radius: 40px;
    border: 1px solid #79747E;
}

.course-inform-items .item p{
    color: #353339;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}
.course-inform-items .item.horizontal p{
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
/*inform blocks*/

/*our lessons*/
.courses-common-our-lessons{
    width: 100%;
    background: url("/img/courses/common/our-lessons-bg.png") no-repeat center top, linear-gradient(140deg, #03A0E3 14.51%, #714ECC 51.42%, #F50882 85.49%);
    background-size: 100% auto;
    margin: 32px 0;
}
.courses-common-our-lessons.blue-bg{
    background: url("/img/courses/common/our-lessons-bg.png") no-repeat center top, #0047FF;
}
.courses-common-our-lessons.green-bg{
    background: url("/img/courses/common/our-lessons-bg.png") no-repeat center top, #40BF55;
}
.courses-common-our-lessons.linear-reverse-purple-bg{
    background: url("/img/courses/common/our-lessons-bg.png") no-repeat center top,  linear-gradient(91deg, #F50899 0%, #03A0E3 100%);
    background-size: 100% auto;
}
.our-lessons-wrapper{
    display: flex;
    flex-direction: row;
    gap: 48px;
    padding: 64px 12px;
    align-items: center;
    justify-content: space-between;
}
.our-lessons-wrapper.mini-gap{
    gap: 24px;
}
.our-lessons-wrapper .info{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 50%;
}
.our-lessons-wrapper .info >.title{
    color: #FFF;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
}
.our-lessons-wrapper .info >.items{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.our-lessons-wrapper .info >.items .item{
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 24px 32px;

    border-radius: 40px;
    background: #FFF;
}

.our-lessons-wrapper .info >.items.items-align-center .item{
    align-items: center;
    padding: 12px 24px;
}
.our-lessons-wrapper .info >.items .item .number{
    color: #0047FF;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
}
.our-lessons-wrapper .info >.items .item .text{
    display: flex;
    flex-direction: column;
    gap: 12px;

    font-size: 14px;
    line-height: 20px;
}
.our-lessons-wrapper .info >.items .item .text >.title{
    color: #353339;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}
.our-lessons-wrapper .info >.items .item .text >.title-small{
    color: #353339;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}
.our-lessons-wrapper > img{
    max-width: 50%;
}

.our-lessons-wrapper .info >.items .item .text li, .our-lessons-wrapper .info >.items .item .text li strong, .our-lessons-wrapper .info >.items .item .text > div{
    color: #353339;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}
/*our lessons*/

/*what is*/
.courses-common-what-is-outside{
    padding: 0 0 64px 0;
}
.courses-common-what-is{
    border-radius: 40px;
    background: #EBEEFB;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 48px 110px;
    margin-bottom: 32px;
}
.courses-common-what-is.section{
    padding: 48px 110px;
}
.courses-common-what-is .items{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.courses-common-what-is .items .item{
    display: flex;
    flex-direction: row;
    gap: 24px;

    border-radius: 40px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    overflow: hidden;
    align-items: center;
}
.courses-common-what-is.chitarika .items .item{
    align-items: flex-start;
}
.courses-common-what-is .items .item .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;

    font-size: 14px;
    line-height: 20px;
    padding: 32px 32px 32px 0;
}

.courses-common-what-is .items .item .content .label{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    border-radius: 40px;
    background: #F2A904;
    color: #FFF;

    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
}

.courses-common-what-is .items .item:nth-of-type(2) .content .label{
    background: #40BF55;
}
.courses-common-what-is .items .item:nth-of-type(3) .content .label{
    background: #0047FF;
}
.courses-common-what-is .items .item .content .label.pink-bg{
    background: #F50882;
}
.courses-common-what-is .items .item .content .label.blue-bg{
    background: #0047FF;
}
.courses-common-what-is .items .item .content .title{
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}
.courses-common-what-is .items .item .content .text p, .courses-common-what-is .items .item .content .text{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.courses-common-what-is .items .item .content .text p, .courses-common-what-is .items .item .content .text strong{
    color: #353339;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
    margin: 0;
}
.courses-common-what-is.chitarika .items .item .content .text p, .courses-common-what-is.chitarika .items .item .content .text strong{
    font-size: 16px;
    line-height: 24px;
}
/*what is*/

/*fullscreen tiles*/

.courses-common-course-sections{
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 32px 0;
}
.courses-common-course-sections .tiles{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
}
.courses-common-course-sections .tiles .tile{
    border-radius: 40px;
    border: 1px solid #F2F2F2;
    background: #FFF;

    padding: 0;
    width: calc(100% / 3 - 2 / 3 * 24px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}
.courses-common-course-sections .tiles.four-row .tile{
    width: calc(100% / 4 - 3 / 4* 24px);
}
.courses-common-course-sections .tiles.four-row .tile img{
    width: 100%;
}
.courses-common-course-sections .tiles .tile .content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px 24px 48px 24px;

    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}
.courses-common-course-sections .tiles .tile .content .title{
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}
.courses-common-course-sections .tiles .tile .content ul{
    padding-left: 24px;
    margin-bottom: 0;
}
.courses-common-course-sections .tiles .tile .content ul li{
    margin: 0 0 12px 0;
    color: #625B71;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}
.courses-common-course-sections .tiles .tile .content ul li::marker{
    color: #2899F9;
}
/*fullscreen tiles*/

/*methodics block*/

.courses-common-course-form-us{
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
    align-items: center;
    padding: 32px 0;
}
.courses-common-course-form-us .content{
    display: flex;
    flex-direction: column;
    gap: 24px;

    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;

}
.courses-common-course-form-us .content .row{
    display: flex;
    padding: 24px;
    align-items: flex-start;
    gap: 24px;
    border-radius: 40px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    margin: 0;
}
.courses-common-course-form-us .content div, .courses-common-course-form-us .content div b{
    color: #353339;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}
/*methodics block*/

/*what you get block*/

.courses-common-what-you-get{
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-radius: 40px;
    background: #EBEEFB;
    padding: 48px 110px;
    margin: 32px 0;
}
.courses-common-what-you-get .list{
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}
.courses-common-what-you-get .list .item{
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
    align-items: center;
}
.courses-common-what-you-get .list .item:nth-of-type(2n+1){
    flex-direction: row-reverse;
}
.courses-common-what-you-get .list .item .content{
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 40px;
    background: #FFF;
    padding: 24px 48px;

    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.courses-common-what-you-get .list .item .content .title{
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    padding: 12px 0px;

    color: #F50882;
}
.courses-common-what-you-get .list .item:nth-of-type(2) .content .title{
    color: #0047FF;
}
.courses-common-what-you-get .list .item:nth-of-type(3) .content .title{
    color: #F2A904;
}
.courses-common-what-you-get .list .item:nth-of-type(4) .content .title{
    color: #40BF55;
}
.courses-common-what-you-get .list .item .content .text p, .courses-common-what-you-get .list .item .content .text b{
    font-size: 16px;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}
/*what you get block*/

.online-test{
    padding: 32px 0;
}
.online-test-wrapper{
    display: flex;
    gap: 24px;
    align-items: center;
    border-radius: 40px;
    border: 8px solid #0D6EFD;
    background: #FFF;
}
.online-test-wrapper .text{
    padding: 48px 48px 48px 96px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
    width: 636px;
    flex-shrink: 0;
}
.online-test-wrapper .text p{
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    margin: 0;
}
.online-test-wrapper .image img{
    width: 100%;
}
.online-test-wrapper .image{
    display: flex;
    justify-content: flex-start;
}


/* Правки к Свайперу */

.swiper-controls{
    flex-direction: row;
    width: 100%;
    justify-content: center;
    gap: 16px;
    display: none;
}


.modal-course-form-success{
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .3);
}
.modal-course-form-success .modal-course-form-success-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.modal-course-form-success .success-course-form{
    border-radius: 28px;
    background: white;
    width: 312px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.modal-course-form-success .success-course-form .button{
    width: 200px;
    margin-top: 8px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}

.modal-course-form-success .success-course-form p{
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;

}

.modal-course-form-success .success-course-form p.title{
    color: #191B25;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}