@font-face {
    font-family: primaryfont;
    src: url('fonts/HKNova-Medium.woff') format('woff');
}
:root {
    --primary_color: #170F49;
    --secondary_color: #6F6C90;
    --color_one: #FFFFFF;
    --secondary_font-family: 'DM Sans', sans-serif;
}

/* Style */
.d2c_faq_wrapper {
    padding: 100px 0px;
}

/* Accordion */
.accordion-button {
    font-family: primaryfont, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: var(--primary_color);
    box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
    border-radius: 14px;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    font-family: primaryfont, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: var(--primary_color);
    background: var(--color_one);
    box-shadow: none;
}
.accordion-body {
    font-family: var(--secondary_font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    padding-top: 0px;
    color: var(--secondary_color);
}
.accordion-item {
    border: none;
    box-shadow: 0px 3px 10px rgb(71 204 200 / 11%);
    border-radius: 14px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/img1.png);
    transform: rotate(360deg);
}
.accordion-collapse {
    box-shadow: 0px 0px 20px rgba(71, 204, 200, 0.19);
    border-radius: 14px;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/img2.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-header {
    margin-top: 30px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}

/* 
    KIT Name: 10+ FAQ Section - Bootstrap Bundle
    Product URL: hhttps://www.designtocodes.com/product/5-faq-section-faq-example-bootstrap-ui-kit/
    Product Description: The FAQ Section kit is made of all the basic elements you need to create a stunning website, from the start.
    Author: D2C
    Author URI: https://www.designtocodes.com/
*/