body.page-id-2954{
    padding-top: 5rem;
}

/* Start Polices */
@font-face {
    font-family: DinPro;
    font-weight: 300;
    src: url("../fonts/DINPro-Light.ttf");
    font-display: swap;
}

@font-face {
    font-family: DinPro;
    font-weight: 400;
    src: url("../fonts/DINPro.ttf");
    font-display: swap;
}

@font-face {
    font-family: DinPro;
    font-weight: 500;
    src: url("../fonts/DINPro-Medium.ttf");
    font-display: swap;
}

@font-face {
    font-family: DinPro;
    font-weight: 700;
    src: url("../fonts/DINPro-Bold.ttf");
    font-display: swap;
}

@font-face {
    font-family: DinPro;
    font-weight: 900;
    src: url("../fonts/DINPro-Black.ttf");
    font-display: swap;
}

.font-dinPro{
    font-family: DinPro, sans-serif !important;
}
/* End polices */

.banner-container{
    padding: 142px 64px 96px 68px;
    background-color: white;
    position: relative;
    background-image: url('../images/pattern.png');
    background-position: 100% -100%;
    background-size: 624px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
    .banner-container{
        padding: 4rem 1rem;
        background-image: none;
    }
}

@media screen and (max-width: 1200px) {
    .banner-container{
        background-image: none;
    }
}

.row-flash{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}

.row-flash .left-col{
    width: 44.2073171%;
}

.row-flash .left-col .title-banner{
    color: #221F1F;
    font-weight: 500;
    font-size: 40px;
    width: 80%;
    text-align: left;
    line-height: 50px;
    font-family: DinPro, sans-serif !important;
    margin: 32px 0 24px 0 !important;
}

.row-flash .left-col .title-banner span{
    position: relative;
}

.row-flash .left-col .title-banner span:before{
    position: absolute;
    content: "";
    border: 3px #15C08D solid;
    border-radius: 10px;
    bottom: -10px;
    right: 0;
    width: calc(100% + 6px);
}

.row-flash .left-col .title-banner b {
    color: #FC7244;
    font-weight: 700;
    font-family: DinPro, sans-serif !important;
}

.row-flash .left-col .p-banner {
    text-align: left;
    font-family: DinPro, sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    color: #221F1F;
    text-wrap: pretty;
    font-weight: 300;
    margin-bottom: 40px;
}

.row-flash .left-col .row-banner{
    display: flex;
}

.row-flash .left-col .row-banner .link-banner{
    color: white;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    font-family: DinPro, sans-serif !important;
    padding: 15px 30px;
    background-color: #FC7244;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0px 4px 24px 0px #0000001A;
}

.row-flash .left-col .p-banner b{
    color: #FC7244;
    font-weight: 500;
    font-family: DinPro, sans-serif !important;
}

.row-flash .left-col .p-banner b.b{
    color: #FC7244;
    font-weight: 700;
    font-family: DinPro, sans-serif !important;
}

.row-flash .left-col .vec{
    margin-left: 38px;
}


.row-flash .right-col{
    width: 54.2682927%;
    margin-top: 63px;
}

.row-flash .right-col img{
    width: 100%;
    height: 466px;
    object-fit: contain;
    object-position: center;
    border-radius: 20px;
}

@media screen and (max-width: 992px) {
    .row-flash{
        margin-top: 0;
    }
    .row-flash .left-col, .row-flash .right-col{
        width: 100%;
    }
}

.desc{
    padding: 56px 0 96px 0;
    background-image: url('../images/bg.png');
    background-size: 100% 156%;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
    .desc{
        background-image: none;
    }
}

/*.desc .hr{*/
/*    width: 150px;*/
/*    height: 6px;*/
/*    margin: 0 auto 48px auto;*/
/*    border-radius: 10px;*/
/*    background-color: #15C08D;*/
/*}*/

.desc .desc-title{
    color: #221F1F;
    font-weight: 700;
    font-family: DinPro, sans-serif !important;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 42px;
}

