.quality-icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #04213629;
}

.quality-txt-title {
    font-weight: 700;
}

.reason-choose-us-right {
    width: 72%;
    height: 100%;
}

@media(max-width:1000px) {
    .reason-choose-us-right {
        width: var(--info-l);
        align-self: center;
    }
}


@media(max-width:400px) {
    .reason-choose-us-right {
        width: fit-content;
    }
}

.main-reason {
    height: var(--info-l);
    display: flex;
}

@media(max-width:1000px) {
    .main-reason {
        flex-direction: column;
        height: max-content;
    }
}

.reverse-position {
    flex-direction: row-reverse;
}

@media(max-width:1000px) {
    .reverse-position {
        flex-direction: column;
    }
}

.main-reason-txt {
    height: var(--info-l);
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: calc(2 * var(--main-unit));
    gap: var(--main-unit);
}


@media(max-width:1000px) {
    .main-reason-txt {
        width: 100%;
        height: var(--info-m);
        padding-left: unset;
    }
}

.main-reason-number {
    font-size: var(--font-xl);
    font-weight: 700;
    color: var(--color-primary-green);
}

.main-reason-title {
    font-size: var(--font-l);
    font-weight: 700;
}

.main-reason-main-txt {
    font-size: var(--font-s);
    font-weight: 700;
    color: var(--color-primary-blue);
}

.main-reason-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--info-l);
    width: 50%;
}

@media(max-width:1000px) {
    .main-reason-image {
        width: 100%;
        height: max-content;
    }
}

.main-reason-image img {
    height: var(--info-m);
    background-color: #004a80;
    border-radius: var(--main-unit);
    padding: 4px;
    width: 80%;
    box-shadow: 5px 5px 5px lightblue;
}

@media(max-width:1000px) {
    .main-reason-image img {
        width: 97%;
    }
}