body {
    margin: unset;
    background-color: #D6DBD2;
    padding: 10px 0;
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
    color: #433E3F;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

h1, h2, h3, p, ul {
    margin: unset;
}

h1 {
    font-weight: 800;
    font-size: 3rem;
}

h2 {
    font-weight: 800;
    font-size: 3rem;
}

h3 {
    font-weight: 800;
    font-size: 1.5rem;
}

p {
    font-size: 1rem;
}

a {
    text-decoration: none;
    color: #433E3F;
    font-size: 1rem;
}

.flex {
    display: flex;
}

nav, footer {
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 2px 0px #433E3F;
    border-radius: 30px;
    min-width: 1059px;
}

section {
    flex-direction: column;
    width: 70%;
    min-width: 1114px;
    margin-left: auto;
    margin-right: auto;
    gap: 10px;
}

.bg_white {
    background-color: #F2F5EA;
}

.bg_orange {
    background-color: #EF642F;
    color: #FFFFFF;
}

.button_white {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    padding: 8px 15px;
    border-radius: 10px;
    font-weight: 700;
    width: fit-content;
    color: #EF642F;
    top: 0;
    transition: top .2s ease-in-out;
    z-index: 1;
}

.button_white .arrow {
    background-image: url('../img/orange-arrow.svg');
    background-repeat: no-repeat;
    width: 19px;
    height: 16px;
    margin-right: 5px;
}

.button_orange {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #EF642F;
    padding: 8px 15px;
    border-radius: 10px;
    font-weight: 700;
    width: fit-content;
    color: #FFFFFF;
    top: 0;
    transition: top .2s ease-in-out;
    z-index: 1;
}

.button_orange .arrow {
    background-image: url('../img/white-arrow.svg');
    background-repeat: no-repeat;
    width: 19px;
    height: 16px;
    margin-right: 5px;
}

.button_orange:hover, .button_white:hover {
    top: -5px;
}

.bloc {
    gap: 10px;
}

.bento {
    border-radius: 30px;
    overflow: clip;
    box-shadow: 0px 0px 2px 0px #433E3F;
    padding: 35px;
    flex-direction: column;
}

.list-circle {
    display: flex;
    min-width: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin-right: 5px;
}

form input, form textarea {
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #433E3F;
}

form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

form input {
    height: 25px;
    padding: 8px;
    border-radius: 5px;
    border: none;
}

form input:focus-visible {
    border: none;
    outline: none;
}

form textarea {
    padding: 8px;
    border-radius: 5px;
    resize: none;
    border: none;
    outline: none;
}

form #submit {
    position: relative;
    background-color: #EF642F;
    padding: 8px 15px;
    border-radius: 10px;
    border: unset;
    font-weight: 700;
    width: fit-content;
    height: fit-content;
    color: #FFFFFF;
    top: 0;
    transition: top .2s ease-in-out;
    cursor: pointer;
}

form #submit:hover {
    top: -5px;
}

/* Navigation */

.nav-mobile_burger, .nav-mobile_container {
    display: none;
}

nav {
    width: calc(70% - 55px);
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    padding: 15px 20px 15px 35px;
}

.nav-logo img {
    height: 40px;
}

.nav-links {
    gap: 5px;
}

.nav-links a {
    padding: 8px 15px;
    border-radius: 10px;
    transition: color .2s ease;
}

.nav-links a:hover {
    color: #EF642F;
}

.nav-links .select {
    color: #FFFFFF;
}

.nav-links .select:hover {
    color: #FFFFFF !important;
}

/* Footer */

footer {
    width: calc(70% - 70px);
    padding: 15px 35px;
    height: 40px;
    font-weight: 700;
    align-items: center;
    justify-content: space-between;
}

.footer-links {
    gap: 20px;
}

/* Homepage */

#section-home .first-bloc .bento-1 {
    width: 100%;
    padding: unset;
    position: relative;
}

#section-home .first-bloc .bento-1_left {
    padding: 150px 0 150px 35px;
    flex-direction: column;
    gap: 40px;
    z-index: 1;
}


