#features-section {
    margin: 4% 0 4% 0;
}

.features-sec .features-heading {
    text-align: center;
}

.features-sec h1 {
    font-size: 3rem;
}

.features-sec .features-heading p {
    padding: 1.6% 18%;
    /* font-family: monospace; */
}


.features-sec .card-wrapper {
    height: 54vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.features-sec .img-wrapper {
    margin: 12% auto;
    width: 24%;
}

.features-sec .card-body {
    text-align: center;
}

.features-sec .card {
    margin: 0 2%;
    height: 51vh;
    /* padding: 3% 0; */
    width: 26%;
    border-radius: 11px;
    border: 2px solid #f0e9e9;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}

.features-sec .card-title {
    font-size: 1.4rem;
}

.features-sec .card-body p {
    margin: 8% 6%;
}

.carousel-control-next,
.carousel-control-prev {
    width: 6%;
}

.carousel-indicators {
    filter: invert(1) grayscale(100);
    margin-bottom: -32px;
}

@media only screen and (min-width:576px) and (max-width:857px) {
    .features-sec h1 {
        font-size: 2rem;
    }
}


@media only screen and (max-width: 575px) {

    #features-section {
        margin: 9% 0;
    }

    .carousel-small .card {
        width: 81%;
    }

    .carousel-small .img-wrapper {
        margin: 12% auto;
    }

    .features-sec h1 {
        font-size: 1.75rem;
    }

    .features-sec .card-title {
        font-size: 1.4rem;
    }

    .features-sec .card-body p {
        margin: 8% 3%;
    }
}

@media only screen and (max-height: 715px) {

    .features-sec .card {
        height: 70vh;
    }

    .features-sec .card-wrapper {
        height: 74vh;
    }

    .features-sec .img-wrapper {
    margin: 10% auto;
    width: 24%;
}

}