/*
Theme Name: About you
Author: alina
Description: About you site
Version: 1.0.0
*/

@font-face {
    font-family: fusion;
    src: url(fonts/Fusion/fusion.woff);
}
/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;                               /* обнуляем отступы и убираем бордюры */
    vertical-align: baseline;          /* приводим все к одной базовой линии */
    background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
    font-size: 100%;                     /* размер шрифта всем одинаковый */
    font-family: fusion, sans-serif;
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
    border-collapse: collapse;
    border-spacing: 0;
}
td, td img {
    vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
}
input, select, button, textarea {
    margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
    font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
    outline: none;
}
input[type="text"], input[type="password"], textarea {
    padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
    vertical-align: bottom;
}
input[type="radio"] {
    vertical-align: text-bottom;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display:block;
}
nav ul {
    list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
    min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
	scroll-behavior: smooth;
}
body {
    background: #FCF2E8;
    color: #2F2A27;
    text-align: left;
    font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
    min-height:100%;
    font-family: fusion,sans-serif;
}
a, a:visited { /* порядок правил для ссылок имеет значение */
    color: #A0B67D;
}
a:hover {
    color: #688538;
    text-decoration:none;
}
a:focus, a:active {
    color: #A0B67D;
}
h1, h2, h3, h4, h5, h6{
    font-weight:normal;
}
img{

    max-width:100%;
}
.clr{
    clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}

.owl-carousel 
  {
    touch-action: manipulation; 
  }
/* --------------- /базовые настройки ---------*/

.page-container{
    max-width: 1146px;
    margin: 0 auto;
}
.page-container-nar{
    max-width: 754px;
    margin: 0 auto;
}
.header_title{
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    color: #2F2A27;
}
button.btn_style,
a.btn_style{
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #564D48;

    max-width: 100%;
    display: flex;
    width: max-content;
    padding: 15px 30px 14px;
    background: #F3E3D4;
    border-radius: 500px;

    transition: 0.3s;
}
button.btn_style i,
a.btn_style i{
    font-size: 22px;
    line-height: 26px;
    margin-left: 10px;
}
button.btn_style:hover,
a.btn_style:hover{
    background: #E8D0B9;
}
button.btn_style:focus,
a.btn_style:focus{
    background: #E8D0B9;
}

