.carousel-item{
    transition: transform 0.3s ease;
}

.modal-backdrop{
    position: unset;
}

.carousel-caption{
    top: 28%;
    text-align: left;
}



.mx-c{
    margin-left: -30px;
    font-size: var(--font-size-2);
}

.social-2{
    height: 5px;
    width: 5px;
    color: var(--color-19);
    border: 2px solid var(--color-19);
    border-radius: 50%;
    transition: 0.3s;
}