.hero-banner {
    padding: 15% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.container {width: 90%;max-width: 1326px;margin: 0 auto;}
.hero-banner h1 {
    font-size: 100px;
    text-transform: uppercase;
}
.blue-full-title {
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    color: #00618B;
    padding: 20px;
}
.red-title {
    color: #DE373D;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
}

.section-1 .red-title {
    margin: 30px 0;
}

h3.grey-bg-title {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #00618B;
    background-color: #D9D9D9;
    padding: 15px 0;
}

.section-1-img {
    max-width: 300px;
    margin: 10px auto;
    display: block;
}

.sec-1-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.sec-1-row h2 {
    font-weight: 700;
    font-size: 48px;
}

.sec-1-row h2 span {color: #276187;font-size: 36px;display: block;}

.sec-1-row p {
    font-size: 28px;
    font-weight: 400;
}
.sec-1-row img {
    width: 100%;
    height: 300px;
    border-radius: 30px;
    object-fit: cover;
}
.right-block h2 {
    margin: 30px 0;
}

.key-figures-wrap h3 {
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    margin-top: 80px;
}

.key-figures {
    background-color: #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    border-radius: 40px;
    margin: 20px 0 40px;
    font-size: 20px;
    gap: 20px;
}
.key-figures > div {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 280px;
}
.key-figures strong {
    color: #DE373D;
	font-size: 48px;
}

.red-big-btn {
    background-color: #DE373D;
    color: #fff;
    font-size: 38px;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: max-content;
    padding: 15px 40px;
}
.section-2 {
    padding: 8% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-2 h2 {
    text-align: center;
    color: #fff;
    font-size: 90px;
}

.section-2-quote {
    color: #00618B;
    font-weight: 700;
    font-size: 32px;
    padding: 40px 80px;
    position: relative;
    margin: 80px 0;
}

.section-2-quote:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border-top: 7px solid #DE373D;
    border-left: 7px solid #DE373D;
    content: "";
}
.section-2-quote:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border-bottom: 7px solid #DE373D;
    border-right: 7px solid #DE373D;
    content: "";
}

.title-two-lines {
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #00618B;
    position: relative;
}

.title-two-lines span {
    background-color: #fff;
    position: relative;
    padding: 0 60px;
}

.title-two-lines:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    left: 0;
    width: 100%;
    background-color: #DE373D;
    padding: 0;
}
.challenge-points {
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    gap: 60px;
    margin: 80px 0;
}
.challenge-points-item img {
    max-width: 100px;
    margin: 0 auto 40px;
    display: block;
}
.challenge-text , .objectives-imperative-text{
    font-size: 24px;
    text-align: center;
}
.challenge-text b , .objectives-imperative-text b {
    color: #276187;
    font-weight: 700;
}
img.challenge-points-item {
    max-width: 300px;
    margin: 0 auto;
    display: block;
}
.challenge-points-item:last-child {
    grid-column: 3 span;
    max-width: 900px;
    margin: 0 auto;
}
.objectives-imperative-points {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 40px 0;
	 margin-bottom: 40px;
	    align-items: center;
}
.objectives-imperative-points-item img {
    max-width: 90px;
}
img.objectives-imperative-points-item {
    grid-row: 5 span;
}
.objectives-imperative-points-item {
    text-align: center;
}
.objectives-imperatives-bottom-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 40px;
}
.interview_details-hero {
    display: grid;
    grid-template-columns: 3fr 4fr;
    align-items: center;
}

.interview_details-img {
    display: grid;
    gap: 15px;
    padding: 40px 50px;
    grid-template-columns: 1fr 1fr;
    position: relative;
}
.interview_details-img img:last-child {margin-top: 100px;}
.interview_details-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border-top: 7px solid #00618B;
    border-left: 7px solid #00618B;
    content: "";
}
.interview_details-img:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border-bottom: 7px solid #00618B;
    border-right: 7px solid #00618B;
    content: "";
}


