.container-banner-home-page {
    height: 723px;
    width: 100%;
    position: relative;
    padding-left: 4rem;
}

.img-banner-couverture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.img-banner2-couverture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.container-text-title-banner {
    position: absolute;
    z-index: 9;
    top: 20%;
}

.title-banner-page {
    color: #2897e7;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 117%;
}

.content-text-banner-home-page {
    color: #505050;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 154.5%;
}

.btn-banner-page {
    border-radius: 8px;
    background: #2897e7;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn-banner-page:hover {
    color: #2897e7;
    border: 1px solid #2897e7;
    background: #fff;
    font-weight: 700;
}

.page-content,
.page-home-page-content {
    margin-top: 75px;
}

.span-title-section-app {
    color: #0192ce;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-radius: 36px;
    background: rgba(1, 146, 206, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(105, 81, 255, 0.05);
    padding: 10px 25px;
}

.title-section-app {
    color: #1c232d;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.96px;
}

.text-title-section-app {
    color: #556987;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.btn-see-more {
    border-radius: 6px;
    background: #1b3764;
    box-shadow: 0px 1px 2px 0px rgba(105, 81, 255, 0.05);
    padding: 8px 16px;
    color: #f0fdf4;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

.btn-see-more:hover {
    color: #f0fdf4;
}

.reveal_content {
    position: relative;
    z-index: 1;
    background-image: url("/images/radiation.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: repeat;
    min-height: 600px;
    width: 100%;
    padding: 1rem;
}

.custom_description {
    color: #858a8f;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

.text_justify {
    text-align: justify !important;
}

.btn_link__more {
    color: #2897e7;
    font-family: "Roboto";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn_link__more:is(:focus, :hover) {
    color: #333f51;
}

.who_we_are__section {
    background: radial-gradient(
        50% 50% at 50% 50%,
        rgba(247, 248, 249, 0) 0%,
        #f7f8f9 100%
    );
    margin-top: 150px;
}

.who_we_are__section .video__who_are_we {
    width: 100% !important;
    border-radius: 8px !important;
}

.bg__dark_green {
    background: #3c8233;
}

.newsletter__wrapper {
    width: 85%;
    margin: 0 auto;
    padding: 10% 20%;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
}

.radial_bg {
    background-position: center center;
    background-size: cover;
    background-image: url("/images/radial2.png");
    min-height: 200px;
    position: relative;
    z-index: 9;
}

.medium_size {
    font-size: 25px;
}

.project-card .cover-wrapper,
.project-card img {
    width: 100%;
    height: 292px;
    border-radius: 6px;
}

.project-card .small_description {
    text-align: justify;
}

.actuality-card .cover-wrapper,
.actuality-card img {
    width: 100%;
    height: 252px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.project-card .cover-wrapper,
.actuality-card .cover-wrapper {
    overflow: hidden;
}

.actuality-card {
    border: 2px solid #ececec;
    border-radius: 6px;
    height: 100%;
}

.project-card img,
.actuality-card img {
    object-fit: cover;
}

.project-card .title,
.actuality-card .title {
    color: #333f51;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.project-card .description,
.actuality-card .description {
    color: #8896ab;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: justify;
}

.project-card .see_more__link,
.actuality-card .see_more__link {
    color: #2897e7;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.project-card .see_more__link:is(:focus, :hover),
.actuality-card .see_more__link:is(:focus, :hover) {
    color: #333f51;
}

.waves-section {
    position: absolute;
    width: 100%;
    margin-bottom: 0px;
    min-height: 100px;
    max-height: 185px;
    top: -100px;
}

.page_bigpadding_section-about {
    position: relative;
    padding-bottom: 130px;
}
.content-video-player {
    filter: drop-shadow(0px 63px 50px rgba(67, 67, 68, 0.07));
}
.content-video-player iframe {
    border-radius: 20px;
    background: #f5f6fa;
    box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 25%);
    object-position: 100%;
    object-fit: cover;
}
.content-stat-chiffre-about {
    width: 100%;
    text-align: center;
}
.content-svg-icon-card {
    border-radius: 6px;
    margin: auto;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-card-about-stat-number {
    color: #2a3342;
    text-align: center;
    font-family: "Roboto";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.text-card-about-stat-number {
    color: #556987;
    text-align: center;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.color1 {
    background: #56b144;
}
.color2 {
    background: #e03113;
}
.color3 {
    background: #0192ce;
}
.color4 {
    background: #586a84;
}
.color5 {
    background: #3c8233;
}
.color6 {
    background: #636563;
}
.w-80 {
    width: 80%;
}
.content-img-deco1-newsletter {
    position: absolute;
    top: 0;
    left: 0;
}
.content-img-deco2-newsletter {
    position: absolute;
    top: 0;
    right: 0;
}
.content-img-deco3-newsletter {
    position: absolute;
    left: 0;
    bottom: 0;
}
.content-img-deco4-newsletter {
    position: absolute;
    right: 0;
    bottom: 0;
}
.img-deco-news-letter {
    width: 100%;
}

.newsletter__wrapper input  {
    border-radius: 8px;
    border: 1px solid #d5dae1;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    color: #667085;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 16px;
}

.newsletter__wrapper input:focus, .message_contact__card input:focus, .message_contact__card textarea:focus {
    border: 1px solid #0192ce;
    box-shadow: none !important;
}

.btn__subscribe {
    border-radius: 8px;
    background: #0192ce;
    box-shadow: 0px 1px 2px 0px rgba(105, 81, 255, 0.05);
    color: #f0fdf4;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 16px;
}

.btn__subscribe:is(:hover, :focus) {
    background: transparent;
    border-color: #0192ce;
    color: #0192ce;
}

.small_banner,
.blue_banner {
    padding: 6rem 0;
    position: relative;
    display: grid;
    place-items: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: 48.4px;
}

.small_banner {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.blue_banner {
    background: radial-gradient(
        50% 50% at 50% 50%,
        rgba(40, 151, 231, 0) 0%,
        #2897e7 100%
    );
}

.banner_overlay {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(
        0deg,
        #2897e7 0%,
        rgba(3, 91, 155, 0.5) 100%
    );
    opacity: 0.6;
    z-index: -1;
}

.adapt_to_header {
    margin-top: 80px !important;
}

.banner .sm_banner_title {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 48.4px;
    text-align: center;
}

.banner_breadcrumb {
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 13.53px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.banner_breadcrumb a {
    text-decoration: none;
    font-weight: 400;
}

.banner_breadcrumb svg {
    width: 20px;
    height: 15px;
}

.page_bigpadding_section {
    padding: 7rem 0;
    position: relative;
}

.page_section {
    padding: 3rem 0;
    position: relative;
}

.hidden {
    display: none !important;
}

.detail_cover_wrapper {
    margin-top: -3rem;
    overflow: hidden;
}

.detail_cover_wrapper:hover .detail_cover_wrapper img {
    transform: scale(2);
}

.detail_cover_wrapper,
.detail_cover_wrapper img {
    border-radius: 8px;
}

.detail_cover_wrapper img {
    width: 100%;
    height: 298px;
    object-fit: cover;
    transition: 0.6s ease-in-out;
}

.banner .publication_date {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1.92px;
}

.half_content {
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.half_content .separator {
    height: 1px;
    background: #eef0f3;
}

.half_content .active_content {
    padding: 1rem 2rem;
    border-left: 2px solid #56b144;
    color: #556987;
    font-weight: 600;
    font-size: 22px;
}

.custom_content {
    color: #556987;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: justify;
}

.detail_content__title {
    color: #333f51;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px;
}

.illustration__wrapper figure img {
    height: 270px;
    border-radius: 12px;
}

.illustration__wrapper figcaption {
    color: #556987;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.container-text-testimonial-card-item {
    width: 80%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none !important;
}
.bg-img-detail-project {
    width: 100%;
}
.title-col-left-contact {
    color: #586a84;
    font-family: "Poppins";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.text-col-left-contact {
    color: #727272;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: justify;
}
.content-contact-info-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.info-contact-item-title {
    color: #586a84;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.info-contact-item-text {
    color: #727272;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.container-social-media-contact {
    display: flex;
    gap: 15px;
    align-items: center;
}
.content-col-right-contact {
    padding: 20px;
    border: 1px solid #e7e7e7;
    background: #fff;
}
.input-form-contact {
    color: #909090;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background: #f5f5f5;
    padding: 20px;
    border: 0;
}
.input-form-contact:focus {
    border: 1px solid #0192ce;
}
.title-social-media-info-contact {
    color: #586a84;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.cnd_form__wrapper input, 
.cnd_form__wrapper select,
.cnd_form__wrapper textarea {
    padding: 10px 16px;

}

.cnd_form__wrapper input:focus, 
.cnd_form__wrapper select:focus,
.cnd_form__wrapper textarea:focus {
    box-shadow: none;
    border-color: #0192ce;
}

.cnd_form__wrapper .form_btn {
    padding: 12px 28px;
    border-radius: 25px;
    border: 1.3px solid transparent;
    font-weight: 700;
}

.cnd_form__wrapper .reset__btn {
    background: transparent;
    color: #0192ce;
    border-color: #0192ce;
}

.cnd_form__wrapper .submit__btn {
    background: #0192ce;
    color: #fff;
}

.cnd_form__wrapper .submit__btn:is(:hover, :focus) {
    background: transparent;
    color: #0192ce;
    border-color: #0192ce;
}

.cnd_form__wrapper .reset__btn:is(:hover, :focus) {
    border-color: #556987;
    color: #556987;
}

.cnd_form__wrapper .describe-specs {
    font-size: 10px;
    color: #666;
}