.features-content {
    background: linear-gradient(0deg, rgb(230, 232, 235) 0%, rgb(255, 255, 255) 100%);
    padding: 3% 7%;
}

.features-heading {
    font-size: clamp(1.5rem, 2.8vw, 4rem);
    text-transform: uppercase !important;
}

#upcoming-features .features-heading {
    margin-top: 3rem;
    font-size: clamp(1.5rem, 2.8vw, 4rem) !important;
}


.features-row {
    gap: 36px;
    padding-top: 0;
}

.features-item {
    gap: 36px;
    max-width: 420px;
}

.features-icon {
    width: 125px;
    height: 125px;
}

.features-title {
    text-transform: uppercase;
    font-size: clamp(1rem, 1.25vw, 3rem);
    padding: 12px;
    background: var(--primary-color);
    border-radius: 2rem;
    color: white;
}

.features-text {
    text-align: left;
}

p.features-text {
    text-align: justify;
    font-size: clamp(1rem, 1.5vw, 2rem);
}

ul.features-text {
    text-align: left;

}

@media (max-width: 1700px) {

    .features-item {
        gap: 36px;
        max-width: 30%;
    }

    .features-icon {
        width: 125px;
        height: 125px;
    }

    .features-title {
        padding: 12px;
        background: var(--primary-color);
        border-radius: 2rem;
        color: white;
    }

}


@media (max-width: 1366px) {
    .features-heading {
        font-size: 4rem;
    }

    .features-row {
        gap: 24px;
    }

    .features-item {
        gap: 24px;
        max-width: 30%;
    }

    .features-icon {
        width: 100px;
        height: 100px;
    }

    .features-title {
        font-size: clamp(0.75rem, 1.15vw, 3rem);
        padding: 10px;
    }

}

@media (max-width: 992px) {
    .features-content.vh-100 {
        height: auto !important
    }

    .features-content {
        padding: 0 10%;
    }

    .features-heading {
        font-size: 3rem;
        padding-bottom: 50px;
    }

    .features-row {
        flex-direction: column;
        align-items: center !important;
        gap: 50px;
    }

    .features-item {
        max-width: 100%;
        width: 500px;
        gap: 24px;
    }

    .features-icon {
        width: 100px;
        height: 100px;
    }

    .features-title {
        font-size: 1.3rem;
    }

    p.features-text {
        text-align: justify;
        font-size: clamp(1rem, 1.75vw, 2rem);
    }
}