.interview_details-content {
    padding: 60px 20px 60px 80px;
    position:relative;
}
.interview_details-content:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.2751 15.1226C18.7836 23.145 11.8439 32.4828 10.456 43.1362C8.29446 59.7201 23.1249 67.8371 30.6397 60.5446C38.1545 53.2521 33.6506 43.9939 28.2094 41.4624C22.7683 38.9309 19.4405 39.8135 20.0211 36.431C20.6018 33.0485 28.3421 23.6741 35.1436 19.3079C35.3843 19.1028 35.5378 18.8136 35.5729 18.4993C35.608 18.185 35.5221 17.8691 35.3327 17.6159L33.6506 15.4278C32.9207 14.4789 32.2206 14.5154 31.2751 15.1209M64.1642 15.1226C51.6728 23.145 44.7331 32.4828 43.3451 43.1362C41.1819 59.7201 56.0124 67.8371 63.5272 60.5446C71.042 53.2521 66.5381 43.9939 61.0953 41.4624C55.6524 38.9309 52.3264 39.8135 52.907 36.431C53.4876 33.0485 61.2296 23.6741 68.0311 19.3079C68.2715 19.1025 68.4247 18.8133 68.4595 18.499C68.4943 18.1847 68.4082 17.8689 68.2185 17.6159L66.5381 15.4278C65.8082 14.4789 65.1081 14.5154 64.1642 15.1209' fill='%23D70F27'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.interview_details-content:after {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 80px;
    height: 80px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.2751 15.1226C18.7836 23.145 11.8439 32.4828 10.456 43.1362C8.29446 59.7201 23.1249 67.8371 30.6397 60.5446C38.1545 53.2521 33.6506 43.9939 28.2094 41.4624C22.7683 38.9309 19.4405 39.8135 20.0211 36.431C20.6018 33.0485 28.3421 23.6741 35.1436 19.3079C35.3843 19.1028 35.5378 18.8136 35.5729 18.4993C35.608 18.185 35.5221 17.8691 35.3327 17.6159L33.6506 15.4278C32.9207 14.4789 32.2206 14.5154 31.2751 15.1209M64.1642 15.1226C51.6728 23.145 44.7331 32.4828 43.3451 43.1362C41.1819 59.7201 56.0124 67.8371 63.5272 60.5446C71.042 53.2521 66.5381 43.9939 61.0953 41.4624C55.6524 38.9309 52.3264 39.8135 52.907 36.431C53.4876 33.0485 61.2296 23.6741 68.0311 19.3079C68.2715 19.1025 68.4247 18.8133 68.4595 18.499C68.4943 18.1847 68.4082 17.8689 68.2185 17.6159L66.5381 15.4278C65.8082 14.4789 65.1081 14.5154 64.1642 15.1209' fill='%23D70F27'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
}
.idc-pre-head {
    font-size: 32px;
    font-weight: 700;
}

.interview_details-content h2 {
    font-size: 55px;
}

.interview_details-content h2 span {
    color: #276187;
}

.idc-text p {
    font-size: 32px;
}