/*region Navigation header*/
nav.navbar{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0 30px;

    z-index: 11;
}
nav.navbar .info_container{
    display: flex;
    padding: 20px 0;
}
nav.navbar .info_container .logo_container{
    display: flex;
    height: 100%;
}
nav.navbar .info_container .logo_container img{
    display: block;
    max-height: 160px;
    padding: 0;
    margin: 0;
    min-width: 180px;
}
nav.navbar .nav_links{
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
}
nav.navbar .nav_links .links_container{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
nav.navbar .nav_links .links_container ul{
    display: flex;

    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
}
nav.navbar .nav_links .links_container ul li{
    display: flex;
    transition: all 0.3s;
}
nav.navbar .nav_links .links_container ul li a{
    font-family: 'Futura PT',sans-serif;
    padding: 20px 10px;
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #2F2A27;

    transition: all 0.3s;
}

/*endregion*/

/*region Footer*/

footer{
    padding: 0 30px 40px;
}
footer .footer_container{
    margin-bottom: 80px;
}
footer .footer_container .socials{
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 40px;
    justify-content: center;
}
footer .footer_container .socials a{
    display: flex;
    width: 100px;
    height: 100px;
    min-width: 100px;

    background: #A0B67D;
    border-radius: 100%;
    padding: 20px;

    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    text-align: center;

    color: #FFFFFF;
}
footer .footer_container .socials a i{
    margin: auto;
}
footer .footer_note{

}
footer .footer_note .note{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;
    text-align: center;
}

/*endregion*/


/*region Main Banner*/

.main_banner{

}
.main_banner .text_block{
    position: relative;
}
.main_banner .text_block img{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 700px;
    object-fit: cover;
}
.main_banner .text_block .pic{
    position: relative;
}
.main_banner .text_block .pic::after{
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;

    z-index: 1;
    min-height: 230px;
    background: linear-gradient(180deg, rgba(252, 242, 232, 0) 0%, #FCF2E8 100%);
}
.main_banner .text_block .content{
    position: absolute;
    top: 180px;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 10;

    padding: 0 30px;
}
.main_banner .text_block .text_content{
    display: flex;
}
.main_banner .text_block .content .left{
    max-width: 754px;
    padding: 34px 0;
    margin-right: 50px;
}
.main_banner .text_block .content .left .title{
    display: block;
    max-width: 100%;
    width: max-content;
    padding: 9px 16px;
    background: #F3E3D4;
    border-radius: 8px;

    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    color: #564D48;

    margin-bottom: 30px;
}
.main_banner .text_block .content .left .subtitle{
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;

    text-shadow: 0 3px 8px #36312C;
    margin-bottom: 20px;
}
.main_banner .text_block .content .left .title_bold{
    font-weight: 400;
    font-size: 55px;
    line-height: 60px;
    text-transform: uppercase;

    color: #FFFFFF;

    text-shadow: 0 10px 30px #36312C;
    margin-bottom: 25px;
}
.main_banner .text_block .content .left .excerpt{
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;

    text-shadow: 0 3px 8px #36312C;
    margin-bottom: 30px;
}
.main_banner .text_block .content .left .btn_style{

}
.main_banner .text_block .content .right{
    max-width: 362px;
    width: 100%;
    margin-left: auto;
}
.main_banner .text_block .content .right .contact_us{
    display: grid;
    grid-gap: 10px;
    padding: 20px 40px;
    background: #FCF2E8;
    border-radius: 16px;
    margin-bottom: 10px;
}
.main_banner .text_block .content .right .contact_us a{
    display: flex;

    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #564D48;
}
.main_banner .text_block .content .right .contact_us a i{
    margin-right: 18px;

    min-width: 22px;
    font-weight: 900;
    font-size: 22px;
    line-height: 26px;
    color: #A0B67D;
}
.main_banner .text_block .content .right form{
    background: #FCF2E8;
    border-radius: 16px;
    padding: 20px 40px 30px;
    display: grid;
    grid-gap: 20px;
}
.main_banner .text_block .content .right form .header_title{
    font-weight: 400;
    font-size: 27px;
    line-height: 36px;
    text-transform: uppercase;
    color: #564D48;
}
.main_banner .text_block .content .right form .field{

}
.main_banner .text_block .content .right form .field label{
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #564D48;
    margin-bottom: 8px;
}
.main_banner .text_block .content .right form .field input{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2F2A27;

    padding: 10px 20px;
    background: #F9E9DB;
    border: 2px solid #C2B4A7;
    border-radius: 8px;
    display: block;
    width: 100%;
}
.main_banner .text_block .content .right form input[type="submit"]{
    display: block;
    max-width: 100%;
    width: max-content;

    padding: 15px 30px 14px;
    background: #A0B67D;
    border-radius: 500px;
    border: 0;

    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #FFFFFF;
}
.main_banner .text_block .content .right form{
    position: relative;
}
.main_banner .text_block .content .right form .ajax-loader {
    position: absolute;
    right: 45px;
    bottom: 45px;
}
.main_banner .hidden_text{
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}
.main_banner .hidden_text .hidden_content{
    max-width: 754px;
    width: 100%;
    padding: 30px;
}
.main_banner .hidden_text.active{
    height: auto;
    opacity: 1;

    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2F2A27;
}
.main_banner .hidden_text.active h3{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #2F2A27;
    margin-bottom: 20px;
}
.main_banner .hidden_text.active p{
    margin-bottom: 15px;
}
.main_banner .hidden_text.active ul{
    list-style: none;
    margin-bottom: 30px;
}
.main_banner .hidden_text.active ul li{
    display: flex;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2F2A27;
    margin-bottom: 15px;
}
.main_banner .hidden_text.active ul li::before{
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: '\f00c';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;

    display: block;
    width: 20px;
    margin-right: 20px;
}
.main_banner .hidden_text.active table{
    width: 100% !important;

    margin-bottom: 30px;
}
.main_banner .hidden_text.active table tr{

}
.main_banner .hidden_text.active table tr:nth-child(even){
    background: #F3E3D4;
}
.main_banner .hidden_text.active table tr td{
    padding: 20px 30px;
    border: 1px solid #C2B4A7;

    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2F2A27;
}
.main_banner .hidden_text.active .close_open{
    border-top: 1px solid #C2B4A7;
    padding: 30px 0;
    border-radius: 0;
    background: transparent;

    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2F2A27;
    width: 100%;
    margin-top: 40px;
}
.main_banner .hidden_text.active .close_open i{
    font-size: 22px;
    line-height: 26px;
    margin-left: 10px;
}
/*endregion*/

/*region Index*/

/*region Animation*/

.anim_container
{
    opacity:0;
}

/*endregion Animation*/

/*region Common*/

.main_content{
    padding: 0 30px;
}
.main_content .div_content{

}
.main_content hr{
    border-top: 1px solid #C2B4A7;
    margin: 0;
}

/*endregion Common*/

/*region About us*/

.about{
    padding: 40px 0;
}
.about .header_title{
    margin-bottom: 50px;
}
.about .about_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -15px;
}
.about .about_list .item{
    width: calc((100% / 3) - 30px);
    height: 100%;
    min-height: 290px;
    margin: 15px;
    display: block;


    padding: 30px 20px;
    background: #F3E3D4;
    border-radius: 24px;
}
.about .about_list .item .pic{
    display: flex;
    margin-bottom: 20px;
}
.about .about_list .item .pic img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: auto;
    display: block;
}
.about .about_list .item .desc{

}
.about .about_list .item .desc .title{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #564D48;

    margin-bottom: 10px;
}
.about .about_list .item .desc .excerpt{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #564D48;
}

