.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f2f2f2' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f2f2f2' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-prev, .carousel-control-next {
    background-color: transparent !important;
}
.carousel-item .col {
    padding: 0;
}

.carousel-item .col {
    padding-left: 5px !important;
    background-color: #f2f2f2;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
    .carousel-item .col {
        width: 100% !important;
        min-width: 100% !important;
        padding: 0;
    }

    .carousel-item .col {
        padding-bottom: 5px !important;
        background-color: #f2f2f2;
    }

    .carousel-control-next, .carousel-control-prev {
        top: 50%;
    }

    .carousel-inner .static-content {
        display: none;
    }

    .carousel + .static-content {
        display: block;
        position: relative;
        width: 100% !important;
        padding: 0;
    }
    a.carousel-control-prev, a.carousel-control-next {
        top: 0;
    }
}