#section-home .first-bloc .bento-1_img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url('../img/img_header.webp') no-repeat right bottom / contain;
}

#section-home .first-bloc .bento-2 {
    flex-direction: column;
    padding: unset;
}

#section-home .first-bloc .bento-2_top {
    flex-direction: column;
    padding: 35px;
    gap: 20px;
}

#section-home .first-bloc .bento-2_top > div {
    flex-direction: column;
    gap: 5px;
}

#section-home .first-bloc .bento-2_top p {
    display: flex;
    align-items: center;
}

#section-home .first-bloc .bento-2_bottom {
    height: 100%;
    background: url('../img/img_header2.webp') no-repeat top / cover;
}

#section-home .second-bloc .bento-1 {
    gap: 20px;
    width: 30%;
}

#section-home .second-bloc .bento-2 {
    gap: 20px;
    padding: unset;
    width: calc(30% + 70px);
}

#section-home .second-bloc .bento-2 h3 {
    text-align: center;
    padding: 35px 35px 0 35px;
}

#section-home .second-bloc .bento-2 .text-container {
    flex-direction: column;
    gap: 5px;
}

#section-home .second-bloc .bento-2 p {
    display: flex;
    align-items: center;
    justify-content: center;
}

#section-home .second-bloc .bento-2 .check {
    background-image: url('../img/check.svg');
    display: flex;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

#section-home .second-bloc .bento-2_bottom {
    margin-top: 60px;
    background-color: #EF642F;
    height: 270px;
    position: relative;
    display: flex;
    justify-content: center;
}

#section-home .second-bloc .bento-2_bottom img {
    position: absolute;
    bottom: 0;
}

#section-home .second-bloc .bento-3 {
    gap: 20px;
    position: relative;
    width: 40%;
}

#section-home .second-bloc .bento-3 > div {
    flex-direction: column;
}

#section-home .second-bloc .bento-3 > div p {
    display: flex;
    align-items: center;
    gap: 5px;
}

#section-home .second-bloc .bento-3_img {
    width: 100%;
    height: 70%;
    right: 0;
    bottom: 0;
    background: url('../img/beechmore-books-X0UhINgPVNA-unsplash-_.webp') no-repeat right / contain;
    position: absolute;
}

#section-home .third-bloc .bento-1 {
    width: 30%;
    gap: 20px;
}

#section-home .third-bloc .bento-1_img {
    background-image: url('../img/quote.svg');
    width: 50px;
    height: 50px;
}

#section-home .third-bloc .bento-2 {
    width: calc(70% + 70px);
    gap: 20px;
}

#section-home .third-bloc .bento-2 .faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#section-home .third-bloc .bento-2 .accordion-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border: 1px solid rgba(0,0,0,.02);
    background-color: #D6DBD2;
    border-radius: 10px;
    transition: all .5s ease;
}

#section-home .third-bloc .bento-2 .accordion-chevron {
    background: url('../img/chevron.svg') no-repeat center;
    transform: rotate(0);
    transform-origin: center;
    transition: all .5s ease;
    width: 15px;
    height: 15px;
    display: flex;
    fill: #433E3F;
}

#section-home .third-bloc .bento-2 .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
}

#section-home .third-bloc .bento-2 .accordion-content p {
    padding: 15px 15px 10px 15px;
}

#section-home .third-bloc .bento-2 .accordion-content ul {
    margin-bottom: 10px;
}

/* Nos services */

#section-services .first-bloc .bento-1 {
    width: 100%;
    flex-direction: row;
    padding: unset;
    position: relative;
}

#section-services .first-bloc .bento-1_left {
    padding: 150px 0 150px 35px;
    gap: 40px;
    flex-direction: column;
    width: 50%;
    z-index: 1;
}

#section-services .first-bloc .bento-1_left p {
    max-width: 550px;
}

#section-services .first-bloc .bento-1_img {
    position: absolute;
    background: url('../img/Frame-427321707.webp') bottom right / 610px no-repeat;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#section-services .second-bloc .bento-1, #section-services .second-bloc .bento-2, #section-services .second-bloc .bento-3, 
