:root{
    --ufc-s-15:15px;
    --ufc-s-17:17px;
    --faq-answer-p-font:13px;
    --faq-wrapper-margin-tb:var(--ufc-s-20);
    --faq-item-border:var(--white);
    --faq-item-padding-tb:var(--ufc-s-10);
    --faq-item-padding-lr:var(--ufc-s-20);
    --faq-item-mb:var(--ufc-s-20);
    --faq-question-padding-r:var(--ufc-s-20);
    --faq-question-font:var(--ufc-font-size-sm);
    --faq-answer-padding-tb:var(--ufc-s-0);
    --faq-answer-padding-lr:var(--ufc-s-15);
    --faq-answer-p-size:var(--faq-answer-p-font);
    --contact-us-faq-container-gap:var(--ufc-gap-60);
    --contact-us-faq-container-left-gap:var(--ufc-s-17);
    --contact-us-faq-container-right-gap:var(--ufc-s-20);
    --faq-plus-icon-color: #8d8d8d;
    --ufc-faq-description-font-size: var(--ufc-font-size-sm);
    --faq-image-height: auto;
    --faq-line-height: 23px;
}

.faq-wrapper {
    width: 100%;
    max-width: 800px;
    margin: var(--faq-wrapper-margin-tb) auto;
}

.faq-item {
    border: 1px solid var(--faq-item-border);
    padding: var(--faq-item-padding-tb) var(--faq-item-padding-lr);
    /*width: 505px;*/
    /* height: 54px; */
    border-radius: 8px;
    margin-bottom: var(--faq-item-mb);
}

.faq-question {
    cursor: pointer;
    position: relative;
    padding-right: var(--faq-question-padding-r);
    font-family: var(--ufc-primary-font-family);
    font-weight: var(--ufc-font-weight-medium);
    font-size: var(--faq-question-font);
    line-height: 23px;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

.faq-question::after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: var(--ufc-faq-description-font-size);
    font-weight: var(--ufc-font-weight-medium);
    color: var(--faq-plus-icon-color);
}

.faq-question.active::after {
    content: '-';
    font-size: var(--ufc-faq-description-font-size);
    font-weight: var(--ufc-font-weight-medium);
    color: var(--dark);
}

.faq-answer {
    display: none;
    padding: var(--faq-answer-padding-tb) var(--faq-answer-padding-lr);
}

.faq-answer p {
    font-family: var(--ufc-primary-font-family);
    font-weight: var(--ufc-font-weight-regular);
    font-size: var(--faq-answer-p-size);
    line-height: var(--faq-line-height);
    letter-spacing: 0.5px;
    vertical-align: middle;
}


.contact-us-faq-container {
    width: 1030px;
    height: 485px;
    position: relative;
    top: 163px;
    left: 205px;
    gap: var(--contact-us-faq-container-gap);
}

.contact-us-faq-container-left {
    /*width: 505px;*/
    /*height: 485px;*/
    gap:var(--contact-us-faq-container-left-gap);
}

.contact-us-faq-container-left img {
    width: 100%;
    height: var(--faq-image-height);
    border-radius: 10px;
    object-fit: cover;
}

@media (max-width: 1200px) {
    :root{
        --ufc-faq-description-font-size: var(--ufc-font-size-xs);
        --faq-answer-p-font:  11px;
        --faq-question-font: var(--ufc-font-size-xs);
        --faq-line-height: 18px;
    }
}

@media (max-width: 992px) {
    :root{
        --faq-item-mb: var(--ufc-s-12);
    }
}

@media (max-width: 768px) {
    :root{
        --ufc-faq-description-font-size: var(--ufc-font-size-xxs);
        --faq-answer-p-font: var(--ufc-font-size-xxs);
        --faq-question-font: var(--ufc-font-size-xxs);
    }
}

@media (max-width: 576px) {
    :root{
        --faq-image-height: 365px;
    }
}

@media (max-width: 360px) {
    :root{
        --faq-image-height: 310px;
    }
}