section.interview_details-section {
    border-top: 22px solid #F3B914;
    padding-top: 40px;
    margin-top: 70px;
}
.interview_details-section .red-big-btn {
    margin-top: -100px;
    margin-bottom: 100px;
	    position: relative;
}
	.interview_details-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 200px 0 100px;
    gap:60px;
    position: relative;
}
.interview_details-title {
    background-color: #D9D9D9;
    color: #00618B;
    font-size: 24px;
    font-weight: 700;
    padding: 16px;
    border-radius: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.interview_details-text p {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.interview_details-item img {
    margin: 0 auto;
    display: block;
    border-radius: 60px;
    margin-top: 60px;
    max-height: 350px;
    object-fit: contain;
    width: auto;
}
.interview_details-item:last-child {
    grid-column: 2 span;
    padding: 0 60px;
}
.interview_details-item:first-child:before {
        content:"";
        position: absolute;
        height: 100%;
        width: 1px;
        right: -30px;
        background-color: #00618B;
}
.interview_details-item {
    position: relative;
}
.interview_details-items:before {
    position: absolute;
    top: 0;
    left: -80px;
    width: 200px;
    height: 200px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='220' height='220' viewBox='0 0 220 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M86.8934 58.5511C52.8901 80.7504 34.0993 106.434 30.5211 135.603C24.9484 181.009 65.6802 202.907 86.0858 182.806C106.491 162.705 93.9824 137.474 79.0475 130.661C64.1125 123.848 55.0283 126.33 56.5472 117.066C58.0661 107.802 79.0462 82.0021 97.5606 69.92C98.2147 69.3539 98.6287 68.5599 98.7183 67.6995C98.808 66.839 98.5666 65.9767 98.0432 65.2879L93.3974 59.3373C91.3814 56.7568 89.4673 56.871 86.8933 58.5466M176.854 57.8775C142.851 80.0768 124.06 105.761 120.482 134.929C114.905 180.335 155.637 202.234 176.042 182.133C196.448 162.032 183.939 136.8 168.999 129.987C154.06 123.174 144.98 125.657 146.499 116.393C148.018 107.129 169.003 81.3285 187.517 69.2464C188.171 68.6797 188.584 67.8854 188.672 67.025C188.761 66.1645 188.519 65.3026 187.995 64.6143L183.354 58.6637C181.338 56.0832 179.424 56.1974 176.854 57.8729' fill='black'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.interview_details-items:after {
    position: absolute;
    bottom: 0;
    right: -100px;
    width: 200px;
    height: 200px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='220' height='220' viewBox='0 0 220 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M86.8934 58.5511C52.8901 80.7504 34.0993 106.434 30.5211 135.603C24.9484 181.009 65.6802 202.907 86.0858 182.806C106.491 162.705 93.9824 137.474 79.0475 130.661C64.1125 123.848 55.0283 126.33 56.5472 117.066C58.0661 107.802 79.0462 82.0021 97.5606 69.92C98.2147 69.3539 98.6287 68.5599 98.7183 67.6995C98.808 66.839 98.5666 65.9767 98.0432 65.2879L93.3974 59.3373C91.3814 56.7568 89.4673 56.871 86.8933 58.5466M176.854 57.8775C142.851 80.0768 124.06 105.761 120.482 134.929C114.905 180.335 155.637 202.234 176.042 182.133C196.448 162.032 183.939 136.8 168.999 129.987C154.06 123.174 144.98 125.657 146.499 116.393C148.018 107.129 169.003 81.3285 187.517 69.2464C188.171 68.6797 188.584 67.8854 188.672 67.025C188.761 66.1645 188.519 65.3026 187.995 64.6143L183.354 58.6637C181.338 56.0832 179.424 56.1974 176.854 57.8729' fill='black'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
}
.added_value-section {
    padding: 80px 0;
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
}

.added_value-row {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 80px;
}

.added_value-content h2 {
    color: #D70F27;
    text-align: center;
    font-size: 36px;
    margin-bottom: 60px;
}

.added_value-content p {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

.added_value-img {
    position: relative;
}

.added_value-img span {
    font-size: 48px;
    font-weight: 700;
    position: absolute;
    bottom: 50%;
    left: 30%;
    transform: translateY(50%);
    width: 100%;
    max-width: 380px;
}

.key_steps-row {
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center;
}
.key_steps-content {
    text-align: center;
}

.key_steps-content h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 20px 0;
}
.key_steps-section .container {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}
.interest_in_points-item {
    color: #fff;
    background-color: #00618B;
    padding: 15px 15px 15px 40px;
    border-radius: 50px;
    font-size: 18px;
    width: 100%;
    max-width: 600px;
    position: relative;
    box-sizing: border-box;
}

.interest_in_points-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}
.interest_in_points-item:before {
    content: "";
    position: absolute;
    left: 10px;
    width: 24px;
    background-color: #fff;
    border-radius: 50px;
    aspect-ratio: 1;
    top: 50%;
    transform: translateY(-50%);
}
	.hero-img {
    display: flex;
    position: relative;
}

.hero-img h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 100px;
    color: #fff;
    height: 100%;
    background-color: #00618b80;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}
	
	@media(max-width:1024px) {
		
.hero-img h1 {
    font-size: 50px;
}
		.hero-banner h1 , .key-figures strong , .section-2 h2 {
    font-size: 38px;
}
.hero-banner {
    margin: 0 !important;
    padding: 25% 10px;
}
h3.grey-bg-title , .blue-full-title , .sec-1-row h2 span{
    font-size: 24px;
}
.red-title , .sec-1-row h2{
    font-size: 33px;
}

.sec-1-row {
    grid-template-columns: 100%;
    gap: 30px;
}
.sec-1-row img {
    height: auto;
}
.key-figures {
    flex-direction: column;
    padding: 20px;
    font-size: 18px;
    align-items: flex-start;
}
.red-big-btn {
    font-size: 18px;
    padding: 10px;
}
.section-2 {
     padding: 20% 10px;
}
		.section-2-quote {
    padding: 20px 30px;
    font-size: 20px;
    margin: 40px 0;
}

.key_steps-content h2 , .title-two-lines , .objectives-imperatives-bottom-title{
    font-size: 28px;
}
.title-two-lines span {
    padding: 0 20px;
}
.challenge-points {
    grid-template-columns: 100%;
    gap: 40px;
    margin: 40px 0;
}
.challenge-points-item:last-child {
    grid-column: auto;
}
img.challenge-points-item {
    grid-row: 1;
    max-width: 180px;
}
.challenge-points-item img {
    max-width: 80px;
    margin-bottom: 20px;
}
.interview_details-title , .challenge-text, .objectives-imperative-text , .added_value-content p {
    font-size: 18px;
}
.objectives-imperative-points , .interview_details-hero {
    grid-template-columns: 100%;
}
img.objectives-imperative-points-item {
    grid-row: auto;
    max-width: 250px;
    margin: 40px auto 0;
}

.interview_details-img {
    padding: 20px;
}

.idc-pre-head {
    font-size: 20px;
}
.interview_details-content h2 {
    font-size: 32px;
}
.idc-text p {
    font-size: 24px;
}
.interview_details-content:before , .interview_details-content:after{
    width: 60px;
    height: 60px;
}
.interview_details-content {
    padding: 30px 20px 60px 60px;
}
.interview_details-item:last-child {
    grid-column: auto;
    padding: 0;
}
.interview_details-items {
    grid-template-columns: 100%;
    padding: 100px  0;
}
.interview_details-items:before {
    width: 100px;
    height: 100px;
    left: -20px;
}
.interview_details-items:after {
    width: 100px;
    height: 100px;
    right: 0;
}

.interview_details-item img {
    max-height: initial;
    width: 100%;
    max-width: 250px;
    border-radius: 20px;
    margin: 0 auto;
}

.interview_details-item:first-child:before {
    width: 0;
}

.interview_details-text p , .interest_in_points-item{
    font-size: 16px;
}
.added_value-row {
    grid-template-columns: 100%;
    gap: 40px;
}

.added_value-img span {
    font-size: 28px;
    max-width: 200px;
}

.added_value-img {
    max-width: 350px;
    margin: 0 auto;
    width: 100%;
}

.added_value-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.key_steps-row , .key_steps-section .container {
    grid-template-columns: 100%;
}
.key_steps-img {
    max-width: 200px;
    margin: 0 auto;
}
.key_steps-content {
    grid-row: 1;
}
	}


/* Testimony douai Page css */

.projet-identity-sec .blue-full-title {
    line-height: 100%;
    color: #FFFFFF;
    padding: 30px 20px;
    background-color: #00618B;
}
section.projet-identity-sec {
}
.projet-identity-sec .red-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    margin: 35px 0px 45px;
}
.projet-identity-sec h3.grey-bg-title {
    line-height: 100%;
    padding: 18px 0px;
}
.sec-1-row p {
    font-size: 32px;
    line-height: 100%;
}
.sec-logo img {
    max-width: 500px;
}
.sec-logo {
    text-align: right;
}
.sec-img img {
    max-width: 550px;
}
.sec-img iframe {
    width: 100%;
    border-radius: 20px;
}
.sec-text-2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #000000;
    margin: 22px 0px 50px;
}
.left-sec p.sec-text {
    margin: 66px 0px 72px;
}
.projet-identity-sec .sec-1-row {
    gap: 160px;
    position: relative;
    margin: 45px 0px 100px;
}
.projet-identity-sec .sec-1-row::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #000000;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(-50%);
}
.sec-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    color: #D70F27;
    margin-bottom: 50px;
}
.sub-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    color: #000000;
}
.chips-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #00618B;
    text-align: center;
    margin: 80px 0px;
}
.counter-sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}
.counter-number {
    font-size: 48px;
    font-weight: 700;
    color: #00618B;
    text-align: center;
}
.counter-text {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    text-align: center;
    color: #00618B;
    margin-top: 20px;
}
.counter-text span {
    font-weight: 700;
	font-size: 42px;
}
.full-sec-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    padding: 26px 0px;
    color: #FFFFFF;
    background-color: #00618B;
	margin-top: 60px;
}
.terms-text {
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    color: #000000;
    margin-top: 51px;
}
.terms-question {
    font-weight: 700;
    font-size: 27px;
    line-height: 100%;
    text-align: center;
    margin: 80px 0px 25px;
}
.contact-button{
    width: 100%;
    max-width: 500px;
    display: flex;
    margin: 0 auto;
}
.contact-button a{
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    background-color: #D70F27;
    padding: 22px 0px;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
}
.maturity-terms-sec img {
    max-width: 550px;
    width: 550px;
}
.sec-flex {
    display: flex;
    gap: 90px;
    margin: 70px 0px;
}
.sec-title-2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #D70F27; 
    padding: 0px 20px
}
.sec-title-2 span{
    display: block;
    max-width: 1180px;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    background-color: #FFF;
    max-width: max-content;
}
.title-border,.title-border-2{
    position: relative;
}
.title-border::after,.title-border-2::after{
    content: '';
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
}
.title-border-2 span {
    background-color: #FFFFFF;
    z-index: 99;
    position: relative;
    padding: 0px 15px;
    display: block;
    max-width: max-content;
    margin: 0 auto;
}
.establishments-text {
    font-weight: 700;
    font-size: 32px;
    line-height: 50px;
    text-align: center;
    margin: 50px 0px 40px;
}
.establishments-editor ul li {
    font-weight: 300;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}
