.elementor-636 .elementor-element.elementor-element-24da868{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-636 .elementor-element.elementor-element-53db191{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-636 .elementor-element.elementor-element-69ddf5f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-636 .elementor-element.elementor-element-7adbec2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-636 .elementor-element.elementor-element-a5b16aa{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-636 .elementor-element.elementor-element-907f81b{--n-accordion-title-font-size:26px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:25px 25px 25px 25px;--n-accordion-title-normal-color:var( --e-global-color-accent );--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:30px;--n-accordion-icon-normal-color:#02010100;--n-accordion-icon-hover-color:#02010100;--n-accordion-icon-active-color:#02010100;}.elementor-636 .elementor-element.elementor-element-907f81b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#E9E9E9;}.elementor-636 .elementor-element.elementor-element-907f81b {--n-accordion-padding:30px 30px 30px 30px;}:where( .elementor-636 .elementor-element.elementor-element-907f81b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:600;line-height:32px;}:where( .elementor-636 .elementor-element.elementor-element-907f81b > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:0px 0px 25px 25px;}@media(max-width:1024px){.elementor-636 .elementor-element.elementor-element-24da868{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-636 .elementor-element.elementor-element-24da868{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-24da868 *//* Default Text Color */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > summary .e-n-accordion-item-title-text {
    color: #1B1139; /* Dark Purple/Black text */
    font-weight: 600;
}

/* Default Icon Color (Purple Plus) */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > summary .e-closed rect {
    fill: #1B1139;
    transition: all 0.3s ease;
}

/* -------------------------------------------
   3. HOVER STATE - Like Image 1
   ------------------------------------------- */
/* When hovering a closed item, make it look like the active header */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item:not([open]) > summary:hover {
    background: linear-gradient(90deg, #050505 0%, #7a1f18 100%);
    cursor: pointer;
}

/* Change text to white on hover */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item:not([open]) > summary:hover .e-n-accordion-item-title-text {
    color: #FFFFFF;
}

/* HOVER ICON TRICK:
   1. Change color to Green
   2. Hide the vertical bar of the '+' to make it look like a '-' 
*/
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item:not([open]) > summary:hover .e-closed rect {
    fill: #52BD95; /* Green */
}
/* This selects the vertical part of the plus icon and hides it */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item:not([open]) > summary:hover .e-closed rect[transform*="rotate"] {
    opacity: 0; 
}

/* -------------------------------------------
   4. ACTIVE/SELECTED STATE - Like Image 1 & 2
   ------------------------------------------- */
/* Active Header Background */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item[open] > summary {
    background: linear-gradient(90deg, #050505 0%, #7a1f18 100%);
    border-bottom-left-radius: 0; /* Remove bottom corners to merge with content */
    border-bottom-right-radius: 0;
}

/* Active Header Text */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item[open] > summary .e-n-accordion-item-title-text {
    color: #FFFFFF;
}

/* Active Icon (Green Minus) */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item[open] > summary .e-opened rect {
    fill: #52BD95;
}

/* Active Content Area (The Body) */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] {
    background: linear-gradient(90deg, #050505 0%, #7a1f18 100%);
    color: #FFFFFF;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    /* Add a subtle top border to separate header slightly if desired, else remove */
    border-top: 1px solid rgba(255,255,255,0.1); 
}

/* Force text color inside the content area to white */
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] p,
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] h1,
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] h2,
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] h3,
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] h4,
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] span,
.elementor-636 .elementor-element.elementor-element-24da868 .e-n-accordion-item > div[role="region"] div {
    color: #FFFFFF !important;
}

.sub-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}/* End custom CSS */