.faq-banner {
    background-color: #faf0e6;

    .container {
        @media (max-width: 768px) {
            padding-top: 20px !important;
        }
    }

    h1 {
        color: #681e77 !important;
        font-size: 32px;

        @media (max-width: 640px) {
            align-self: flex-start;
            font-size: 22px;
        }
    }

    .img-container {
        width: 300px;
        height: 100%;

        @media (max-width: 768px) {
            width: 280px;
        }

        img {
            width: 100%;
        }
    }
}

section.faqs-content {
    .container {
        .faq-heading {
            flex: 1;
            h2 {
                margin-bottom: 0;
                padding-bottom: 5px;
                position: relative;

                &::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    width: 50px;
                    left: 0;
                    height: 5px;
                    background-color: #FE5E00;
                }
            }
        }

        form {
            flex: 0 1 350px;
            .icon-label {
                position: relative;

                i {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 10px;
                    color:#681e77;
                }

                input {
                    padding-right: 30px;
                    border: 0.2px solid #681e77;
                    padding-left: 20px;
                    border-radius: 100px;
        box-shadow: 0px 4px 4px 0px rgba(104, 30, 119, 0.25);
        background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(107, 103, 100, 0.17) 34.9%, rgba(107, 103, 100, 0.09) 85.9%);
                }
            }

            input {
                padding: 7px;
                background-color: #ebf2f3;
            }
        }

        .accordion-button {
            text-align: left;
            font-weight: bold;
            color: #681e77;

            &:focus {
                outline: none;
                box-shadow: none;
            }
        }

        .accordion-button:not(.collapsed) {
            color: white;
            background-color: #681e77;
            box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
        }

        .accordion-button::after {
            background-image: url(../img/icons/down-arrow.png);
        }

        .accordion-button:not(.collapsed)::after {
            color: white !important;
            background-image: url(../img/icons/arrow-up.png);
            background-size: contain;
        }

        .empty-faq-section {
            .empty-block-image {
                width: 100px;
                height: 100px;

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .empty-faq-message {
                h4 {
                    font-family:  "Lato", serif;
                    font-size: 18px;
                    font-weight: 600;
                }
            }
        }
    }
}