.elementor-312 .elementor-element.elementor-element-bdff3f5{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-312 .elementor-element.elementor-element-ec83215{--display:flex;}.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-312 .elementor-element.elementor-element-c2b4012{width:initial;max-width:initial;text-align:center;}.elementor-312 .elementor-element.elementor-element-c2b4012 .elementor-heading-title{color:#000000;}.elementor-312 .elementor-element.elementor-element-bb76cb4{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;text-align:center;}.elementor-312 .elementor-element.elementor-element-bb76cb4.elementor-element{--align-self:center;}.elementor-312 .elementor-element.elementor-element-bb76cb4 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:900;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-312 .elementor-element.elementor-element-8ae18d1{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;text-align:center;}.elementor-312 .elementor-element.elementor-element-8ae18d1.elementor-element{--align-self:center;}.elementor-312 .elementor-element.elementor-element-1ac9698{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button{background-color:#05FF27;fill:#000000;color:#000000;border-style:solid;border-color:#05FF27;}.elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button:focus{background-color:#05FF27;color:#000000;border-color:#05FF27;}.elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button:focus svg{fill:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-312 .elementor-element.elementor-element-c7af387{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-312 .elementor-element.elementor-element-c7af387.elementor-element{--align-self:center;}.elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-text{transition:color 0.3s;}.elementor-312 .elementor-element.elementor-element-3cf2b15{--display:flex;--min-height:40vh;--justify-content:center;}.elementor-312 .elementor-element.elementor-element-3cf2b15:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-3cf2b15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f0e01b9{width:initial;max-width:initial;text-align:center;}.elementor-312 .elementor-element.elementor-element-f0e01b9 .elementor-heading-title{color:#000000;}.elementor-312 .elementor-element.elementor-element-fce2729{text-align:center;}.elementor-312 .elementor-element.elementor-element-fce2729 .elementor-heading-title{color:var( --e-global-color-93a5f60 );}.elementor-312 .elementor-element.elementor-element-8dcb32f{width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;color:#000000;}.elementor-312 .elementor-element.elementor-element-0c6fc38{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-312 .elementor-element.elementor-element-04aa3e7{--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;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-312 .elementor-element.elementor-element-0ba3e48{--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;}.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-312 .elementor-element.elementor-element-f074483{--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;}.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-312 .elementor-element.elementor-element-1e422c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-312 .elementor-element.elementor-element-5a592c9{--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;}.elementor-312 .elementor-element.elementor-element-13d3a3b{width:initial;max-width:initial;text-align:center;}.elementor-312 .elementor-element.elementor-element-13d3a3b .elementor-heading-title{color:#000000;}.elementor-312 .elementor-element.elementor-element-7a120c8{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:center;}.elementor-312 .elementor-element.elementor-element-7a120c8.elementor-element{--align-self:center;}.elementor-312 .elementor-element.elementor-element-7a120c8 .elementor-heading-title{color:var( --e-global-color-93a5f60 );}.elementor-312 .elementor-element.elementor-element-4859d64{width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;color:#000000;}.elementor-312 .elementor-element.elementor-element-936ea48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-312 .elementor-element.elementor-element-39a96fb{--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;}.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-ec85d04{--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;}.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-4b4787a{--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;}.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-7180d7e{--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;}.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-1e8169a{--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;}.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-6eab137{--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;}.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-b00850d{--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;}.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-148ecad{--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;}.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-312 .elementor-element.elementor-element-0f75874{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:77px;--margin-bottom:89px;--margin-left:0px;--margin-right:0px;}.elementor-312 .elementor-element.elementor-element-f1767e1{--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;}.elementor-312 .elementor-element.elementor-element-dfdeedf{width:initial;max-width:initial;text-align:center;}.elementor-312 .elementor-element.elementor-element-dfdeedf .elementor-heading-title{color:#000000;}.elementor-312 .elementor-element.elementor-element-f707826{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:center;}.elementor-312 .elementor-element.elementor-element-f707826.elementor-element{--align-self:center;}.elementor-312 .elementor-element.elementor-element-f707826 .elementor-heading-title{color:var( --e-global-color-93a5f60 );}.elementor-312 .elementor-element.elementor-element-1a2ee3f{width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;color:#000000;}.elementor-312 .elementor-element.elementor-element-47e42ec{--display:flex;}.elementor-312 .elementor-element.elementor-element-2ab9c8e{text-align:start;}.elementor-312 .elementor-element.elementor-element-579292d{--display:flex;}.elementor-312 .elementor-element.elementor-element-265b2a1{text-align:start;}.elementor-312 .elementor-element.elementor-element-b08423b{--display:flex;}.elementor-312 .elementor-element.elementor-element-e10cac9{text-align:start;}.elementor-312 .elementor-element.elementor-element-c52a08d{--display:flex;}.elementor-312 .elementor-element.elementor-element-1f319c7{text-align:start;}.elementor-312 .elementor-element.elementor-element-49ae501{--display:flex;}.elementor-312 .elementor-element.elementor-element-6d4c12e{text-align:start;}.elementor-312 .elementor-element.elementor-element-da7d7e0{--display:flex;}.elementor-312 .elementor-element.elementor-element-e5693f0{text-align:start;}.elementor-312 .elementor-element.elementor-element-99a8cce{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-312 .elementor-element.elementor-element-99a8cce.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-312 .elementor-element.elementor-element-04aa3e7{--width:33.3333%;}.elementor-312 .elementor-element.elementor-element-0ba3e48{--width:33.3333%;}.elementor-312 .elementor-element.elementor-element-f074483{--width:33.3333%;}.elementor-312 .elementor-element.elementor-element-5a592c9{--width:100%;}.elementor-312 .elementor-element.elementor-element-39a96fb{--width:25%;}.elementor-312 .elementor-element.elementor-element-ec85d04{--width:25%;}.elementor-312 .elementor-element.elementor-element-4b4787a{--width:25%;}.elementor-312 .elementor-element.elementor-element-7180d7e{--width:25%;}.elementor-312 .elementor-element.elementor-element-1e8169a{--width:25%;}.elementor-312 .elementor-element.elementor-element-6eab137{--width:25%;}.elementor-312 .elementor-element.elementor-element-b00850d{--width:25%;}.elementor-312 .elementor-element.elementor-element-148ecad{--width:25%;}.elementor-312 .elementor-element.elementor-element-f1767e1{--width:100%;}}@media(max-width:767px){.elementor-312 .elementor-element.elementor-element-bdff3f5{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-312 .elementor-element.elementor-element-8ae18d1{text-align:start;}.elementor-312 .elementor-element.elementor-element-8dcb32f{--container-widget-width:660px;--container-widget-flex-grow:0;width:var( --container-widget-width, 660px );max-width:660px;}.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-wrapper{text-align:center;}.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-wrapper{text-align:center;}.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-wrapper{text-align:center;}.elementor-312 .elementor-element.elementor-element-7a120c8{--container-widget-width:762px;--container-widget-flex-grow:0;width:var( --container-widget-width, 762px );max-width:762px;}.elementor-312 .elementor-element.elementor-element-4859d64{--container-widget-width:660px;--container-widget-flex-grow:0;width:var( --container-widget-width, 660px );max-width:660px;}.elementor-312 .elementor-element.elementor-element-39a96fb{--width:33%;}.elementor-312 .elementor-element.elementor-element-ec85d04{--width:33%;}.elementor-312 .elementor-element.elementor-element-4b4787a{--width:33%;}.elementor-312 .elementor-element.elementor-element-7180d7e{--width:33%;}.elementor-312 .elementor-element.elementor-element-1e8169a{--width:33%;}.elementor-312 .elementor-element.elementor-element-6eab137{--width:33%;}.elementor-312 .elementor-element.elementor-element-b00850d{--width:33%;}.elementor-312 .elementor-element.elementor-element-148ecad{--width:33%;}.elementor-312 .elementor-element.elementor-element-f707826{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-312 .elementor-element.elementor-element-1a2ee3f{--container-widget-width:660px;--container-widget-flex-grow:0;width:var( --container-widget-width, 660px );max-width:660px;}.elementor-312 .elementor-element.elementor-element-99a8cce{--container-widget-width:514px;--container-widget-flex-grow:0;width:var( --container-widget-width, 514px );max-width:514px;}}/* Start custom CSS for heading, class: .elementor-element-c2b4012 *//* Paste in Custom CSS of the SMALL TOP HEADING */
.elementor-312 .elementor-element.elementor-element-c2b4012 .elementor-heading-title {
    color: #3B2ABF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-c2b4012 .elementor-heading-title {
        font-size: 12px;
        margin-bottom: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bb76cb4 *//* Paste in Custom CSS of the H1 HEADING */
.elementor-312 .elementor-element.elementor-element-bb76cb4 .elementor-heading-title {
    color: #1D1D1F;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-bb76cb4 .elementor-heading-title {
        font-size: 38px;
        line-height: 1.15;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8ae18d1 *//* Paste in Custom CSS of the TEXT EDITOR */
.elementor-312 .elementor-element.elementor-element-8ae18d1 {
    color: #86868B;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 36px;
    max-width: 90%;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-8ae18d1 {
        font-size: 17px;
        margin-bottom: 28px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e7580c3 *//* Paste in Custom CSS of the SECONDARY BUTTON */
.elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button {
    background-color: transparent;
    color: #3B2ABF; 
    border: 2px solid #3B2ABF;
    border-radius: 980px;
    padding: 18px 36px; 
    font-size: 16px;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button:hover {
    background-color: #3B2ABF; /* Fills with main color */
    color: #FFFFFF;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(59, 42, 191, 0.25);
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-e7580c3 .elementor-button {
        width: 100%;
        justify-content: center;
        margin-bottom: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7af387 *//* Paste in Custom CSS of the ICON LIST */
.elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-items {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-item {
    color: #86868B;
    font-size: 15px;
    font-weight: 500;
}

.elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-icon i {
    color: #3B2ABF;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-c7af387 .elementor-icon-list-items {
        flex-direction: column;
        gap: 12px;
        align-items: center; /* Centers items on mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bdff3f5 *//* Paste in Custom CSS of the MAIN HERO CONTAINER */
.elementor-312 .elementor-element.elementor-element-bdff3f5 {
    position: relative;
    background-color: #F5F5F7; /* Base Apple light gray */
    /* Modern subtle dot grid */
    background-image: radial-gradient(#d1d1d6 1px, transparent 1px);
    background-size: 24px 24px;
    padding: 80px 5%;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 1;
}

/* Moving Aurora Orb 1 (Main Blue) */
.elementor-312 .elementor-element.elementor-element-bdff3f5::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -10%;
    width: 60vw;
    height: 60vw;
    background: radial-gradient(circle, rgba(59, 42, 191, 0.12) 0%, rgba(59, 42, 191, 0) 70%);
    border-radius: 50%;
    filter: blur(60px);
    animation: floatOrb 15s ease-in-out infinite alternate;
    z-index: -1;
    pointer-events: none;
}

/* Moving Aurora Orb 2 (Gold Accent) */
.elementor-312 .elementor-element.elementor-element-bdff3f5::after {
    content: '';
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, rgba(229, 184, 11, 0.08) 0%, rgba(229, 184, 11, 0) 70%);
    border-radius: 50%;
    filter: blur(60px);
    animation: floatOrb2 18s ease-in-out infinite alternate;
    z-index: -1;
    pointer-events: none;
}

@keyframes floatOrb {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(8vw, 12vh) scale(1.15); }
}

@keyframes floatOrb2 {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-10vw, -8vh) scale(1.2); }
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-bdff3f5 {
        padding: 40px 5%;
        flex-direction: column;
        text-align: center;
    }
    .elementor-312 .elementor-element.elementor-element-bdff3f5::before, .elementor-312 .elementor-element.elementor-element-bdff3f5::after {
        width: 100vw;
        height: 100vw;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f0e01b9 *//* Paste in Custom CSS of the SMALL TOP HEADING */
.elementor-312 .elementor-element.elementor-element-f0e01b9 .elementor-heading-title {
    color: #3B2ABF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-f0e01b9 .elementor-heading-title {
        font-size: 12px;
        margin-bottom: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fce2729 *//* Paste in Custom CSS of the SECOND HEADING */
.elementor-312 .elementor-element.elementor-element-fce2729 .elementor-heading-title {
    color: #1D1D1F; 
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-fce2729 .elementor-heading-title {
        font-size: 32px;
        line-height: 1.25;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8dcb32f *//* Paste in Custom CSS of the TEXT EDITOR */
.elementor-312 .elementor-element.elementor-element-8dcb32f {
    color: #86868B;
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto; /* Keeps it perfectly centered */
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-8dcb32f {
        font-size: 16px;
        padding: 0 15px; /* Adds breathing room on small screens */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c9481e5 *//* Paste in Custom CSS of the ICON BOX */

/* 1. Base Container & Glass Hover Effect */
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-widget-container {
    padding: 32px 24px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: transparent;
}

.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-widget-container:hover {
    background-color: #FFFFFF;
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

/* 2. The Icon (Indigo) */
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-icon {
    margin-bottom: 24px;
}

.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon svg {
    color: #3B2ABF !important;
    fill: #3B2ABF !important;
    font-size: 42px !important;
    transition: transform 0.4s ease;
}

.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-widget-container:hover .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-widget-container:hover .elementor-icon svg {
    transform: scale(1.1); 
}

/* 3. The Feature Title (Bulletproof Targeting) */
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-title,
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-title * {
    color: #1D1D1F !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 16px !important;
    font-family: inherit !important; /* Strips out bad theme defaults */
}

/* 4. The Feature Description (Bulletproof Targeting) */
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-description,
.elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-description * {
    color: #86868B !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

/* =========================================
   Mobile Optimizations (Desktop Untouched)
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-widget-container {
        padding: 24px 16px;
        text-align: center !important; 
    }
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-widget-container:hover {
        transform: translateY(-3px);
    }
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-icon {
        margin-bottom: 16px;
    }
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-title,
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-title * {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-description,
    .elementor-312 .elementor-element.elementor-element-c9481e5 .elementor-icon-box-description * {
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0575f08 *//* Paste in Custom CSS of the ICON BOX */

/* 1. Base Container & Glass Hover Effect */
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-widget-container {
    padding: 32px 24px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: transparent;
}

.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-widget-container:hover {
    background-color: #FFFFFF;
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

/* 2. The Icon (Indigo) */
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-icon {
    margin-bottom: 24px;
}

.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon svg {
    color: #3B2ABF !important;
    fill: #3B2ABF !important;
    font-size: 42px !important;
    transition: transform 0.4s ease;
}

.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-widget-container:hover .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-widget-container:hover .elementor-icon svg {
    transform: scale(1.1); 
}

/* 3. The Feature Title (Bulletproof Targeting) */
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-title,
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-title * {
    color: #1D1D1F !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 16px !important;
    font-family: inherit !important; /* Strips out bad theme defaults */
}

/* 4. The Feature Description (Bulletproof Targeting) */
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-description,
.elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-description * {
    color: #86868B !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

/* =========================================
   Mobile Optimizations (Desktop Untouched)
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-widget-container {
        padding: 24px 16px;
        text-align: center !important; 
    }
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-widget-container:hover {
        transform: translateY(-3px);
    }
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-icon {
        margin-bottom: 16px;
    }
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-title,
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-title * {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-description,
    .elementor-312 .elementor-element.elementor-element-0575f08 .elementor-icon-box-description * {
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e4108c7 *//* Paste in Custom CSS of the ICON BOX */

/* 1. Base Container & Glass Hover Effect */
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-widget-container {
    padding: 32px 24px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: transparent;
}

.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-widget-container:hover {
    background-color: #FFFFFF;
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

/* 2. The Icon (Indigo) */
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-icon {
    margin-bottom: 24px;
}

.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon svg {
    color: #3B2ABF !important;
    fill: #3B2ABF !important;
    font-size: 42px !important;
    transition: transform 0.4s ease;
}

.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-widget-container:hover .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-widget-container:hover .elementor-icon svg {
    transform: scale(1.1); 
}

/* 3. The Feature Title (Bulletproof Targeting) */
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-title,
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-title * {
    color: #1D1D1F !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 16px !important;
    font-family: inherit !important; /* Strips out bad theme defaults */
}

/* 4. The Feature Description (Bulletproof Targeting) */
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-description,
.elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-description * {
    color: #86868B !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

/* =========================================
   Mobile Optimizations (Desktop Untouched)
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-widget-container {
        padding: 24px 16px;
        text-align: center !important; 
    }
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-widget-container:hover {
        transform: translateY(-3px);
    }
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-icon {
        margin-bottom: 16px;
    }
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-title,
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-title * {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-description,
    .elementor-312 .elementor-element.elementor-element-e4108c7 .elementor-icon-box-description * {
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-13d3a3b *//* Paste in Custom CSS of the SMALL TOP HEADING */
.elementor-312 .elementor-element.elementor-element-13d3a3b .elementor-heading-title {
    color: #3B2ABF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-13d3a3b .elementor-heading-title {
        font-size: 12px;
        margin-bottom: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a120c8 *//* Paste in Custom CSS of the SECOND HEADING */
.elementor-312 .elementor-element.elementor-element-7a120c8 .elementor-heading-title {
    color: #1D1D1F; 
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-7a120c8 .elementor-heading-title {
        font-size: 32px;
        line-height: 1.25;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4859d64 *//* Paste in Custom CSS of the TEXT EDITOR */
.elementor-312 .elementor-element.elementor-element-4859d64 {
    color: #86868B;
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto; /* Keeps it perfectly centered */
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-4859d64 {
        font-size: 16px;
        padding: 0 15px; /* Adds breathing room on small screens */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7bc5c5a *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-7bc5c5a .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-529d03b *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-529d03b .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c431566 *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-c431566 .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-24b090c *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-24b090c .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c926549 *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-c926549 .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b379b9e *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-b379b9e .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e57321 *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-0e57321 .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9529bd2 *//* 1. The Icon Wrapper (iOS App Icon Style) */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon {
    background-color: #FFFFFF !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important; /* Premium Apple squircle radius */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Optical physical shadow + crisp inner border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-bottom: 16px !important;
}

/* Fixes Elementor's annoying default wrapper margins */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-wrapper {
    margin-bottom: 0 !important;
}

/* 2. The SVG/Icon inside */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon i,
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon svg {
    color: #3B2ABF !important; /* Your Brand Indigo */
    fill: #3B2ABF !important;
    font-size: 32px !important;
    width: 32px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover Interaction (The Lift & Glow) */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 16px 32px rgba(59, 42, 191, 0.12), inset 0 0 0 1px rgba(59, 42, 191, 0.05) !important;
}

/* 4. The Text Title */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-title {
    color: #1D1D1F !important; /* Deep Apple Grey */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 6px 0 !important; /* Space between title and description */
    transition: color 0.3s ease !important;
}

/* Text turns brand color on hover */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #3B2ABF !important;
}

/* 5. THE FIX: Restoring & Styling the Description Text */
.elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-description { 
    display: block !important; /* Forces the text to be visible */
    color: #86868B !important; /* Muted sleek grey */
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon i,
    .elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon svg {
        font-size: 24px !important;
        width: 24px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .elementor-312 .elementor-element.elementor-element-9529bd2 .elementor-icon-box-description {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dfdeedf *//* Paste in Custom CSS of the SMALL TOP HEADING */
.elementor-312 .elementor-element.elementor-element-dfdeedf .elementor-heading-title {
    color: #3B2ABF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-dfdeedf .elementor-heading-title {
        font-size: 12px;
        margin-bottom: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f707826 *//* Paste in Custom CSS of the SECOND HEADING */
.elementor-312 .elementor-element.elementor-element-f707826 .elementor-heading-title {
    color: #1D1D1F; 
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-f707826 .elementor-heading-title {
        font-size: 32px;
        line-height: 1.25;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1a2ee3f *//* Paste in Custom CSS of the TEXT EDITOR */
.elementor-312 .elementor-element.elementor-element-1a2ee3f {
    color: #86868B;
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto; /* Keeps it perfectly centered */
}

@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-1a2ee3f {
        font-size: 16px;
        padding: 0 15px; /* Adds breathing room on small screens */
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-99a8cce *//* Paste in Custom CSS of the ACCORDION widget */

/* 1. Remove the ugly default connected borders */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion {
    border: none !important;
    background: transparent !important;
}

/* 2. Floating Card Style for each FAQ Item */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion-item,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 16px !important; /* Smooth Apple-like corners */
    margin-bottom: 16px !important; /* Separates the items into individual cards */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion-item:hover,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item:hover {
    box-shadow: 0 8px 25px rgba(59, 42, 191, 0.08) !important;
    border-color: rgba(59, 42, 191, 0.2) !important;
    transform: translateY(-2px) !important; /* Soft lift on hover */
}

/* 3. The Title Area */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title {
    background: transparent !important;
    border: none !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
}

/* Title Typography */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title a,
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion-title,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title-text {
    color: #1D1D1F !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
    transition: color 0.3s ease !important;
}

/* Active Title (Turns Indigo when opened - Targets both old and new) */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-active .elementor-accordion-title,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text,
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title.elementor-active a {
    color: #3B2ABF !important;
}

/* 4. The +/- Icons (Premium Circular Buttons) */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-icon,
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion-icon,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-icon {
    color: #3B2ABF !important; /* Brand Indigo */
    background: rgba(59, 42, 191, 0.05) !important; /* Soft tinted circle */
    border-radius: 50% !important;
    min-width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

/* Active Icon (Inverts to solid Indigo when opened) */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title.elementor-active .elementor-tab-icon,
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title.elementor-active .elementor-accordion-icon,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-icon {
    background: #3B2ABF !important;
    transform: rotate(90deg) !important; /* Adds a slick spin animation */
}

/* Forces the SVG/Icon inside to turn white when active */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title.elementor-active .elementor-tab-icon i,
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title.elementor-active .elementor-tab-icon svg,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-icon i,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 5. The Content (Answers) */
.elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-content,
.elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item > div {
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important; /* Ultra-thin separator line */
    padding: 24px !important;
    color: #86868B !important; /* Muted reading gray */
    font-size: 16px !important;
    line-height: 1.7 !important;
    background: #FAFAFC !important; /* Very subtle off-white to contrast the white header */
}

/* =========================================
   Mobile Optimizations 
   ========================================= */
@media (max-width: 768px) {
    .elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title,
    .elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title { 
        padding: 16px !important; 
    }
    .elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-title a, 
    .elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion-title,
    .elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-title-text { 
        font-size: 16px !important; 
    }
    .elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-icon,
    .elementor-312 .elementor-element.elementor-element-99a8cce .elementor-accordion-icon,
    .elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item-icon {
        min-width: 30px !important;
        height: 30px !important;
    }
    .elementor-312 .elementor-element.elementor-element-99a8cce .elementor-tab-content,
    .elementor-312 .elementor-element.elementor-element-99a8cce .e-n-accordion-item > div { 
        padding: 16px !important; 
        font-size: 15px !important; 
    }
}/* End custom CSS */