/*endregion About us*/

/*region You get*/

.you_get{
    padding: 40px 0;
}
.you_get .header_title{
    margin-bottom: 50px;
}
.you_get .get_list{
    display: grid;
    grid-template-columns: repeat(2, calc((100% / 2) - 15px));
    grid-gap: 30px;
}
.you_get .get_list .item{
    display: grid;
    height: 100%;
    background: #F3E3D4;
    border-radius: 16px;
    overflow: hidden;
}
.you_get .get_list .item .pic{
    max-height: 300px;
    height: 100%;
}
.you_get .get_list .item .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.you_get .get_list .item .desc{
    padding: 30px 20px;
}
.you_get .get_list .item .desc .title{
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #2F2A27;
    text-transform: uppercase;

    margin-bottom: 10px;
}

/*endregion You get*/

/*region Only now*/

.only_now{
    background: #F3E3D4;
    border-radius: 30px;
    overflow: hidden;

    margin: 40px 0 50px;
}
.only_now .only_text{
    background: #A0B67D;
    border-radius: 30px;

    min-height: 300px;
    padding: 80px;
    display: grid;
    grid-template-columns: 15% calc(85% - 80px);
    grid-gap: 80px;
}
.only_now .only_text .pic{
    height: 100%;
    display: flex;
}
.only_now .only_text .pic img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: auto;
    display: block;
}
.only_now .only_text .desc{
    height: auto;
    margin: auto 0;
}
.only_now .only_text .desc .title{
    font-weight: 400;
    font-size: 44px;
    line-height: 54px;
    color: #FFFFFF;

    margin-bottom: 30px;
}
.only_now .only_text .desc .only_now_btn{
    padding: 0;
    background: transparent;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;

    color: #FFFFFF;
}
.only_now .only_text .desc .only_now_btn i{
    line-height: 26px;
    margin-left: 10px;
}
.only_now .hidden_text{
    padding: 0 30px;
    height: 0;
    opacity: 0;
    transition: 0.5s;
}
.only_now .hidden_text h5,
.only_now .hidden_text h4,
.only_now .hidden_text h3,
.only_now .hidden_text h2,
.only_now .hidden_text h1{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #2F2A27;
    margin-bottom: 20px;
}
.only_now .hidden_text p{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2F2A27;
    margin-bottom: 15px;
}
.only_now .hidden_text .only_now_btn{
    background: transparent;
    display: flex;
    padding: 30px 0 0;
    margin-top: 60px;
    border-top: 1px solid rgba(97, 77, 71, 0.3);
    border-radius: 0;
    width: 100%;


    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2F2A27;
}
.only_now .hidden_text .only_now_btn i{
    font-size: 22px;
    line-height: 26px;
    margin-left: 15px;
}
.only_now .hidden_text.active{
    padding: 40px 30px;
    height: auto;
    opacity: 1;
}

