.modal-content {
    border-radius: 10px
}

.modal-header {
    background-color: #ff7a11;
    color: #fff;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.modal-title {
    font-size: 1.25rem;
    font-weight: 700
}

.modal-footer {
    padding: 1rem;
    background-color: #161616
}

.modal-body {
    font-size: 1rem;
    border-radius: 0 !important;
    background: #161616;
    padding: 30px !important
}

.btn-close {
    background: 0 0;
    border: none;
    color: #fff
}

.btn-secondary {
    background-color: #6c757d;
    border: none;
    color: #fff
}

.btn-secondary:hover {
    background-color: #5a6268
}

.modal.fade .modal-dialog {
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    transform: translate(0, 0)
}

.modal-dialog {
    transition: transform .3s ease-out
}

@media (max-width:576px) {
    .modal-dialog {
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .modal-content {
        border-radius: 0
    }
}

.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.swiper-button {
    letter-spacing: .5px;
    padding: 5px 10px;
    margin: 0
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-disabled .old-brand,
.swiper-button-prev.swiper-button-disabled .new-brand {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.separator {
    font-size: 29px;
    color: #fff;
    opacity: .2;
    position: relative;
    top: 5px;
    left: -15%
}

.swiper-container1 {
    width: 100%;
    height: auto
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.home-new-font-size {
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    /* width: 100%; */
    padding: 10px;
    white-space: nowrap;
    /* outline: unset !important; */

}

.col-md-6.brands-container.mobile-slider.d-block.d-md-none {
    width: 100vw;
    left: -1%
}

.swiper-pagination {
    bottom: 10px
}

@media (max-width:767px) {
    .swiper-slide span {
        /* font-size: 12px */
        font-size: 1.4rem
    }

    .home-new-font-size {
        font-size: 12px;
        padding: 8px
    }
}