.project-issues-challenge-text {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    padding: 18px 0px;
    background-color: #D9D9D9;
    color: #00618B;
	margin-bottom: 70px;
}
.project-issues-challenges {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.project-svg img {
    width: 100%;
    max-width: 160px;
}
.project-svg {
    text-align: center;
    margin-bottom: 40px;
}
.project-item-detlise {
    width: 256px;
    max-width: 256px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    background-color: #00618B;
    border-radius: 30px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-item-detlise span {
    padding: 0px 26px;
}
section.project-issues-challenge-sec {
    margin: 140px 0px;
}
.objectives-imperatives-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
	margin: 110px 0px 180px;
}
.objectives-imperatives-item img {
    width: 100%;
    max-width: 130px;
    margin-bottom: 50px;
}
.objectives-imperatives-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #00618B;
}
.imperatives-flex {
    display: flex;
    flex-direction: column;
    gap: 120px;
	width: 35%;
}
.objectives-imperatives-img img {
    max-width: 330px;
}
.testimony-flex {
    display: flex;
    gap: 15px;
    margin: 50px 0px 90px;
}
.testimony-img iframe {
    width: 480px;
    max-width: 480px;
    padding: 40px;
    box-sizing: border-box;
}
.testimony-img {
    width: 560px !important;
    position: relative;
    text-align: center;
}
.testimony-img::after {
    content: '';
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 7px 0px 0px 7px;
    border-style: solid;
    border-color: #00618B;
}
.testimony-img::before {
    content: '';
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 0px 7px 7px 0px;
    border-style: solid;
    border-color: #00618B;
}
.testimony-content {
    padding: 76px 80px 80px 130px;
    position: relative;
    height: -webkit-fill-available;
}
.testimony-title{
    font-weight: 700;
    font-size: 55px;
    line-height: 100%;
    color: #000000;
    display: inline-flex;
    flex-wrap: wrap;
}
.testimony-title p {
    font-weight: 700;
    font-size: 32px;
    color: #000000;
    margin: 0;
    width: 100%;
}
.testimony-title span {
    display: flex;
}
.testimony-text {
    font-family: Century Gothic;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #000000;
    margin-top: 30px;
}
.testimony-text span {
    color: #D70024;
}
.testimony-content::after {
    content: '';
    background-image: url('https://www.open-education.fr/wp-content/uploads/2025/06/icon-park-outline_quote.svg');
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
}
.testimony-content::before {
    content: '';
    background-image: url('https://www.open-education.fr/wp-content/uploads/2025/06/icon-park-outline_quote-1.svg');
    height: 80px;
    width: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.integrator-subtitle {
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    color: #00618B;
    text-align: center;
    margin-bottom: 60px;
}
.integrator-info, .integrator-info-2 , .integrator-info p, .integrator-info-2 p {
    margin: 0;
    font-weight: 400;
    font-size: 29px;
    line-height: 120%;
}
.extra-text {
    display: none;
}

.show-extra-btn {font-weight: 700;cursor: pointer;}
.integrator-info,.integrator-info-2 {
    padding: 40px 100px;
    position: relative;
}
.integrator-info::after,.integrator-info-2::after {
    content: '';
    height: 60px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 6px 0px 0px 6px;
    border-style: solid;
    border-color: #F3B914;
}
.integrator-info::before,.integrator-info-2::before {
    content: '';
    height: 60px;
    width: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 0px 6px 6px 0px;
    border-style: solid;
    border-color: #F3B914;
}
.integrator-svg img {
    width: 100px;
}
.integrator-item {
    font-weight: 300;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}
.integrator-svg {
    margin-bottom: 30px;
}
.integrator-flex {
    display: flex;
    justify-content: space-between;
}
.integrator-img {
    margin: 50px 0px;
}
.integrator-flex .integrator-item {
    margin: 0;
}
.integrator-sec {
    margin: 100px 0px;
}
.integrator-info-2::after,.integrator-info-2::before{
    border-color: #00628A;
}
.integration-establishment-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    text-align: center;
    color: #D70024;
}
.integration-establishment-title img {
    max-width: 385px;
}
.integration-establishment-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.quote-svg-1 img {
    max-width: 160px;
    height: 130px;
    margin: 40px 0px 50px;
}
.questions {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #00618B;
    border-radius: 28px;
    background-color: #D9D9D9;
    padding: 16px 22px;
    margin: 60px 0;
}
.questions-ans p {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
}
.integration-flex {
    display: flex;
    gap: 116px;
    position: relative;
    margin-bottom: 50px;
}
.integration-flex .integration-item {
    width: 50%;
}
.integration-flex .questions {
    margin-bottom: 40px;
}
.integration-flex .questions-ans {
    margin-bottom: 25px;
}
.questions-img-2 img {
    max-width: 462px;
}
.questions-importn {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    padding: 16px 13px;
    color: #FFFFFF;
    border-radius: 35px;
    background-color: #00618B;
    display: inline-block;
    cursor: pointer;
}
.questions-importn-dropdown {
    padding: 20px;
    background-color: #f7f7f7;
    margin: 20px 0;
}
.integration-flex::after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #00618B;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(-50%);
}
.establishment-flex {
    display: flex;
    gap: 100px;
}
.questions-img img {
    max-width: 380px;
    width: 380px;
}
.establishment-flex .questions-ans p {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
}
.establishment-flex .questions-importn {
    padding: 22px 40px;
    margin: 40px 0px 0;
}
.quote-svg-2 img {
    width: 160px;
    height: 130px;
}
.quote-svg-2 {
    text-align: right;
}
.integration-flex .questions-img img {
    max-width: 100%;
    width: 100%;
}
section.integration-establishment-sec {
    margin: 140px 0px 100px;
}
.prospects-repeater {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin: 120px 0px;
}
.prospects-svg img {
    height: 120px;
    width: 100%;
    max-width: 120px;
}
.prospects-svg {
    text-align: center;
    margin-bottom: 40px;
}
.prospects-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
.dematter-project-flex {
    display: flex;
	gap: 30px;
}
.dematter-project-title {
    font-weight: 600;
    font-size: 38px;
    line-height: 100%;
    color: #000000;
}