.desc .p-desc{
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-family: DinPro, sans-serif !important;
    margin: 0 auto 40px auto;
    color: #000000;
    /*width: 80%;*/
    text-wrap: balance;
}

.desc .p-desc b{
    color: #FC7244;
    font-weight: 700;
    font-family: DinPro, sans-serif !important;
}

@media screen and (max-width: 992px) {
    .desc .p-desc{
        width: 95%;
    }
}

.desc .link-desc{
    color: white;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    font-family: DinPro, sans-serif !important;
    padding: 15px 30px;
    background-color: #FC7244;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0px 4px 24px 0px #0000001A;
}

.row-flash-desc{
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin-bottom: 48px;*/
}

.img-desc{
    width: 1000px;
    height: 494px;
    object-fit: cover;
    object-position: top;
    border-radius: 20px;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .img-desc{
        height: 400px;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .img-desc{
        width: 100%;
        height: 360px;
    }
}

.desc_{
    background-color: white;
    padding: 24px 0 102px 0;
}

.desc_ .grid-desc{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 206px;
    row-gap: 72px;
    padding: 0 136px;
}

@media screen and (max-width: 1280px) {
    .desc_ .grid-desc{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 56px;
        column-gap: 230px;
        row-gap: 72px;
    }
}

@media screen and (max-width: 992px){
    .desc_ .grid-desc{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0;
        column-gap: 106px;
        row-gap: 36px;
    }
}

@media screen and (max-width: 768px) {
    .desc_ .grid-desc{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 0;
        column-gap: 26px;
        row-gap: 20px;
    }
}

.desc_ .grid-desc .case{
    /*border: 0.8px solid #FC7244;*/
    /*border-radius: 16px;*/
    /*background-color: #FEF4E6;*/
    /*padding: 40px 26px;*/
}

.desc_ .grid-desc .case .row-case{
    display: flex;
    column-gap: 16px;
}

.desc_ .grid-desc .case .row-case .cube{
    padding: 16px;
    border-radius: 8px;
    background-color: #FC7244;
    height: fit-content;
}

.desc_ .grid-desc .case .row-case .text{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.desc_ .grid-desc .case .row-case .text .t{
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    font-family: DinPro, sans-serif !important;
}

.desc_ .grid-desc .case .row-case .text .p{
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    font-family: DinPro, sans-serif !important;
    margin-bottom: 0;
}

.why{
    background-color: #FEF4E6;
    padding: 96px 0;
}

@media screen and (max-width: 768px) {
    .why{
        padding: 42px 0;
    }
}

.why-container{
    max-width: 95%;
    margin: 0 auto;
}

@media screen and (min-width: 992px) {
    .why-container{
        max-width: 92%;
    }
}

@media screen and (min-width: 1280px) {
    .why-container{
        max-width: 85%;
    }
}

.grid-why{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 76px;
    row-gap: 36px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .grid-why{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.why-container .grid-why > .left{
    margin-top: 84px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .why-container .grid-why > .left{
        margin-top: 24px;
        position: relative;
    }
}

.why-container .grid-why .left > div{
    top: 100px;
    position: sticky;
}

.why .why-title{
    text-align: left;
    color: #221F1F;
    font-family: DinPro, sans-serif !important;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 34px;
}

.why .p-why{
    color: #000000;
    text-align: justify;
    font-family: DinPro, sans-serif !important;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    margin: 0 auto 38px auto;
}

.why .link-why{
    color: white;
    font-size: 18px;
    font-weight: 500;
    display: inline-flex;
    line-height: 22px;
    font-family: DinPro, sans-serif !important;
    padding: 15px 30px;
    background-color: #FC7244;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0px 4px 24px 0px #0000001A;
}

.why .why-container .grid-why .right{
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
}

.why .why-container .grid-why .right .review-card{
    position: sticky;
    background-color: #FDE7F9;
    top: 96px;
    border-radius: 20px;
    z-index: 4;
    transition: 0.5s ease all;
}

.why .why-container .grid-why .right .review-card:nth-child(2){
    background-color: #CFEDE4;
    z-index: 6;
    top: 116px;
}

.why .why-container .grid-why .right .review-card:nth-child(3){
    background-color: #FBE6D0;
    z-index: 8;
    top: 136px;
}

.why .why-container .grid-why .right .review-card:nth-child(4){
    background-color: #E0EDFE;
    z-index: 10;
    top: 156px;
}

.why .why-container .grid-why .right .review-card:nth-child(5){
    background-color: #FFD5C7;
    z-index: 12;
    top: 116px;
}


/*@media screen and (max-width: 768px) {*/
/*    .why .why-container .grid-why .right .review-card:nth-child(5){*/
/*        background-color: #FFD5C7;*/
/*        z-index: 12;*/
/*        top: 116px;*/
/*        !*height: 136px;*!*/
/*    }*/
/*}*/

/*@media screen and (min-width: 992px) {*/
/*    .why .why-container .grid-why .right .review-card:nth-child(5){*/
/*        background-color: #FFD5C7;*/
/*        z-index: 12;*/
/*        top: 116px;*/
/*        !*height: 212px;*!*/
/*    }*/
/*}*/

/*@media screen and (min-width: 1400px) and (max-width: 1600px) {*/
/*    .why .why-container .grid-why .right .review-card:nth-child(5){*/
/*        background-color: #FFD5C7;*/
/*        z-index: 12;*/
/*        top: 116px;*/
/*        !*height: 260px;*!*/
/*    }*/
/*}*/

.why .why-container .grid-why .right .review-card.in:nth-child(1){
    transform: rotateZ(-5deg);
}

.why .why-container .grid-why .right .review-card.in:nth-child(2){
    transform: rotateZ(5deg);
    top: 116px;
}

.why .why-container .grid-why .right .review-card.in:nth-child(3){
    transform: rotateZ(-5deg);
    top: 136px;
}

.why .why-container .grid-why .right .review-card.in:nth-child(4){
    transform: rotateZ(5deg);
    top: 156px;
}

.why .why-container .grid-why .right .review-card.in:nth-child(5){
    transform: rotateZ(-5deg);
    top: 176px;
}

.why .why-container .grid-why .right .review-card .review-card-content{
    padding: 42px 40px;
    display: flex;
    flex-direction: row;
    column-gap: 48px;
    align-items: start;
}

.why .why-container .grid-why .right .review-card .review-card-content .r .title{
    font-size: 24px;
    font-family: DinPro, sans-serif !important;
    line-height: 30px;
    font-weight: 700;
    color: #221F1F;
    margin-bottom: 8px;
}

.why .why-container .grid-why .right .review-card .review-card-content .r .paragraph{
    font-size: 20px;
    font-family: DinPro, sans-serif !important;
    line-height: 24px;
    font-weight: 400;
    color: #221F1F;
    margin-bottom: 18px;
}

@media screen and (max-width: 768px) {
    .why .why-container .grid-why .right .review-card .review-card-content{
        padding: 20px 12px;
        display: flex;
        flex-direction: row;
        column-gap: 16px;
        align-items: start;
    }

    .why .why-container .grid-why .right .review-card .review-card-content .r .title{
        font-size: 20px;
        font-family: DinPro, sans-serif !important;
        line-height: 20px;
        font-weight: 700;
        color: #221F1F;
        margin-bottom: 18px;
    }

    .why .why-container .grid-why .right .review-card .review-card-content .r .paragraph{
        font-size: 14px;
        font-family: DinPro, sans-serif !important;
        line-height: 19px;
        font-weight: 400;
        color: #221F1F;
        margin-bottom: 18px;
    }
}

.curriculum{
    background-color: #6B6356;
    padding: 64px 0;
}

.curriculum .c-title{
    color: white;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 100px;
    font-family: DinPro, sans-serif !important;
}

.curriculum .grid-c{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 34px;
    row-gap: 48px;
    margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
    .curriculum .grid-c{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.curriculum .row-c{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.curriculum .row-c .link-c{
    padding: 15px 30px;
    background-color: transparent;
    border: 1.5px white solid;
    border-radius: 5px;
    color: white;
    display: inline-flex;
    text-decoration: none;
}

.curriculum .grid-c .c{
    border-radius: 20px;
    padding: 40px 60px 60px 52px;
    box-shadow: 0px 4px 24px 0px #0000000D;
    background-color: #FEF4E6;
}

.curriculum .grid-c .c > img{
    border-radius: 10px;
    padding: 14px;
    background-color: #6B6356;
    margin-bottom: 24px;
}

.curriculum .grid-c .c .c-title_{
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: black;
    margin-bottom: 8px;
    font-family: DinPro, sans-serif;
}

.curriculum .grid-c .c .c-p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: black;
    font-family: DinPro, sans-serif;
}

.for_who{
    background-color: #FFFDED;
    padding: 90px 0 64px 0;
    margin-bottom: 20px;
}

.for_who-title{
    font-weight: 700;
    color: #221F1F;
    font-family: DinPro, sans-serif !important;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 24px;
}

.p-for_who{
    font-weight: 400;
    color: #221F1F;
    font-family: DinPro, sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 48px;
    /*width: 80%;*/
}

@media screen and (max-width: 992px) {
    .p-for_who{
        width: 100%;
    }
}

.for_who .grid-fw{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 58px;
    row-gap: 48px;
    margin-bottom: 62px;
}

@media screen and (max-width: 768px) {
    .for_who .grid-fw{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 58px;
        row-gap: 48px;
        margin-bottom: 62px;
    }
}

.for_who .grid-fw .fw{
    padding: 44px 52px 68px 38px;
    border-radius: 20px;
}

.for_who .grid-fw .fw:nth-child(1){
    background-color: #ECE1C5;
}

.for_who .grid-fw .fw:nth-child(2){
    background-color: #F7F0D8;
}

.for_who .grid-fw .fw:nth-child(3){
    background-color: transparent;
    border: 3px dashed #6B6356;
}

.t-ul{
    display: flex;
    position: relative;
    font-weight: 700;
    color: #6B6356;
    font-family: DinPro, sans-serif !important;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 32px;
    z-index: 1;
    width: fit-content;
}

.p-ul{
    font-weight: 400;
    color: #6B6356;
    font-family: DinPro, sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
}

.for_who-ul{
    list-style-type: none;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 1rem;
    margin-bottom: 32px;
}

.for_who-ul li{
    position: relative;
    display: flex;
    align-items: start;
    font-weight: 400;
    color: #6B6356;
    font-family: DinPro, sans-serif !important;
    font-size: 20px;
    line-height: 24px;
}
.for_who-ul li b{
    color: #6B6356;
    font-weight: 700;
    font-family: DinPro, sans-serif !important;
    margin-top: -1px;
    margin-right: 4px;
}

.for_who-ul li:before{
    position: relative;
    content: url('../images/puce_.svg');
    margin-right: 8px;
    bottom: -4px;
}

.for_who .details{
    font-weight: 400;
    color: #6B6356;
    font-family: DinPro, sans-serif !important;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 46px;
    font-style: italic;
    /*width: 80%;*/
}

.for_who .details b{
    font-weight: 700;
}

/*@media screen and (max-width: 992px) {*/
/*    .for_who .details{*/
/*        width: 100%;*/
/*    }*/
/*}*/

.row-flash-who{
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.row-flash-who .link-for_who{
    color: white;
    font-family: DinPro, sans-serif !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 15px;
    text-decoration: none;
    background-color: rgba(252, 114, 68, 1);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.notice{
    font-family: DinPro, sans-serif !important;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: black;
    margin-top: 16px;
}

.notice_{
    font-family: DinPro, sans-serif !important;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: black;
    margin-top: 24px;
}