/* Frequently Asked Question */
#faq .category-card {
    transition: all .3s;
    height: max-content;
}

#faq .category-card:hover {
    box-shadow: #dbdbdbbc 0px 5px 7px 0px, #31313106 0px 4px 6px 4px, #31313110 0px -1px 3px inset, #31313110 -1px 0px 3px inset;
    ;
}

#faq .accordion .card:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#faq .accordion .card:last-child {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#faq .accordion .card .card-header {
    background-color: #fff !important;

}

/* Call Center */
#call-center {
    width: 20%;
    bottom: 1.5rem;
    right: 2rem;
    transition: all 0.3s ease;
    z-index: 10;
}

#call-center .body {
    display: none;
    height: 0px;
    opacity: 0%;
    transform: scale(0);
    transform-origin: bottom right;
    transition: all .3s;
    border: solid .1px #bdbdbd;
    padding: 2.4rem;
}

#call-center.show .body {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 100%;
    transform: scale(1);
}

#call-center .btn-action {
    box-shadow: #dbdbdbbc 0px 1px 2px 0px, #31313106 0px 1px 3px 1px, #31313110 0px -1px 3px inset, #31313110 -1px 0px 3px inset;
}

#call-center .btn-action,
#call-center .btn-action i {
    font-size: 2rem;
    font-weight: bold;
    transition: all .3s;
}

#call-center.show .btn-action,
#call-center.show .btn-action i {
    font-size: 1.5rem;
}

#call-center .body .title {
    font-size: 1.5rem;
    color: #656565;
    font-weight: 500;
    line-height: 1.5rem;
}

#call-center .body * {
    gap: .5rem;
}

#call-center .body .categories .category .question-icon {
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background-color: #9c3;
    color: white;
    border-radius: .9rem;
    font-size: 1.2rem;
    font-weight: bold;
}

#call-center .body .categories .category span {
    font-size: .8rem;
    font-weight: 400;
    color: #b9b9b9;
}

#call-center .body .categories .category .title {
    line-height: 1.2rem;
    font-size: 1.3rem;
}

#call-center .body .categories .category {
    border: solid .1px #ddd;
    transition: all .3s;
    border-radius: 1.7rem !important;
}

#call-center .body .categories .category:hover {
    background-color: #d2ff792a;
}

/* Category */

/* Consultation */
#consultation .form-check {
    gap: 5%;
    row-gap: 1rem;
    flex-wrap: wrap;
    padding: 0 1rem;
}

#consultation .form-check input[type=radio] {
    display: none;
}

#consultation .form-check input[type=radio].disabled+label {
    background-color: #f0f0f0 !important;
    color: white;
    cursor: not-allowed;
}

#consultation .form-check input[type=radio]:checked+label {
    background-color: #9c3;
    color: white;
}

#consultation .form-check label {
    /* background-color: white; */
    /* box-shadow: #dbdbdbbc 0px 1px 2px 0px, #31313106 0px 1px 3px 1px, #31313110 0px -1px 3px inset, #31313110 -1px 0px 3px inset; */
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 45%;
    min-height: 5rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    cursor: pointer;
    transition: all .3s;
    font-size: 1.3rem;
    color: #656565;
    font-weight: 600;
    background-color: #E9ECEF;
}

/* #consultation .form-check label::after {
     transition: all .5s;
    position: absolute;
    content: ' ';
    background-color: #fc0;
    border-radius: 99rem;
    width: 10rem;
    height: 10rem;
    transform: scale(0);
    z-index: -1;
} */

/* Circular Loader */
.circular-loader.show {
    top: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #65656531; */
}

.circular-loader.show span {
    border: .8rem solid #9c3;
    border-radius: 50%;
    border-top: .8rem solid transparent;
    width: 5rem;
    height: 5rem;
    -webkit-animation: spin .9s linear infinite;
    animation: spin .9s linear infinite;
}

#consul-btn {
    display: block;
    overflow: hidden;
}

/* Thankyou Page */
#thank-you {
    height: 100vh;
}

#thank-you .title {
    font-size: 5rem;
    margin: 2rem 0;
    color: #656565;
}

#thank-you button {
    font-size: 1.5rem;
    border-radius: 1rem;
    padding: 0 1.5rem;
}