/* --------------------------- SECTION 1 --------------------------- */

.templatePrestation .section1{
    margin-top: 16px;
    margin-bottom: 70px;
    width: 100%;
    min-height: calc(100vh - var(--site-header-height) - 52px - 40px);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: end;
    overflow: hidden;
}

.templatePrestation .section1 .background{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px;
    display: block;
    position: absolute;
}

.templatePrestation .section1 .textContainer{
    z-index: 1;
    position: relative;
    background-color: var(--color-white);
    padding: 32px;
    border-radius: 24px;
    max-width: 400px;
    height: fit-content;
    margin: 48px;
}

.templatePrestation .section1 .textContainer .titre{
    margin-bottom: 16px;
}

.templatePrestation .section1 .textContainer .btn{
    margin-top: 16px;
}

.templatePrestation .section1 .reassuranceContainer{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-white);
    padding: 20px;
    border-radius: 0;
    max-width: 600px;
}

.templatePrestation .section1 .reassuranceContainer::before {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    background-color: var(--color-white);
    clip-path: path("M0,0H24A0,0 0,0,1 24,0V24A0,0 0,0,1 24,24H0A0,0 0,0,1 0,24V24A0,0 0,0,1 0,24H0A24,24 0,0,0 24,0V0A0,0 0,0,1 24,0");
}

