/**
 * Reassurances Widget Styles
 * Based on Figma design: node-id=477-80
 */

.reassurances-widget {
    box-sizing       : border-box;
    width            : 100%;
    padding          : 20px;
    background-color : #750031;
}

.reassurances-container {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
    align-items     : center;
    width           : 100%;
    max-width       : 1294px;
    margin          : 0 auto;
}

.reassurances-item {
    display         : flex;
    flex-shrink     : 0;
    justify-content : center;
    align-items     : center;
    gap             : 10px;
    box-sizing      : border-box;
    padding         : 10px;
}

.reassurances-icon {
    display         : flex;
    flex-shrink     : 0;
    justify-content : center;
    align-items     : center;
    width           : 44px;
    height          : 44px;
}

.reassurances-icon img {
    display    : block;
    width      : 100%;
    height     : 100%;
    object-fit : contain;
}

.reassurances-text {
    font-family : 'Gotham Rounded', sans-serif;
    font-size   : 16px;
    line-height : normal;
    color       : #FFFFFF;
    text-align  : center;
    white-space : nowrap;
    flex-shrink : 0;
}

.reassurances-text p {
    margin  : 0;
    padding : 0;
}

.reassurances-title {
    font-family : 'Gotham Rounded', sans-serif;
    font-weight : 700; /* Bold */
}

.reassurances-subtitle {
    font-family : 'Gotham Rounded', sans-serif;
    font-weight : 325; /* Book */
}

/* Separator between items - Vertical on desktop */
.reassurances-separator {
    display         : flex;
    flex-shrink     : 0;
    justify-content : center;
    align-items     : center;
}

.reassurances-separator-line {
    width            : 1px;
    height           : 35px;
    background-color : rgba(255, 255, 255, 0.3);
}