section.key-features-section {
    padding: 50px 0 0;
}
.key-features.remove-bottom-padding {
    padding-bottom: 0;
}
section.key-features-section.add-bottom-padding {
    padding-bottom: 50px;
}
.key-features {
    padding: 50px 0px;
}

.key-features p {
    font-family: Arada-Light; 
    /* color: #ffffff; */
    color: #000000;
    font-size: 18px;
}

.key-features ul {
    font-family: Arada-Light; 
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 35px 17.33px;
}

.key-features li {
    flex: calc(25% - 13.33px);
    max-width: calc(25% - 13.33px);
    position: relative;
    padding-left: var(--padding, 0);

    display: flex;
}

.key-features li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--circle-color, '');
}

.key-features li img {
    width: auto;
    height: auto;
}

@media screen and (max-width:1400px) {
    .key-features li {
        flex: calc(33.33% - 13.33px);
        max-width: calc(33.33% - 13.33px);
    }
}

@media screen and (max-width: 1024px) {
    .key-features p {
        font-size: 18px;
    }
    .key-features ul {
        gap: 26.33px;
    }

    .key-features li {
        flex: calc(50% - 13.33px);
        max-width: calc(50% - 13.33px);
    }
}

@media screen and (max-width: 768px) {
    .key-features {
        max-width: 95%;
        margin: 0 auto;
    }

    .key-features li {
        flex: 100%;
        max-width: 100%;
        flex-direction: column;
        padding-left: var(--padding-mobile, var(--padding));
        padding-right: var(--padding-mobile, 0);
    }

    .key-features li img + p {
        text-align: center;
    }
}


/* Arabic Version Style Start */
.rtl .key-features p,
.rtl .key-features ul {
    font-family: Cairo-Light; 
}

.rtl .key-features li {
    padding-left: 0;
    padding-right: var(--padding, 0);
}

.rtl .key-features li::before {
    left: 100%;
    }

@media screen and (min-width: 1920px) {
    .rtl .key-features li::before {
        left: 96%;
    }

    .rtl .key-features li {
        padding-right: calc(var(--padding, 0) + 10px);
    }
}

@media screen and (max-width: 768px) {
   .rtl .key-features li::before {
        left: 97%;
    }
    .key-features li:before {
        top: 11px;
    } 
}

@media screen and (max-width: 768px) {
    .rtl .key-features li {
        padding-left: var(--padding-mobile, 0);
        padding-right: var(--padding-mobile, var(--padding));
    }
}
/* Arabic Version Style End */