.elementor-24870 .elementor-element.elementor-element-e2b12f8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24870 .elementor-element.elementor-element-51d737c{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24870 .elementor-element.elementor-element-d0a68f8 .elementor-heading-title{font-family:"Armand Grotesk Regular", sans-serif;font-weight:600;color:#5C0F47;}.elementor-24870 .elementor-element.elementor-element-d419fd2{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:none;border-radius:1px 1px 0px 1px;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-content{background-color:#FFFFFF;color:#4D0032;font-family:"Armand Grotesk Bold", sans-serif;font-size:14px;font-weight:600;line-height:16.8px;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 1px 1px 1px;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{font-family:"Armand Grotesk Regular", sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#5F003E;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;margin-left:10px;color:#333;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title{color:#4D0032;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#6E0048;border-style:none;border-radius:1px 1px 1px 1px;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#6E0048;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-24870 .elementor-element.elementor-element-a17936b .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}@media(min-width:768px){.elementor-24870 .elementor-element.elementor-element-51d737c{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-d419fd2 *//* --- FAQ Accordion Styles for Elementor --- */

/* Style for the main container of the accordion */
.elementor-accordion {
    border-radius: 12px;
    overflow: hidden; /* This makes the inner items conform to the rounded corners */
}

/* Style for each individual FAQ item (the Q&A block) */
.elementor-accordion .elementor-accordion-item {
    background-color: #f7f7f7; /* Light gray background for the item container */
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; /* Ensures content stays within the rounded border */
}

/* Style for the question/title part */
.elementor-accordion .elementor-tab-title {
    background-color: #ffffff; /* White background for inactive question */
    color: #333333; /* Dark text color for inactive question */
    padding: 15px 20px !important;
}

/* Style for the ACTIVE question/title part */
.elementor-accordion .elementor-tab-title.elementor-active {
    background-color: #5C0F47 !important; /* Dark purple background for active question */
    color: #ffffff !important; /* White text for active question */
}

/* Style for the icon (the little arrow) */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon i {
    color: #5C0F47 !important; /* Purple icon color for inactive state */
    font-size: 16px;
}

/* Style for the ACTIVE icon */
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i {
    color: #ffffff !important; /* White icon for active state */
}

/* Style for the answer/content part */
.elementor-accordion .elementor-tab-content {
    background-color: #ffffff;
    color: #555555; /* Slightly lighter text color for the answer */
    padding: 20px;
    border-top: none !important; /* Remove the default top border */
}

/* Removes the default box-shadow from Elementor's accordion */
.elementor-accordion .elementor-accordion-item,
.elementor-accordion {
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d419fd2 *//* --- FAQ Accordion Styles for Elementor --- */

/* Style for the main container of the accordion */
.elementor-accordion {
    border-radius: 12px;
    overflow: hidden; /* This makes the inner items conform to the rounded corners */
}

/* Style for each individual FAQ item (the Q&A block) */
.elementor-accordion .elementor-accordion-item {
    background-color: #f7f7f7; /* Light gray background for the item container */
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; /* Ensures content stays within the rounded border */
}

/* Style for the question/title part */
.elementor-accordion .elementor-tab-title {
    background-color: #ffffff; /* White background for inactive question */
    color: #333333; /* Dark text color for inactive question */
    padding: 15px 20px !important;
}

/* Style for the ACTIVE question/title part */
.elementor-accordion .elementor-tab-title.elementor-active {
    background-color: #5C0F47 !important; /* Dark purple background for active question */
    color: #ffffff !important; /* White text for active question */
}

/* Style for the icon (the little arrow) */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon i {
    color: #5C0F47 !important; /* Purple icon color for inactive state */
    font-size: 16px;
}

/* Style for the ACTIVE icon */
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i {
    color: #ffffff !important; /* White icon for active state */
}

/* Style for the answer/content part */
.elementor-accordion .elementor-tab-content {
    background-color: #ffffff;
    color: #555555; /* Slightly lighter text color for the answer */
    padding: 20px;
    border-top: none !important; /* Remove the default top border */
}

/* Removes the default box-shadow from Elementor's accordion */
.elementor-accordion .elementor-accordion-item,
.elementor-accordion {
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51d737c */.flint-faq-popup {
    
    background-color: #ffffff !important;
    border-radius: 20px !important;
    /* Large box shadow for the 'floating' effect */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    /* Reduce inner padding to make header/content fit tight to the edge (adjust as needed) */
    padding: 0 !important; 
}


.flint-faq-popup .flint-faq-header {
    /* Set the header background and padding */
   background-color: #6C2A52 !important; /* Brand Color */
    padding: 20px 30px !important; 
    border-radius: 10px 10px 0 0 !important; /* Rounded corners only at the top */
    margin-bottom: 0 !important; /* Ensure no gap between header and accordion */
}

/* Target the actual text inside the header widget */
.flint-faq-popup .flint-faq-header .elementor-heading-title {
    color: #ffffff !important;
    font-size: 16px !important; 
    font-family: 'Armand Grotesk Regular", sans-serif' !important;
    line-height: 24px;
    font-weight: 500 !important; 
    margin: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* 3. STYLING THE ACCORDION (flint-faq-accordion) */
/* -------------------------------------------------------------------------- */

/* Target the entire Accordion container */
.flint-faq-accordion .elementor-accordion {
    padding: 10px 30px 30px 30px !important; /* Padding for the area around the accordion items */
    border: none !important; /* Remove any default border */
}

/* Style the Accordion Items (Header/Title Bar) */
.flint-faq-accordion .elementor-tab-title {
    background-color: #ffffff !important; /* White background for the title bar */
    border: 1px solid #E0E0E0 !important; /* Light gray border around each item */
    font-size: 14px;
    line-height: 16.8px;
    border-radius: 5px !important;
    margin-top: 10px !important; /* Space between the items */
    color: #333333 !important; /* Text color for inactive titles */
    font-weight: 400 !important;
}

/* Style the ACTIVE Accordion Item Header */
.flint-faq-accordion .elementor-tab-title.elementor-active {
    background-color: #6E0048 !important; /* Brand Color background for active item */
    border-color: #6C2A52 !important; /* Matching border color */
    color: #ffffff !important; /* White text for active item */
    border-radius: 5px 5px 0 0 !important; /* Rounded top, square bottom */
    font-size: 14px;
    line-height: 16.8px;
}

/* Style the Accordion Content Area */
.flint-faq-accordion .elementor-tab-content {
    background-color: #ffffff !important; /* White content background */
    border: 1px solid #E0E0E0 !important; /* Brand Color border around content */
    border-top: none !important; /* Remove top border to blend with active header */
    border-radius: 0 0 5px 5px !important; /* Rounded corners only at the bottom */
    color: #666666 !important; /* Lighter text color for content */
    font-size: 14px;
    line-height: 16.8px;
    padding: 15px 20px !important;
}

/* Icon Styling (Targets the icon wrapper) */
.flint-faq-accordion .elementor-tab-title .elementor-accordion-icon {
    /* Ensure the icon is pushed to the right and aligned with the text */
    vertical-align: middle !important;
}

/* Inactive Icon Color */
.flint-faq-accordion .elementor-tab-title .elementor-accordion-icon i {
    color: #333333 !important;
}

/* Active Icon Color */
.flint-faq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i {
    color: #ffffff !important; /* White icon when active */
}/* End custom CSS */