.why-choose-us {
    height: max-content;
    display: flex;
    justify-content: center;
}

.why-choose-us-inner-content {
    width: 96%;
    display: flex;
    max-width: var(--max-width-unit);
    height: max-content;
    margin-top: calc(4 * var(--spacing-unit));
}

@media(max-width:1000px) {
    .why-choose-us-inner-content {
        flex-direction: column;
    }
}

.opening-left {
    height: max-content;
    width: max-content;
}

@media(max-width:1000px) {
    .opening-left {
        width: var(--info-l);
        align-self: center;
    }
}

@media(max-width:400px) {
    .opening-left {
        width: fit-content;
    }
}

.opening-question {
    font-size: calc(1.5 * var(--font-xl));
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: max-content;
    height: max-content;
}

.opening-reason {
    height: calc(0.5 * var(--info-s));
    display: flex;
    align-items: center;
}

.region-and-quality {
    height: calc(1 * var(--info-s));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.opening-reason-txt-part {
    font-size: var(--font-s);
    font-weight: 700;
}

.region {
    height: calc(0.4 * var(--info-s));
    width: 96%;
    border-radius: var(--radius-std);
    display: flex;
    align-items: center;
    gap: var(--spacing-unit);
    background-color: #0587e63d;
    padding-left: var(--main-unit);
}

@media(max-width:400px) {
    .region {
        padding-left: 8px;
    }
}

.location-icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #04213629;
}

.region-txt {
    font-weight: 700;
}

.region-content {
    font-size: var(--font-s);
}

.quality {
    height: calc(0.4 * var(--info-s));
    width: 96%;
    border-radius: var(--radius-std);
    display: flex;
    align-items: center;
    gap: var(--spacing-unit);
    background-color: #0587e63d;
    padding-left: var(--main-unit);
}

@media(max-width:400px) {
    .quality {
        padding-left: 8px;
    }
}

