@import url("../main-colors.css");


.why-choose-section {
    padding: 7rem 0;
    background: var(--light-background-color); /* Applied light background color */
    direction: rtl; /* Support for Persian text */
    text-align: right; /* Align text to right for Persian */
    font-family: "Inter", sans-serif; /* Fallback font, can be replaced with Vazir */
}

    .why-choose-section .img-wrap {
        position: relative;
    }

        .why-choose-section .img-wrap:before {
            position: absolute;
            content: "";
            width: 255px;
            height: 217px;
            background-image: url("../images/dots-yellow.svg");
            background-repeat: no-repeat;
            background-size: contain;
            -webkit-transform: translate(-40%, -40%);
            -ms-transform: translate(-40%, -40%);
            transform: translate(-40%, -40%);
            z-index: -1;
        }

        .why-choose-section .img-wrap img {
            border-radius: 20px;
        }


.featurew {
    margin-bottom: 30px;
}

    .featurew .icon {
        display: inline-block;
        position: relative;
        margin-bottom: 20px;
    }

        .featurew .icon:before {
            content: "";
            width: 33px;
            height: 33px;
            position: absolute;
            background: red; /* Adjusted to use primary-color with opacity */
            border-radius: 50%;
            right: -8px; /* Adjusted for RTL */
            bottom: 0;
        }

    .featurew h3 {
        font-size: 20px;
        color: var(--text-color); /* Applied dark color for text */
    }

    .featurew p {
        font-size: 14px;
        line-height: 22px;
        color: var(--dark-color); /* Applied text color */
    }

@media (max-width: 768px) {
    .why-choose-section {
        padding: 1rem 0; /* از 7rem به 3rem کاهش یافت (قابل تنظیم بر اساس نیاز) */
    }
}