#text-block_personalisation-services-2024 .text-block__title {
  font-size: clamp(14px, 11.451px + 0.6536vw, 24px);
}

#personalisation-services-blocks .content-block-wide {
    flex-direction: row-reverse;
}


#personalisation-services-blocks .content-block-wide .content-block-wide__title {
    font-size: 18px;
    margin-bottom: 0.5em;
}

#personalisation-services-blocks .content-block-wide .content-block-wide__text {
    font-size: 14px;
}

.page[data-querystring*="cgid=personalisation"] .carousel:has(#content-block_personalise-suitcase-2024) {
    padding-bottom: 20px;
}



@media (max-width: 767px) {
    #text-block_personalisation-services-2024,
    #personalisation-services-blocks {
        margin: 0 30px;
    }
}

@media (min-width: 768px) {
    #text-block_personalisation-services-2024,
    #personalisation-services-blocks {
        margin: 0 60px;
    }

}
@media (min-width: 1024px) {
    .page[data-querystring*="cgid=personalisation"] .carousel:has(#content-block_personalise-suitcase-2024) {
        margin: 0 60px;
}

       .page[data-querystring*="cgid=personalisation"] .carousel:has(#content-block_personalise-suitcase-2024) .carousel__inner {
    padding: 0;
        display: grid;
        grid-template-columns: repeat(3, calc(var(--carousel-window-width) / 3 - 20px));
        justify-content: space-between;
        gap: 20px;
    }

 .page[data-querystring*="cgid=personalisation"] .carousel:has(#content-block_personalise-suitcase-2024) .carousel__inner .content-block--small {
        /* width: calc(var(--carousel-window-width) / 3 - 1px); */
        width: auto;
        /* padding: 0 20px; */
        margin: 0;
    }

    .page[data-querystring*="cgid=personalisation"] .carousel:has(#content-block_personalise-suitcase-2024) .callout-msg {
         margin: 45px 0 30px;
    }

}

@media (min-width: 1280px) {
    #personalisation-services-blocks .content-block-wide .content-block-wide__title {
    font-size: clamp(18px, 14.4314px + 0.915vw, 32px);
    margin-bottom: 0.5em;
}

#personalisation-services-blocks .content-block-wide .content-block-wide__text {
    font-size: clamp(14px, 12.9804px + 0.2614vw, 18px);
}
}

@media (min-width: 1550px) {
    .page[data-querystring*="cgid=personalisation"] .carousel:has(#content-block_personalise-suitcase-2024) {
    padding-bottom: 0;
    max-width: 1440px;
    margin: auto;
    }


     #text-block_personalisation-services-2024,
    #personalisation-services-blocks {
        max-width: 1440px;
        margin: auto;
    }

}