/*endregion Only now*/

/*region For whom*/

.for_whom{
    padding: 50px 0;
}

/*endregion For whom*/

/*region Why us*/

.why_us{
    padding: 50px 0;
}
.why_us .header_title{
    margin-bottom: 30px;
}
.why_us .why_desc{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #564D48;
    margin-bottom: 80px;
}
.why_us .why_list{

}
.why_us .why_list .item{
    display: grid;
    grid-template-columns: repeat(2,auto);
    grid-gap: 70px;
    justify-content: left;

    border-bottom: 1px solid #C2B4A7;
    margin-bottom: 80px;
    padding-bottom: 80px;
}
.why_us .why_list .item:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.why_us .why_list .pic{

}
.why_us .why_list .pic img{
    width: 322px;
    height: 322px;
    min-width: 322px;
    border-radius: 100%;
    object-fit: cover;
}
.why_us .why_list .desc{

}
.why_us .why_list .desc .title{
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #2F2A27;
    display: block;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 23px;
}
.why_us .why_list .desc .title::after{
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    width: 60px;
    border-bottom: 3px solid #A0B67D;
}
.why_us .why_list .desc .content{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;
}
.why_us .why_list .desc .content .details_link{
    display: block;
    margin-top: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2F2A27;
}
.why_us .why_list .desc .content .details_link i{
    margin-left: 10px;
}
.why_us .why_list .desc .content h5,
.why_us .why_list .desc .content h4,
.why_us .why_list .desc .content h3,
.why_us .why_list .desc .content h2,
.why_us .why_list .desc .content h1{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #2F2A27;

    margin-bottom: 20px;
}
.why_us .why_list .desc .content p{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;

    margin-bottom: 15px;
}
.why_us .why_list .desc .content ol{
    counter-reset: item;
}
.why_us .why_list .desc .content ol li{
    display: flex;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;

    margin-bottom: 10px;
}
.why_us .why_list .desc .content ol li::before{
    content: counter(item) ".";
    counter-increment: item;
    display: block;
    margin-right: 15px;

    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    color: #564D48;
}
.why_us .why_list .desc .content ul{
    list-style: none;
}
.why_us .why_list .desc .content ul li{
    display: flex;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;

    margin-bottom: 10px;
}
.why_us .why_list .desc .content ul li::before{
    content: '';
    display: flex;
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 100%;
    background: #564D48;
    margin: 10px 15px 0 0;
}


.why_us .why_list .modal-dialog{
    max-width: 1146px !important;
}
.why_us .why_list .modal-content{
    background: #FCF2E8;
    border-radius: 30px;
    border: 0;
}
.why_us .why_list .modal-content .modal-body{
    padding: 60px 98px;
}
.why_us .why_list .modal-content .modal-body button.close{
    background: #A0B67D;
    border: 0;
    border-radius: 10px;

    font-weight: 300;
    font-size: 35px;
    line-height: 45px;
    color: #FFFFFF;

    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}
.why_us .why_list .modal-content .modal-body button.close i{
    display: block;
}
.why_us .why_list .modal-content .modal-body .form_content{
    display: grid;
    grid-template-columns: 25% calc(75% - 50px);
    grid-gap: 50px;
}
.why_us .why_list .modal-content .modal-body .form_content .pic{
    padding-top: 100%;
    position: relative;
    height: max-content;
}
.why_us .why_list .modal-content .modal-body .form_content .pic img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
}



.modal-backdrop.show {
    opacity: .8;
    background-color: #E3D7CC;
}

/*endregion Why us*/

/*region Banner Quote*/

.quote{
    margin-top: 30px;
    position: relative;
    min-height: 300px;
    border-radius: 30px;
    overflow: hidden;
}
.quote img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.quote .content{
    display: flex;
    padding: 80px;

    background: rgba(223, 193, 165, 0.01);
    backdrop-filter: blur(2px);
}
.quote .content .title{
    display: block;
    margin: auto;

    font-weight: 400;
    font-size: 44px;
    line-height: 54px;
    text-align: center;

    color: #FFFFFF;
}

