/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/

.faq-one {
    padding-bottom: 130px;
}

.faq-one .cta-three__image {
    right: 70px;
    left: auto;
}

.faq-one .cta-three__image::before {
    background-image: linear-gradient(-135deg, rgba(198, 111, 215, .8) 0%, rgba(89, 55, 229, .8) 100%);
}

.faq-one .block-title-two {
    margin-bottom: 40px;
}

.faq-one .accrodion + .accrodion {
    margin-top: 10px;
}

.faq-one .accrodion-title h4 {
    margin: 0;
    font-size: 18px;
    color: #233d63;
    font-weight: bold;
    -webkit-transition: 500ms;
    transition: 500ms;
    max-width: 90%;
}

.faq-one .accrodion.active .accrodion-title h4 {
    color: #ff7200;
}

.faq-one .accrodion-title {
    padding-left: 30px;
    padding-top: 28.2px;
    padding-bottom: 28.2px;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}

.faq-one .accrodion-title::before {
    content: "\e9ce";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #233d63;
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 500ms;
    transition: 500ms;
}

.faq-one .accrodion.active .accrodion-title::before {
    content: '\e9d1';
    color: #ff7200;
}

.faq-one .accrodion {
    border: 2px solid #EEF1FE;
    -webkit-transition: 500ms;
    transition: 500ms;
}

.faq-one .accrodion.active {
    border-color: #f8f9fe;
    background-color: #f8f9fe;
}

.faq-one .accrodion-content {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: -10px;
    padding-bottom: 20px;
}

.faq-one .accrodion-content p {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 32px;
    margin: 0;
}

/* faq page */

.faq-one__faq-page {
    padding-top: 40px;
}


.faq-one__faq-page .block-title-two h3 {
    font-size: 55px;
    margin-bottom: 10px;
    color: var(--primary-color);
}

.faq-one__faq-page .block-title-two span {
    font-size: 14px;
    font-weight: 600;
    color: #233d63;
}

.faq-one__faq-page .faq-one__block + .faq-one__block {
    margin-top: 80px;
}

.faq-one .accrodion.active .accrodion-title::before,
.faq-one__faq-page .accrodion.active .accrodion-title h4 {
    color: var(--primary-color);
}

.faq-one__form-wrap .contact-one__form h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 50px;
}

.faq-one__form-wrap .contact-one__form {
    margin-left: 0;
}

.faq-one__form-wrap .contact-one__form-btn {
    width: auto;
    height: 55px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--thm-base);
}

.faq-one__form-wrap .contact-one__form-btn:hover {
    background-color: var(--thm-black);
}

/* faq two */

.faq-two {
    padding-top: 130px;
}

.faq-two .block-title-two {
    margin-bottom: 35px;
}

.faq-two__image > img {
    max-width: 100%;
    border-radius: 80px;
    border-top-left-radius: 0;
}

.faq-two .accrodion + .accrodion {
    margin-top: 15px;
}

.faq-two .accrodion-title {
    cursor: pointer;
}

.faq-two .accrodion-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 20px;
    position: relative;
    -webkit-transition: 500ms;
    transition: 500ms;
}

.faq-two .accrodion-title h4::before {
    content: '\f105';
    font-weight: 400;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.faq-two .accrodion.active .accrodion-title h4 {
    color: var(--thm-base);
}

.faq-two .accrodion.active .accrodion-title h4::before {
    content: '\f107';
}

.faq-two .accrodion-content p {
    margin: 0;
    color: #5f5f5f;
    padding-left: 20px;
    padding-top: 10px;
}

.faq-two__btn {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 50px;
}