.dematter-project-subtitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    text-align: center;
}
.information-item {
    font-size: 20px;
    width: 100%;
    max-width: 726px;
    padding: 26px 30px 26px 60px;
    background-color: #00618B;
    border-radius: 50px;
    color: #FFFFFF;
    position: relative;
    text-align: center;
}
.information-item::after {
    content: '';
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 23px;
    transform: translateY(-50%);
}
.dematter-information {
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
	margin: 35px 0px;
}
.dematter-project-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 60px;
}
.dematter-project-content .contact-button a {
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
}
.dematter-project-flex {
    margin: 62px 0px 130px;
}
.project-steps {
    display: flex;
    gap: 30px;
    position: relative;
    padding-bottom: 160px;
    max-width: 1260px;
    margin: 100px auto 0;
}
.project-step-item {
    width: 100%;
    padding: 0 20px 30px;
    text-align: center;
    color: #fff;
    position: relative;
    border-radius: 10px;
}
.ps-icon {
    width: 100px;
    height: 100px;
    position: relative;
    background-color: #fff;
    border-radius: 100px;
    padding: 20px;
    box-sizing: border-box;
    border: 6px solid var(--ps-clr);
    margin: -50px auto 20px;
    box-shadow: 0 0 20px -5px #000;
}
.ps-icon img {width: 100%;height: 100%;object-fit: contain;}
.ps-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.ps-text {
    font-size: 14px;
}
.ps-num {
    font-size: 24px;
    color: #000;
    background-image: url(https://www.open-education.fr/wp-content/uploads/2025/06/numbg.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px 0;
    font-weight: 800;
    position: absolute;
    bottom: -34px;
    width: 80%;
    left: 10%;
    z-index: 1;
}
.project-step-item:after {
    content: "";
    position: absolute;
    bottom: -38px;
    width: 100%;
    height: 25px;
    background-color: var(--ps-clr);
    left: 0;
    border-radius: 10px;
}
.ps-bg-svg svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}
.project-sub-title {
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0;
}
.ps-month-1,.ps-month-2,.ps-month-3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 33.33%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #00628a;
}

