/*what we do*/
.details-group-example sl-details:not(:last-of-type) {
    margin-bottom: var(--sl-spacing-2x-small);
}

.details-group-we-do sl-details::part(base) {
    width: 100%;
    background-color: var(--color-light-gray);
}

.details-group-we-do sl-details::part(content) {
    font-family: var(--font-ibm), sans-serif;
    color: var(--color-body-font);
}


.details-group-we-do sl-icon[slot="expand-icon"],
.details-group-we-do sl-icon[slot="collapse-icon"] {
    width: 1.5em;
    height: 1.5em;
}
/*what we do end */

.hero {
    background: linear-gradient(180deg, #0D0C22 0%, #2B3771 100%), var(--color-ukraine-blue);
}

.banner {
    background: url("/static/assets/images/bg-banner.png") no-repeat center center;
    background-size: 100% 100%;
}

@media (min-width: 640px) {
    .actual-slider {
        padding-top: 160px;
        height: 500px;
    }
}

@media (min-width: 1712px) {
    .team .progress-bar {
        display: none;
    }
}