/*endregion Banner Quote*/

/*region Course Period*/

.course_period{
    padding: 80px 0;
}
.course_period .header_title{
    margin-bottom: 50px;
}
.course_period .period_list{
    display: grid;
    grid-template-columns: repeat(3,calc((100% / 3) - (110px * 2 / 3)));
    grid-gap:110px;
}
.course_period .period_list .item{
    padding: 40px 30px;
    background: #F3E3D4;
    border-radius: 24px;
}
.course_period .period_list .item .pic{
    margin-bottom: 30px;
}
.course_period .period_list .item .pic img{
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
}
.course_period .period_list .item .desc{

}
.course_period .period_list .item .desc .title{
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #2F2A27;
}
.course_period .period_list .item .desc .title span{
    font-size: 35px;
}

/*endregion Course Period*/

/*region Modules*/

.modules{
    padding: 80px 0 50px;
}
.modules .header_title{
    margin-bottom: 50px;
}
.modules .module_list{
    display: grid;
    grid-template-columns: repeat(4,calc((100% / 4) - (30px * 3 / 4)));
    grid-column-gap: 30px;
    grid-row-gap: 60px;
}
.modules .module_list .item{

}
.modules .module_list .item .number{
    padding: 20px;
    background: #F3E3D4;
    border-radius: 16px;

    max-width: 130px;
    width: 100%;
    margin-bottom: 20px;

}
.modules .module_list .item .number .num{
    display: block;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #614D47;
    margin-bottom: 5px;
}
.modules .module_list .item .number .sub{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #2F2A27;

    display: block;
}
.modules .module_list .item .desc{

}
.modules .module_list .item .desc .title{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;

    margin-bottom: 10px;
}
.modules .module_list .item .desc .date{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #564D48;
}

/*endregion Modules*/

/*region Questions*/

.questions{
    margin: 50px 0;
    background: transparent;
}
.questions .header_title{
    margin-bottom: 50px;
}
.questions .q_content{

}
.questions .q_content a{
    display: block;
}
.questions .q_content .only_text{
    padding: 55px 80px;
    min-height: 0;
}
.questions .q_content .pic{

}
.questions .q_content .pic img{

}
.questions .q_content .desc{
    display: flex;
    height: max-content;
    margin: auto 0;
}
.questions .q_content .desc .content{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;

    color: #FFFFFF;
    margin-right: 20px;
}
.questions .q_content .desc .content h3{
    font-weight: 400;
    font-size: 44px;
    line-height: 54px;
    letter-spacing: 0.08em;

    color: #FFFFFF;
    margin-bottom: 10px;
}
.questions .q_content .desc .content p{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;

    color: #FFFFFF;
}
.questions .q_content .desc i{
    font-size: 70px;
    line-height: 70px;
    color: #fff;
    margin: auto 0 auto auto;
}

/*endregion Questions*/

/*region Education Fee*/

.edu_fee{
    padding: 50px 0;
}
.edu_fee .header_title{
    margin-bottom: 50px;
}

.edu_fee .text_block.mob_ver{
    display: none;
}
.edu_fee .text_block{

}
.edu_fee .text_block table{
    width: 100% !important;
}
.edu_fee .text_block table tbody{

}
.edu_fee .text_block table tr{

}
/*
.edu_fee .text_block table tr:nth-child(even){
    background: #F3E3D4;
}*/
.edu_fee .text_block table tr td{
    border: 1px solid #C2B4A7;
    padding: 20px 40px;

    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    color: #564D48;
}
.edu_fee .text_block table tr td span{
    font-size: 35px;
}
.edu_fee .text_block table tr td img{
    padding: 30px;
    background: #F3E3D4;
    border-radius: 500px;
    width: 130px;
    height: 130px;
    object-fit: contain;
    overflow: visible;
}
.edu_fee .note,
.edu_fee .text_block pre{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: right;
    color: #564D48;
    margin-top: 30px;
}

/*endregion Education Fee*/

/*endregion Index*/