.ps-month-1 {
    left: 0;
}
.ps-month-2 {
    left: 33.33%;
}
.ps-month-3 {
    left: 66.66%;
}

.ps-month-1:before, .ps-month-2:before, .ps-month-3:before {
    content: "";
    position: absolute;
    top: -50px;
    width: 100%;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-39.9519 416.3169 240.1642 8.9883' width='170.164px' height='15.9883px'%3E%3Cpath style='fill:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke:%23000000;stroke-opacity:1;stroke-miterlimit:4;' d='M -0.000051325 1.998565 L 307.220178 1.998565 ' transform='matrix(0.7491829991340637, 0, 0, 0.7491829991340637, -32.95184326171878, 419.31178092956543)'/%3E%3Cpath style='fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke:%23000000;stroke-opacity:1;stroke-miterlimit:4;' d='M 299.221878 -3.997553 L 307.220178 1.998565 L 299.221878 7.999897 ' transform='matrix(0.7491829991340637, 0, 0, 0.7491829991340637, -32.95184326171878, 419.31178092956543)'/%3E%3C/svg%3E");
    left: 0;
}
.integrator-img img {
    max-width: 200px;
}
@media (min-width: 1025px) and (max-width: 1400px) {
.project-steps {
    gap: 10px;
    padding-bottom: 130px;
    max-width: 920px;
    margin: 100px auto 0;
}
.project-step-item {
    padding: 0 10px 30px;
}
.ps-title {
    font-size: 16px;
    margin-bottom: 8px;
}
.ps-text {
    font-size: 12px;
}
.ps-num {
    bottom: -10px;
    font-size: 18px;
    padding: 5px 0;
}
.project-step-item:after {
    bottom: -23px;
}
}
@media(max-width: 1024px){
	.project-steps {
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
    padding: 0;
    row-gap: 0;
}
.project-step-item {
    max-width: 160px;
    margin-top: 60px;
    min-height: 200px;
}
	.ps-num {
		bottom: -62px;
	}
.ps-month-1, .ps-month-2, .ps-month-3 {
    position: relative;
    left: initial;
    max-width: 100%;
    bottom: initial;
    margin-top: 120px;
}
	.project-step-item:after {
		bottom: -70px;
	}
.ps-month-1:before, .ps-month-2:before, .ps-month-3:before {background-size: 200px auto;top: -20px;}
	.projet-identity-sec .sec-1-row {
		gap: 30px;
		margin: 30px 0px;
	}
	.projet-identity-sec .sec-1-row::after {
		display: none;
	}
	.left-sec p.sec-text {
		margin: 30px 0px;
	}
	.sec-text-2 {
		margin-bottom: 30px;
	}
	.sec-img img {
		max-width: 100%;
	}
	.projet-identity-sec .red-title{
		font-size: 33px;
	}
	.chips-title {
		margin: 40px 0px;
		font-size: 32px;
	}
	.sub-title {
		font-size: 28px;
	}
	.sec-title {
		font-size: 32px;
		margin-bottom: 30px;
	}
	.counter-text span {
		font-size: 32px;
	}
	.counter-text {
		font-size: 24px;
		margin-top: 10px;
	}
	.sec-flex{
		flex-direction: column-reverse;
		gap: 25px;
	}
	.maturity-terms-sec img{
		max-width: 100%;
		width: 100%;
	}
	.terms-text {
		margin-top: 30px;
		font-size: 24px;
	}
	.terms-question{
		margin: 30px 0px;
	}
	.contact-button a{
		font-size: 24px;
		padding: 18px 0px;
	}
	.sec-title-2 {
		font-size: 28px;
		line-height: 34px;
		padding: 0px 30px;
	}
	.establishments-text {
		font-size: 24px;
		line-height: 38px;
		margin: 30px 0px;
	}
	.establishments-editor ul li {
		font-size: 18px;
		line-height: 22px;
		padding: 10px 0px;
	}
	.project-issues-challenge-text {
		font-size: 28px;
		padding: 18px 15px;
	}
	.project-issues-challenges {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
	.project-svg {
		margin-bottom: 25px;
	}
	.project-svg img {
		max-width: 120px;
	}
	.project-item-detlise {
		height: 150px;
	}
	section.project-issues-challenge-sec {
		margin: 60px 0px;
	}
	.objectives-imperatives-sec {
		flex-direction: column;
		gap: 50px;
	}
	.imperatives-flex {
		flex-direction: row;
		width: 100%;
	}
	.testimony-flex {
		flex-direction: column;
	}
	.testimony-img iframe {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.testimony-img {
		width: 92% !important;
		padding: 40px;
	}
	.integrator-sec {
		display: flex;
		flex-direction: column;
		gap: 50px;
		margin: 60px 0px;
	}
	.integrator-flex {
		flex-direction: column;
	}
	.integrator-flex .integrator-item {
		margin: 0 auto;
	}
	.integrator-img {
		text-align: center;
	}
	.integrator-img img {
		max-width: 500px;
	}
	.integrator-subtitle {
		font-size: 28px;
	}
	.integrator-info p, .integrator-info-2 p {
		font-size: 22px;
	}
	.integration-establishment-title {
		line-height: 100%;
		font-size: 48px;
	}
	.integration-establishment-title img {
		max-width: 250px;
	}
	.quote-svg-1 img,.quote-svg-2 img {
		max-width: 100px;
		margin: 20px 0px;
	}
	.questions {
		font-size: 18px;
	}
	.questions-ans p {
		font-size: 16px;
	}
	.establishment-flex .questions-ans p {
		font-size: 20px;
	}
	.dematter-project-flex {
		flex-direction: column;
	}
	.dematter-project-img img {
		max-width: 250px;
	}
	.dematter-project-img {
		text-align: center;
	}
	.sec-1-row p {
    font-size: 18px;
}
}
@media(max-width: 768px){
	.establishments-editor ul {
    list-style: none;
    padding: 0;
}
	.integrator-img img {
		max-width: 200px;
	}
	.hero-img h1 {
		font-size: 34px;
	}
	.counter-sec {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.project-issues-challenges {
		grid-template-columns: 1fr;
	}
	.imperatives-flex {
		flex-direction: column;
		gap: 30px;
	}
	.objectives-imperatives-item img {
		margin-bottom: 20px;
		max-width: 100px;
	}
	.objectives-imperatives-sec {
		margin: 60px 0px;
	}
	.objectives-imperatives-item {
		font-size: 18px;
	}
	.testimony-title {
		font-size: 38px;
	}
	.testimony-title p {
		font-size: 24px;
	}
	.testimony-img::after,.testimony-img::before {
		height: 60px;
		width: 60px;
	}
	.testimony-img {
		width: 90% !important;
		padding: 20px;
		box-sizing: border-box;
	}
	.testimony-content {
		padding: 65px 30px;
	}
	.integrator-info, .integrator-info-2 {
		padding: 30px 20px;
	}
	.integrator-item {
		font-size: 18px;
	}
	.integration-establishment-title {
		font-size: 32px;
	}
	.integration-flex {
		flex-direction: column;
		gap: 50px;
		margin-bottom: 0;
	}
	.integration-flex .integration-item {
		width: 100%;
	}
	.integration-flex::after {
		display: none;
	}
	.questions {
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.establishment-flex {
		flex-direction: column;
		gap: 40px;
	}
	.establishment-flex .questions-importn {
		margin: 20px 0px 0px;
	}
	.questions-img img {
		width: 100%;
		max-width: 150px;
	}
	.prospects-repeater {
		grid-template-columns: 1fr;
	}
	.prospects-svg {
		margin-bottom: 30px;
	}
	.prospects-text {
		text-align: center;
	}
	.prospects-repeater {
		margin: 50px 0px;
	}
	.full-sec-title {
		font-size: 32px;
		padding: 25px 15px;
	}
	section.integration-establishment-sec {
		margin: 60px 0px;
	}
	.dematter-project-title {
		font-size: 28px;
		text-align: center;
		margin-bottom: 25px;
	}
	.dematter-project-subtitle {
		font-size: 24px;
	}
	.information-item {
		max-width: 100%;
		padding: 10px 10px 10px 30px;
		width: 100%;
		font-size: 16px;
		box-sizing: border-box;
		line-height: 1.2;
	}
	.information-item::after {
		height: 15px;
		width: 15px;
		left: 15px;
	}
	.dematter-information {
		width: 100%;
	}
	.dematter-project-content .contact-button a {
		font-size: 24px;
	}
	.dematter-project-content {
		padding: 0;
	}
	.integration-flex .questions {
		margin-top: 0;
	}
	.project-sub-title {
    font-size: 28px;
}
	.objectives-imperatives-img img {
		width: 60%;
		margin: 0 auto;
		display: block;
		max-width: 300px;
	}
	.section-1-img {
		width: 60%;
	}
}
@media(max-width: 480px){
	.ps-icon {
    width: 75px;
    height: 75px;
    margin: 0px auto 10px;
    padding: 12px;
}

.ps-title {
    font-size: 16px;
    line-height: 1;
}

.ps-text {font-size: 11px;}

.project-step-item {
    max-width: 139px;
    padding: 0 5px 0;
    box-sizing: border-box;
    margin-top: 30px;
}

.project-steps {
    column-gap: 10px;
}

.ps-num {
    bottom: -51px;
    font-size: 18px;
}

.project-step-item:after {
    bottom: -60px;
}

.ps-month-1, .ps-month-2, .ps-month-3 {
    font-size: 20px;
    margin-top: 100px;
}
	
}