/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body {
    background-color: #F9F9FA;
}

.link-text {
    font-size: 16px;
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
    color: #1587CA;
}

.link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.form-box {
    width: 60%;
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

.form__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.form__text {
    width: 40%;
}

.form__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px;
}

.main-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #EEEFEF;
    background-color: #FFF;
    border-radius: 8px;
}


.accordion .arrow-icon {
    transition: transform 0.3s ease;
}

.accordion:not(.active) .arrow-icon {
    transform: rotate(0deg);
}

.accordion.active .arrow-icon {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

@media (max-width: 1000px ) {
    .faq {
        margin-top: 80px;
    }
}
