.banners {
    gap: 24px;
    width: 100%;
}

.banner {
    position: relative;
    height: 192px;
    flex-grow: 1;
    max-width: 435px;
    border-radius: var(--bs-border-radius-xl);
    overflow: hidden;
}

.banner .circle {
    left: 42%;
}

.banner-content {
    margin: 32px 15px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 500px) {
    .banner-content {
        margin: 32px 0 20px 15px;
    }
}


.banner__title {
    font-size: 18px;
    color: var(--WHITE);
    width: 180px;
    font-weight: bold;
}

.button.banner__link {
    width: 125px;
    font-size: 16px;
}

.card-shadow{
    padding: 10px;
    border-radius: 10px;
    box-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
}