#business-sectors {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

    #business-sectors .business-sectors-banner {
        height: calc(41.25rem * var(--screen-scale));
        object-fit: contain;
        object-position: center;
    }

        #business-sectors .business-sectors-banner .description {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: calc(1.25rem * var(--screen-scale));
        }

.overlay {
    background-color: rgba(0,0,0,0.2)
}

#business-sectors .business-sector {
    min-height: calc(64rem * var(--screen-scale));
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: calc(var(--gap-gutter-y) * var(--screen-scale)) 0;
}

#business-sectors .business-sector-content {
    display: flex;
    flex-direction: column;
    gap: calc(2rem * var(--screen-scale));
}

#business-sectors .sub-sectors {
    display: flex;
    gap: calc(3.75rem * var(--screen-scale));
    align-items: center;
    justify-content: center;
}

    #business-sectors .sub-sectors .sub-sector-card {
        border: 1px solid rgba(3, 40, 238, 0.40);
        background: var(--primary-color);
        padding: calc(1.5rem * var(--screen-scale));
    }

        #business-sectors .sub-sectors .sub-sector-card .sub-sector-image {
            width: 33.25rem;
            max-width: 100%;
            height: 25.25rem;
            max-height: 100%;
            object-fit: contain;
            object-position: center;
        }
#business-sectors .partner-carousel {
    padding: calc(var(--gap-gutter-y) * var(--screen-scale)) 0;
}

    #business-sectors .partner-carousel .carousel-item {
        display: flex;
    }

        #business-sectors .partner-carousel .carousel-item .carousel-image-block {
            flex: 1 1 20%;
        }