.body-client{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px !important;
}

.header-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 30px 80px 100px 80px;
}

.body-client .header-container header{
    width: 100%;
    max-width: 1280px;
    display: flex !important;
    justify-content: space-between;
}

.body-client .header-container header .client-header-right{
    display: flex;
    align-items: center;
    gap: 24px;
}

header .client-header-right select{
    width: 140px;
    height: 52px;
    border-radius: 10px;
    padding: 2px;
    background-color: #FFF;
    border: 1px solid #FFF;
}

header .client-header-right a{
    font-weight: 500;
    font-size: 18px;
}

.body-client h1{
    font-size: 44px !important;
    font-weight: 400 !important;
    margin-bottom: 40px;
}

.client-entete{
    width: 100%;
    max-width: 1280px;
    display: flex !important;
    justify-content: space-between;
    gap: 40px;
    position: relative;
}

.logo-container{
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-container p{ 
    font-size: 28px;
}

.client-entete .col{
    width: 50%;
    display: flex;
}

.client-entete .contact-infos{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 5px solid #FFF;
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 0px 50px 140px -30px #00000008 inset;
    padding: 20px;
}

.contact-name{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.contact-name p{ font-size: 18px; } 
.contact-name .name{
    font-size: 26px;
    font-weight: 400;
    font-family: "Fraunces";
    margin-bottom: 0;
}

.contact-name a{ 
    font-size: 18px; 
    font-weight: 500;
} 

.contact-coordinates{
    display: flex;
    align-items: center;
    background-color: #F8F8F8;
    margin: 0 -10px -10px -10px;
    border-radius: 15px;
    padding: 24px;
    gap: 24px;
}
.contact-coordinates img{ border-radius: 5px; }
.contact-coordinates .coordinates{  width: 50%;}
.contact-coordinates p{ margin: 0;  }
.contact-coordinates p.bold{ font-weight: 500; } 

.client-metrics{
    flex-direction: column;
    gap: 12px;
}

.client-metrics .client-row{
    width: 100%;
    display: flex;
    gap: 12px;
}

.client-metrics .client-row .metrics{
    width: 33%;
    min-width: 179px;
    background-color: #FFF;
    border-radius: 15px;
    padding: 18px;
}

.client-metrics .client-row .metrics2{
    width: 50%;
    min-width: 179px;
    background-color: #FFF;
    border-radius: 15px;
    padding: 18px;
}

.client-review{
    width: 890px;
    height: 185px;
    padding: 24px;
    background-color: #FFF;
    border-radius: 20px;
    position: absolute;
    bottom: -120px;
    box-shadow: 0px 30px 180px 10px #0000001A;
}

.client-nav{
    display: flex;
    justify-content: center;
    margin-top: 165px;
    gap: 20px;
}

.client-nav a{ 
    font-weight: 500;
    font-size: 34px;
    cursor: pointer;
    color: #34495E !important;
}
.client-nav a.unactive{ opacity: 0.5; } 

.subtitle{
    font-size: 26px;
    font-weight: 500;
    margin: 40px 0 20px 0;
}

.programs-container{
    width: 100%;
    max-width: 1280px;
}

.programs-list{
    display: flex;
    gap: 14px;
}

.programs-list .program-item{
    width: 25%;
    border-radius: 20px;
    box-shadow: 0px 40px 80px -10px #0000000A;
    overflow: hidden;
}

.programs-list .program-item .program-content{
    padding: 20px;
}

.programs-list .program-item .program-name{
    font-size: 18px;
    font-weight: 500;
    margin: -40px 0 0 0;
}

.programs-list .program-item .program-period{
    margin-bottom: 30px;
}

.programs-list .program-item .program-thumb{
    width: 100%;
    aspect-ratio: 16 / 9; 
    background-size: contain !important;
    background-position: center !important;
    border-radius: 20px;
}

.programs-list .program-item .metrics{
    display: flex;
    justify-content: space-between;
}

.programs-list .program-item .metrics div,
.programs-list .program-item .metrics2 div{
    width: 50%;
}

.programs-list .program-item .metrics p{ 
    text-align: left;
    margin: 0;
}

.programs-list .program-item .moreLink{
    width: 100%;
    height: 52px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #34495E !important;
    background-color: #34495E12;
    border-radius: 100px;
    font-weight: 500;
    gap: 10px;
    cursor: pointer;
}

.programs-list .program-item .moreLink img{
    width: 20px;
    height: 20px;
}

.contact-title{
    width: 900px;
    margin-top: 40px;
    text-align: center;
    font-size: 54px;
    line-height: 100%;
    font-family: 'Fraunces';
}

.contact-desc{
    width: 900px;
    text-align: center;
    font-size: 18px;
    margin: 30px 0;
}

.contact-box{
    width: 900px;
    display: flex;
    background-color: #FFF;
    box-shadow: 0px 30px 180px 10px #0000001A;
    border-radius: 20px;
    padding: 24px;
    gap: 10px;
}