:root {
    --main-color: #0aa6dd;
    --main-lighter-color: #69c8ee;
    --main-alpha-color: #249dcd18;
    --second-color: #012243;
    --second-lighter-color: #084079;
    --third-color: #5143d9;
    --blu-color: #6366f1;
    --giallo-color: #FCB900;
    --celeste-color: #0079FF;
    --viola-color: #754FFE;
    --viola-darker-color: #5143D9;
    --verde-color: #4BBF73;
    --verde-darker-color: #309654;
    --rosso-color: #ED3B3B;
    --lilla-color: #A180DA;
    --azzurro-color: #4FC9DA;
    --grey: #a6a6a678;
    --success-color: #cbffc5;
    --error-color: #ffc5c5;
}
.radius-20 {
    border-radius: 20px !important;
}
.border-0 {
    border: none !important;
}
/****** FAQ ********/

body.page-template-page-faq .circle-intro {
    background: var(--main-color);
}


body.page-template-page-faq .card {
    padding: .5rem 1rem;
    margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dedede;
    border-radius: 0.375rem;
}
body.page-template-page-faq .card-body {
    flex: 1 1 auto;
    padding: 1rem;
}
body.page-template-page-faq .accordion {
    width: 100%;
}
body.page-template-page-faq .accordion-item {
    margin-bottom: 1.5rem;
    box-shadow: 0 0 1.25rem rgba(31,45,61,.05);
    border: 1px solid #eaecf3;
    border-radius: .75rem !important;
}
body.page-template-page-faq .accordion-header {
    padding: 1.5rem 1.6rem 1.5rem 1.6rem;
    background-color: #fff;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    color: #012243;
    font-size: 18px;
    border-radius: .75rem !important;
}
body.page-template-page-faq .accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 15px;
    color: #8493a7;
}
body.page-template-page-faq .accordion-body.open {
    max-height: 100%;
    padding: 15px;
}
body.page-template-page-faq .accordion-header:after {
    content: '\2B';
    position: absolute;
    right: 15px;
    top: 22px;
    font-size: 20px;
    font-family: "Font Awesome 6 Pro";
}
body.page-template-page-faq .accordion-header.active:after {
    content: '\f068';
}

#faq-category h3 {
    font-weight: 300;
    color: #012243;
    font-size: 28px;
}
#faq-category i {
    font-size: 70px;
}
#faq-category .col-6:first-child i {
    color: var(--main-color);
}
#faq-category .col-6:nth-child(2) i {
    color: var(--second-color);
}
#faq-category .col-6:nth-child(3) i {
    color: var(--verde-color);
}
#faq-category .col-6:nth-child(4) i {
    color: var(--third-color);
}

#faq-category .shadow {
    box-shadow: 0 0 1.25rem rgba(31,45,61,.05);
}
#faq-category .card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 1rem 3rem rgba(31,45,61,.125) !important;
    transition: all .2s ease;
}
#faq-category .card:hover h3 {
    color: var(--main-color);
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
@media screen and (max-width: 1280px) {
    #faq-category h3 {
        font-size: 24px;
    }
    body.page-template-page-faq .card-body {
        padding: .5rem;
    }
}
@media screen and (max-width: 1112px) {
    #faq-category h3 {
        font-size: 18px;
    }
    body.page-template-page-faq .card-body {
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    body.page-template-page-faq .card {
        padding: .5rem;
    }
    #faq-category h3 {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    #faq-category h3 {
        font-size: 25px;
    }
}
@media screen and (max-width: 600px) {
    body.page-template-page-faq .accordion-header {
        padding: 1.5rem 2.6rem 1.5rem 1.6rem;
    }
}
@media screen and (max-width: 540px) {
    #faq-category i {
        font-size: 50px;
    }
    #faq-category h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 414px) {
    #faq-category h3 {
        font-size: 16px;
    }
}