section.main-section {
    align-items: flex-start;
    gap: 20px;
}

.selection-site-link {
    width: max-content;
    display: flex;
}

.select-site-spa {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.bu-spa {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.spa-bu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.spa-cdps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.result-block-bu {
    display: flex;
}

.info-site-spa{
    width: max-content;
    min-height: 56px;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 20px;
    margin-top: 20px;
}

.ast-page-title1 {
    font-family: 'Poppins-semibold';
    line-height: 56px;
    font-size: 32px;
    color: #333333;
    margin: 0;
}

.ast-bu-title1{
    line-height: 24px;
    font-size: 16px;
    font-family: "Poppins-semibold", Inter-bold, arial, sans-serif;
}

.content-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.result-block:nth-child(odd) .content-block {
    flex-direction: row;
}

.result-block:nth-child(even) .content-block {
    flex-direction: row-reverse;
}



.ast-bu-text1{
    line-height: 20px;
    font-size: 14px;
    font-family: "Inter", arial, sans-serif;
}
.ast-bu-text2 {
    background:  var(--main-color-lighter, #bbf8fb);
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    border-radius: 8px;
}
.ast-bu-text2 p{
    margin: 0;
    padding: 8px;

}
.img-block{
    width: 66%;
    height: fit-content;
}


.text-block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-height: 63%;
    gap: 8px;
}
.text-block-with-img {
    width: 34%;
}

.text-block-without-img {
    width: 100%;
}

.img-block > div.carousel-container > div.carousel {
    max-width: 914px;
    height: 356px;
}
.content-block, .result-block-bu, .spa-cdps, .V2ModuleSpaBu {
    width: 100%;
}
.spa-cdps > .result-block > .content-block > .text-block > button.button-bev2 {
    display: flex;
    width: 119px;
    height: 32px;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 119px;
    min-height: 32px;
}


.carousel-item {
    height: 360px;
    background-size: cover !important;
}

@media screen and (min-width: 391px) and (max-width: 700px) {

    .img-block > div.carousel-container > div.carousel {
        max-width: 316px;
        height: 356px;
    }

    .img-block {
        width: 48%;
    }

    .text-block-with-img {
        width: 52%;
    }

}


@media screen  and (max-width: 390px) {

    .img-block > div.carousel-container > div.carousel {
        max-width: 358px;
        height: 200px;
    }

    #select-site-spa {
        width: 100%;
    }

    .selection-site-link > a.selection-site-link-entry {
        font-size: 14px;
    }

    .selectionSiteWrapper > label.title {
        display: none;
    }

    .selection-site-link {
        flex-direction: column;
    }

    .result-block:nth-child(even) .content-block {
        flex-direction: column;
    }

    .result-block:nth-child(odd) .content-block {
        flex-direction: column;
    }

    .img-block {
        width: 100%;
    }

    .text-block {
        width: 100%;
    }

    .planning-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ast-page-title1 {
        font-size: 28px;
        line-height: 40px;
        margin: 0;
    }
}