/* USP Banner — own light-teal section, margin-top reveals a white gap above it. */
.usp-banner-section { background: var(--tint-teal-10); padding-top: 60px; padding-bottom: 60px; position: relative; 
}

.usp-banner-section:after {
    position: absolute;
    content:'';
    z-index: 1;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-color: white;
}

.usp-banner {
    position: relative;
    overflow: hidden;
    background: var(--brand-dark-teal);
    border-radius: 20px;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 64px;
    flex-wrap: wrap;
}

.usp-banner-section .skin-inner {
    position: relative;
    z-index: 2;
}
.usp-banner-pipes { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.usp-pipe { position: absolute; opacity: 0.9; }
.usp-banner-section .usp-pipe-a { width: 373px; height: 340px; left: -44px; top: -120px; }
.usp-banner-section .usp-pipe-b { width: 373px; height: 340px; left: -44px; top: -120px; transform: rotate(180deg); }
.usp-banner-section .usp-pipe-c { width: 827px; height: 680px; left: 717px; top: -314px; }
.usp-banner-section .usp-pipe-d { width: 827px; height: 681px; left: 717px; top: -315px; }
.usp-banner-heading { position: relative; z-index: 1; color: var(--brand-white); margin: 0; flex: 1 1 320px; }
.usp-pills { position: relative; z-index: 1; display: flex; gap: 16px; flex-wrap: wrap; }
.usp-pill {
    display: flex; align-items: center; gap: 10px;
    background: var(--tint-dark-teal-5);
    border-radius: 14px;
    padding: 14px 24px;
    white-space: nowrap;
}
.usp-banner-section .usp-pill-icon { width: 24px; height: 37px; }
.usp-pill i { color: var(--brand-teal); font-size: 26px; width: 24px; text-align: center; }
.usp-pill span { font-family: var(--font-body); font-weight: 600; font-size: 17px; color: var(--brand-dark-grey); }

@media (max-width: 991.98px) {
    .usp-banner { padding: 32px 40px; }
}

@media (max-width: 767.98px) {
    .usp-banner { flex-direction: column; align-items: flex-start; padding: 32px; }
    .usp-pills { gap: 12px; }
}

@media (max-width: 575.98px) {
    .usp-pill span { font-size: 15px; }
}