.templatePrestation .section1 .reassuranceContainer::after {
    content: "";
    position: absolute;
    display: block;
    width: auto;
    height: 100%;
    aspect-ratio: 90/94;
    bottom: 0;
    left: 1px;
    transform: translateX(-100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='94' viewBox='0 0 90 94' fill='none'%3E%3Cpath d='M90 0.0151342C89.0443 0.0151342 88.0924 0.0151342 87.1329 0.0151342C83.6006 -0.0871138 78.524 0.276435 73.3059 2.73417C64.8307 6.73321 60.855 13.9739 55.5184 24.0358C55.5184 24.0358 54.1728 26.5731 37.0276 58.6866C26.339 78.7082 21.5988 85.2786 13.3148 89.7207C8.1846 92.4701 3.32583 93.5342 0 94H90V0.0151342Z' fill='white'/%3E%3C/svg%3E");
}

.templatePrestation .section1 .reassuranceContainer .reassurances{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 64px;
}

.templatePrestation .section1 .reassuranceContainer .reassurances .reassurance{
    display: flex;
    align-items: center;
    gap: 24px;
}

.templatePrestation .section1 .reassuranceContainer .reassurances .reassurance img{
    width: 42px;
    min-width: 42px;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.templatePrestation .section1 .reassuranceContainer .reassurances .reassurance p{
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 1300px) {
    .templatePrestation .section1 .reassuranceContainer .reassurances{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .templatePrestation .section1{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 50px;
    }
    .templatePrestation .section1 .background{
        border-radius: 24px;
    }
    .templatePrestation .section1 .textContainer{
        padding: 16px;
        border-radius: 16px;
        max-width: none;
        margin: 8px;
    }
    .templatePrestation .section1 .reassuranceContainer{
        margin-left: 130px;
        right: initial;
        left: 0;
        width: 100%;
        max-width: calc(100% - 130px);
        padding: 20px 0;
    }
    .templatePrestation .section1 .reassuranceContainer .reassurances{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 24px;
    }
    .templatePrestation .section1 .reassuranceContainer .reassurances::-webkit-scrollbar {
        display: none;
    }
    .templatePrestation .section1 .reassuranceContainer .reassurances {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .templatePrestation .section1 .reassuranceContainer .reassurances .reassurance{
        width: 170px;
        min-width: 170px;
        gap: 18px;
    }
    .templatePrestation .section1 .reassuranceContainer .reassurances .reassurance img{
        width: 35px;
        min-width: 35px;
    }
    .templatePrestation .section1 .reassuranceContainer .reassurances .reassurance p{
        font-size: 15px;
    }
}

/* --------------------------- SECTION 2 --------------------------- */

.templatePrestation .section2{
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 100px;
}

.templatePrestation .section2 .columnLeft,
.templatePrestation .section2 .columnRight{
    width: 50%;
}

.templatePrestation .section2 .columnLeft .titre{
    margin-bottom: 16px;
}

.templatePrestation .section2 .columnLeft .reassurances{
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.templatePrestation .section2 .columnLeft .reassurances .reassurance{
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    padding-block: 24px;
    color: var(--color-primary);
    border-bottom: solid 1px var(--color-secondary);
}

.templatePrestation .section2 .columnRight{
    display: flex;
    align-items: end;
    aspect-ratio: 530/482;
    position: relative;
}

.templatePrestation .section2 .columnRight img{
    display: block;
    aspect-ratio: 1;
    width: 85%;
    height: auto;
    border-radius: 24px;
    position: absolute;
    top: 0;
    right: 0;
}

.templatePrestation .section2 .columnRight .projet{
    background-color: var(--color-primary);
    border-radius: 24px;
    padding: 42px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: fit-content;
    height: fit-content;
    position: relative;
}

.templatePrestation .section2 .columnRight .projet::before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='334' height='171' viewBox='0 0 334 171' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M227.304 145.061C227.251 152.374 227.358 159.661 227.118 166.973H238.423C238.423 166.973 238.423 166.947 238.45 166.92C238.477 166.814 238.503 166.734 238.53 166.628C238.53 166.575 238.556 166.468 238.583 166.415C238.583 166.335 238.583 166.255 238.583 166.176C238.583 166.096 238.583 166.016 238.583 165.91C238.583 165.883 238.583 165.777 238.556 165.724C238.477 165.378 238.556 165.112 238.689 164.873C238.61 158.251 238.689 151.63 238.61 145.035C248.798 144.955 258.959 145.114 269.147 144.955C257.336 96.6898 246.35 48.2119 234.407 0C222.703 48.2651 211.584 96.7164 200.039 145.008C209.136 145.008 218.207 144.955 227.304 145.061Z' fill='%2300471C'/%3E%3Cpath d='M307.132 154.502C307.132 158.677 307.185 162.825 307.185 167C310.058 167 312.905 167 315.777 167C315.777 162.852 315.777 158.73 315.777 154.581C321.762 154.581 327.774 154.581 333.759 154.581C326.87 125.25 320.14 95.8654 312.745 66.667C306.254 96.025 299.072 125.277 292.156 154.555C297.131 154.608 302.131 154.635 307.132 154.555V154.502Z' fill='%2300471C'/%3E%3Cpath d='M34.2494 170H43.5351C43.5351 163.157 43.5351 156.314 43.5624 149.498C54.5141 147.869 64.8376 142.058 71.1191 132.88C81.9889 117.782 79.6948 95.081 65.8208 82.59C52.8754 69.8818 30.7536 68.4154 16.2242 79.2772C1.72207 89.2428 -4.01322 109.554 2.95107 125.602C8.08552 138.474 20.6212 147.597 34.304 149.444C34.2221 156.314 34.2494 163.157 34.2494 170.027V170Z' fill='%2300471C'/%3E%3C/svg%3E%0A");
}

.templatePrestation .section2 .columnRight .projet .titre{
    color: var(--color-white);
    font-size: 20px;
    font-weight: 500;
    z-index: 1;
}

@media (max-width: 992px) {
    .templatePrestation .section2{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 50px;
    }
    .templatePrestation .section2 .columnLeft,
    .templatePrestation .section2 .columnRight{
        width: 100%;
    }
    .templatePrestation .section2 .columnLeft .reassurances{
        width: 100%
    }
    .templatePrestation .section2 .columnLeft .reassurances .reassurance{
        font-size: 18px;
        padding-block: 18px;
    }
    .templatePrestation .section2 .columnRight .projet{
        padding: 24px;
        gap: 22px;
    }
}

/* --------------------------- SECTION 3 --------------------------- */

.templatePrestation .section3{
    display: flex;
    align-items: flex-end; 
    gap: 30px 50px;
    margin-bottom: 100px;
}

.templatePrestation .section3 .columnLeft,
.templatePrestation .section3 .columnRight{
    width: 50%;
}

.templatePrestation .section3 .columnLeft{
    display: flex;
    gap: 20px;
    position: relative;
}

.templatePrestation .section3 .columnLeft .image{
    width: 50%;
    max-width: calc(50% - 10px);
    display: block;
    object-fit: cover;
    border-radius: 24px;
    aspect-ratio: 270 / 510;
}

.templatePrestation .section3 .columnLeft .image.image1{
    margin-bottom: 130px;
}

.templatePrestation .section3 .columnLeft .image.image2{
    margin-top: 130px;
}

.templatePrestation .section3 .columnLeft::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    height: auto;
    aspect-ratio: 378/474;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='378' height='474' viewBox='0 0 378 474' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.1138 410.894C76.9633 431.608 77.2643 452.247 76.5872 472.962H108.561C108.561 472.962 108.561 472.886 108.636 472.811C108.712 472.51 108.787 472.284 108.862 471.982C108.862 471.832 108.937 471.53 109.013 471.38C109.013 471.154 109.013 470.928 109.013 470.702C109.013 470.476 109.013 470.25 109.013 469.949C109.013 469.873 109.013 469.572 108.937 469.421C108.712 468.442 108.937 467.689 109.313 467.011C109.088 448.255 109.314 429.499 109.088 410.819C137.902 410.593 166.641 411.045 195.455 410.593C162.052 273.879 130.981 136.563 97.201 0C64.0985 136.714 32.6511 273.955 0 410.744C25.7297 410.744 51.3841 410.593 77.1138 410.894Z' fill='%2300C674'/%3E%3Cpath d='M302.692 437.634C302.692 449.46 302.843 461.211 302.843 473.037C310.968 473.037 319.018 473.037 327.143 473.037C327.143 461.286 327.143 449.611 327.143 437.86C344.07 437.86 361.073 437.86 378 437.86C358.515 354.778 339.481 271.544 318.566 188.838C300.209 271.996 279.897 354.853 260.336 437.785C274.405 437.936 288.548 438.011 302.692 437.785V437.634Z' fill='%2300C674'/%3E%3C/svg%3E%0A");
}

.templatePrestation .section3 .columnRight .titre{
    margin-bottom: 16px;
}

.templatePrestation .section3 .columnRight .reassurances{
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 48px;
}

.templatePrestation .section3 .columnRight .reassurances .reassurance{
    display: flex;
    align-items: center;
    gap: 14px;
}

.templatePrestation .section3 .columnRight .reassurances .reassurance img{
    width: 42px;
    min-width: 42px;
    height: auto;
    aspect-ratio: 1;
    display: block;
    object-fit: contain;
}

.templatePrestation .section3 .columnRight .reassurances .reassurance figcaption .titre{
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 8px;
}

@media (max-width: 992px) {
    .templatePrestation .section3{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 50px;
    }
    .templatePrestation .section3 .columnLeft,
    .templatePrestation .section3 .columnRight{
        width: 100%;
    }
    .templatePrestation .section3 .columnRight .reassurances{
        margin-top: 30px;
        gap: 24px;
    }
    .templatePrestation .section3 .columnRight .reassurances .reassurance figcaption .titre{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .templatePrestation .section3 .columnLeft .image.image1{
        margin-bottom: 60px;
    }
    .templatePrestation .section3 .columnLeft .image.image2{
        margin-top: 60px;
    }
    .templatePrestation .section3 .columnLeft::after{
        width: 75%;
    }
}

/* --------------------------- SECTION 4 --------------------------- */

.templatePrestation .section4{
    margin-bottom: 100px;
}

.templatePrestation .section4 .entete{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-bottom: 40px;
}

.templatePrestation .section4 .entete .titre,
.templatePrestation .section4 .entete .paragraphe{
    max-width: 600px;
    text-align: center;
}

.templatePrestation .section4 .contenu{
    display: flex;
    align-items: center;
    gap: 24px;
}

.templatePrestation .section4 .contenu .columnLeft,
.templatePrestation .section4 .contenu .columnRight{
    width: 50%;
}

.templatePrestation .section4 .contenu .columnLeft img{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 24px;
}

.templatePrestation .section4 .contenu .columnRight .prestations{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.templatePrestation .section4 .contenu .columnRight .prestations .prestation{
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: var(--color-primary);
    padding: 22px;
    border: solid 1px var(--color-primary);
    border-radius: 12px;
}

@media (max-width: 992px) {
    .templatePrestation .section4{
        margin-bottom: 50px;
    }
    .templatePrestation .section4 .contenu{
        flex-direction: column;
    }
    .templatePrestation .section4 .contenu .columnLeft,
    .templatePrestation .section4 .contenu .columnRight{
        width: 100%;
    }
}