#section-services .third-bloc .bento-1, #section-services .third-bloc .bento-2, #section-services .third-bloc .bento-3 {
    width: 33.33%;
    gap: 20px;
}

#section-services .second-bloc .bento-1 > div, #section-services .second-bloc .bento-2 > div, #section-services .second-bloc .bento-3 > div,
#section-services .third-bloc .bento-1 > div, #section-services .third-bloc .bento-2 > div, #section-services .third-bloc .bento-3 > div {
    flex-direction: column;
    gap: 5px;
}

#section-services .second-bloc .bento-1 > div p, #section-services .second-bloc .bento-2 > div p, #section-services .second-bloc .bento-3 > div p,
#section-services .third-bloc .bento-1 > div p, #section-services .third-bloc .bento-2 > div p, #section-services .third-bloc .bento-3 > div p {
    display: flex;
    align-items: baseline;
}

#section-services .second-bloc .bento-2 > div .list-circle, #section-services .third-bloc .bento-1 > div .list-circle, #section-services .third-bloc .bento-3 > div .list-circle {
    background-color: #433E3F;
}

#section-services .fourth-bloc .bento-1 {
    flex-direction: row;
    padding: unset;
    max-width: 100%;
}

#section-services .fourth-bloc .bento-1_left {
    padding-top: 35px;
    flex-direction: column;
    gap: 20px;
    width: 50%;
}

#section-services .fourth-bloc .bento-1_left h3, #section-services .fourth-bloc .bento-1_left p, #section-services .fourth-bloc .bento-1_left a {
    margin-left: 35px;
}

#section-services .fourth-bloc .bento-1_img {
    height: 380px;
    width: 100%;
    background: url('../img/img_tarifs.webp') bottom left no-repeat;
    min-width: 600px;
}

#section-services .fourth-bloc .bento-1_right {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    height: calc(100% - 70px);
    padding: 35px;
}

#section-services .fourth-bloc .bento-1_right .form-container {
    background-color: #D6DBD2;
    padding: 50px;
    height: calc(100% - 100px);
    width: 50%;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px
}

/* À propos */

#section-about .first-bloc .bento-1, #section-about .first-bloc .bento-2 {
    padding: unset;
}

#section-about .first-bloc .bento-1, #section-about .first-bloc .bento-2 {
    width: 50%;
}

#section-about .first-bloc .bento-1_top {
    flex-direction: column;
    gap: 40px;
    padding: 150px 35px 0 35px;
}

#section-about .first-bloc .bento-1_img {
    height: 360px;
    align-items: flex-end;
    position: relative;
}

#section-about .first-bloc .bento-1_img .img {
    background: url('../img/vitaly-gariev-fTZJstpGcQg-unsplash-removebg-preview.webp') bottom center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}

#section-about .first-bloc .bento-1_img .bg_orange {
    width: 100%;
    height: 45%;
}

#section-about .first-bloc .bento-2_img {
    height: 100%;
    background: url('../img/leone-venter-pVt9j3iWtPM-unsplash-removebg-preview-.webp') no-repeat;
}

#section-about .first-bloc .bento-2_bottom {
    flex-direction: column;
    gap: 40px;
    padding: 0 35px 35px 35px;
}

#section-about .second-bloc > div {
    width: 33.33%;
}

#section-about .second-bloc .bento-container {
    flex-direction: column;
    gap: 10px;
}

#section-about .second-bloc .bento-1, #section-about .second-bloc .bento-2, #section-about .second-bloc .bento-3, #section-about .second-bloc .bento-4 {
    gap: 20px;
}

#section-about .second-bloc .bento-2 {
    padding: unset;
}

#section-about .second-bloc .bento-2_top {
    padding: 35px 35px 0 35px;
    flex-direction: column;
    gap: 20px;
}

#section-about .second-bloc .bento-2_img {
    height: 100%;
    background-image: url('../img/sincerely-media-3KEFp35FVB0-unsplash-removebg-preview-.webp');
    background-position: right -220px;
    background-repeat: no-repeat;
}

