.social-proof-section,
.social-proof-section * {
    box-sizing: border-box;
}

.social-proof-section {
    background: #e9e9e9;
    padding: 0px 0px 45px 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.container-social-proof-section {
    padding: 0px 32px 0px 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    row-gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-shrink: 0;
    max-width: 1280px;
    position: relative;
}

.content-social-proof-section {
     background: #e9e9e9;
    border-radius: 16px;
    padding: 64px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    row-gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.supporting-text-social-proof-section {
    color: var(--bleue, #2f4780);
    text-align: center;
    font-family: var(--text-xl-regular-font-family, 'Inter-Regular', sans-serif);
    font-size: var(--text-xl-regular-font-size, 36px);
    line-height: var(--text-xl-regular-line-height, 30px);
    font-weight: var(--text-xl-regular-font-weight, 400);
    position: relative;
    align-self: stretch;
}

.logos-social-proof-section {
    display: flex;
    flex-direction: row;
    gap: 62px;
    row-gap: 24px;
   
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.fictional-company-logo-social-proof-section {
    background: var(--brand-100, #f4ebff);
    border-radius: 28px;
    border-style: solid;
    border-color: var(--brand-50, #f9f5ff);
    border-width: 1rem;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logomark-social-proof-section {
    width: 25.88%;
    height: 91.67%;
    position: absolute;
    right: 74.12%;
    left: 0%;
    bottom: 4.17%;
    top: 4.17%;
    overflow: visible;
}


.fictional-company-logo2-social-proof-section {
    background: var(--brand-100, #f4ebff);
    border-radius: 28px;
    border-style: solid;
    border-color: var(--brand-50, #f9f5ff);
    border-width: 1rem;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logomark2-social-proof-section {
    width: 22.75%;
    height: 91.67%;
    position: absolute;
    right: 77.25%;
    left: 0%;
    bottom: 4.17%;
    top: 4.17%;
    overflow: visible;
}

.social-icon-social-proof-section  i {
    font-size: 1.5rem; /* Icon size */
    color: #2f4780; /* Icon color */
}
.shape-social-proof-section {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--violet-700, #6927da);
    border-width: 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: -0.57%;
    top: 0.57%;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
}

.shape2-social-proof-section {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--violet-700, #6927da);
    border-width: 3px;
    width: 59.09%;
    height: 100%;
    position: absolute;
    right: -23.55%;
    left: 64.46%;
    bottom: 5.68%;
    top: -5.68%;
    transform-origin: 0 0;
    transform: rotate(45deg) scale(1, 1);
}