#section-about .third-bloc .bento {
    gap: 20px;
}

#section-about .third-bloc .bento-1 {
    width: 50%;
}

#section-about .third-bloc .bento-1 > div {
    flex-direction: column;
    gap: 5px;
}

#section-about .third-bloc .bento-1 > div p {
    display: flex;
    align-items: baseline;
}

#section-about .third-bloc .bento-1 > div p .list-circle {
    background-color: #433E3F;
}

#section-about .third-bloc .bento-container {
    width: calc(50% + 70px);
    flex-direction: column;
    gap: 10px;
}

/* Tarifs */

#section-prices .first-bloc .bento-1 {
    width: 100%;
    flex-direction: row;
    padding: unset;
    position: relative;
}

#section-prices .first-bloc .bento-1_left {
    padding: 150px 0 150px 35px;
    gap: 40px;
    flex-direction: column;
    width: 50%;
    z-index: 1;
}

#section-prices .first-bloc .bento-1_left p {
    max-width: 550px;
}

#section-prices .first-bloc .bento-1_img {
    position: absolute;
    background: url('../img/christina-wocintechchat-com-0Zx1bDv5BNY-unsplash-removebg-preview-.webp') bottom right no-repeat;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#section-prices .second-bloc h2 {
    font-size: 2.6rem;
}

#section-prices .second-bloc > div {
    width: 33.33%;
    gap: 20px;
}

#section-prices .second-bloc .bento > div {
    flex-direction: column;
    gap: 5px;
    align-items: baseline;
}

#section-prices .second-bloc .bento-1 .separator, #section-prices .second-bloc .bento-2 .separator {
    width: 100%;
    height: 1px;
    background-color: #433E3F;
}

#section-prices .second-bloc .bento-3 .separator {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
}

#section-prices .second-bloc .bento-1 .check2, #section-prices .second-bloc .bento-2 .check2 {
    display: flex;
    background: url('../img/check2.svg');
    background-repeat: no-repeat;
    min-width: 10px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

#section-prices .second-bloc .bento-3 .check2_white {
    display: flex;
    background: url('../img/check2_white.svg');
    background-repeat: no-repeat;
    min-width: 10px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

#section-prices .second-bloc .bento > div p {
    display: flex;
    align-items: baseline;
}

#section-prices .third-bloc .bento-1 {
    flex-direction: row;
    padding: unset;
    max-width: 100%;
}

#section-prices .third-bloc .bento-1_left {
    padding: 35px 0 0 35px;
    flex-direction: column;
    gap: 20px;
    width: 50%;
}

#section-prices .third-bloc .bento-1_img {
    height: 100%;
    width: 100%;
    background: url('../img/img_tarifs.webp') bottom left no-repeat;
    min-width: 600px;
}

#section-prices .third-bloc .bento-1_right {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    height: calc(100% - 70px);
    padding: 35px;
}

#section-prices .third-bloc .bento-1_right .form-container {
    background-color: #D6DBD2;
    padding: 50px;
    width: 50%;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px
}

#section-prices .third-bloc .bento-1_right form {
    height: 391px;
}

/* Contact */

#section-contact .first-bloc .bento-1 {
    flex-direction: row;
    padding: unset;
    justify-content: space-between;
}

#section-contact .first-bloc .bento-1_left {
    padding: 150px 0 0 35px;
    flex-direction: column;
    gap: 20px;
    width: 50%;
}

#section-contact .first-bloc .bento-1_img {
    height: 380px;
    width: 100%;
    background: url('../img/Paperasse_img_contact2.webp') bottom left no-repeat;
}

#section-contact .first-bloc .bento-1_right {
    align-items: center;
    height: calc(100% - 70px);
    padding: 35px;
}

#section-contact .first-bloc .bento-1_right .form-container {
    background-color: #D6DBD2;
    padding: 50px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px
}

#section-contact .first-bloc .bento-1_right form {
    height: 391px;
}